/* ======================
   Index
   1. Default css
   2. Button css
   3. Header
   4. Header Cart
   5. Breadcrumb
   6. Section Heading
   7. Menu css
   8. caro-common css
   9. Top Categories
   10. Slider
   11. Featured Categories
   12. Offer Section
   13. Products Section
   14. Product Details
   15. Deals Section
   16. Video Section
   17. Shopping Cart and Wish List
   18. Sidebar css
   19. Auth Section
   20. Checkbox and Radio css
   21. My Dashbord css
   22. Entry css
   23. Social Media
   24. Stores
   25. Parsley css
   26. Keyframes
   27. Order Tracking
   28. Home Page 2
   29. Home Page 3
   30. Home Page 4
   31. Contact
   32. Blog
   33. Footer Section
   34. cookies content css
   ====================== */

/* ======================
   Default css
   ====================== */

   * {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	font-family: var(--primary-font-family);
	font-weight: 400;
	font-style: normal;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	line-height: var(--line-height-200);
	background-color: var(--color-lightness-green);
	scroll-behavior: smooth;
}
.img, img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a, .button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus, .button:focus {
	text-decoration: none;
	outline: none;
}
a {
	text-decoration: none;
	display: inline-block;
	color: var(--color-gray-dark);
}
a:focus,
a:hover {
	text-decoration: none;
	color: var(--theme-color);
}
a, button {
	outline: medium none;
}
.relative {
	position: relative;
}
table{
    width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	margin-top: 0px;
	font-style: normal;
	font-weight: 600;
	line-height: var(--line-height-100);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 {font-size: var(--heading-1);}
h2 {font-size: var(--heading-2);}
h3 {font-size: var(--heading-3);}
h4 {font-size: var(--heading-4);}
h5 {font-size: var(--heading-5);}
h6 {font-size: var(--heading-6);}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	color: var(--color-gray-dark);
	font-family: var(--primary-font-family);
	font-size: var(--font-size-100);
	font-weight: 400;
	margin-bottom: 15px;
	line-height: var(--line-height-200);
}
label {
	color: var(--color-gray-dark);
	cursor: pointer;
	font-size: var(--font-size-100);
	font-weight: 500;
}

*::-moz-selection {
	background: var(--theme-color);
	color: var(--color-white);
	text-shadow: none;
}
::-moz-selection {
	background: var(--theme-color);
	color: var(--color-white);
	text-shadow: none;
}
::selection {
	background: var(--theme-color);
	color: var(--color-white);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--color-gray);
}
*::placeholder {
	color: var(--color-gray);
}
.red {
	color: #f25961;
}

input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline:0px !important;
    box-shadow: none !important;
}
.form-control,
.form-group input, input,
input.form-control,
.form-select,
.form-control textarea,
.form-group textarea, textarea {
	padding: 12px 16px;
	border-radius: var(--border-radius-md);
	border: 1px solid var(--color-gray-400);
	height: auto;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-family: var(--primary-font-family);
	transition: all 0.3s ease;
}
.form-control:focus,
input.form-control:focus,
.form-group input:focus,
.form-group textarea:focus,
input:focus,
textarea:focus,
.form-control textarea:focus,
.form-control:focus {
	box-shadow: var(--shadow-md);
	color: var(--color-gray-dark);
	border-color: var(--theme-color);
}
.form-select:focus {
	border-color: var(--theme-color);
	box-shadow: var(--shadow-md);
}
.form-control:-moz-focusring {
	color: var(--color-gray-dark);
	text-shadow: none;
}
main {
	display: block;
}
.section {
	padding: 80px 0;
}

.inner-section {
	padding: 40px 0px;
}
.inner-section-bg {
	height: 100%;
	position: relative;
	background: var(--color-lightness-green);
}
a.scroll-to-top {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: var(--color-white);
	background-color: var(--theme-color);
	text-align: center;
	font-size: 18px;
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
a.scroll-to-top:hover {
	background: var(--color-black);
}

.sticky {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	-webkit-animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
	animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.pt0 {padding-top: 0px !important;}
.pl0 {padding-left: 0px !important;}
.pr0 {padding-right: 0px !important;}
.pb0 {padding-bottom: 0px !important;}

.mr10 {margin-right: 10px;}

.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.full {
	width: 100%;
}

/* ======================
   Preloader css
   ====================== */
.tw-loader {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background: var(--color-white);
}
.tw-ellipsis {
	position: relative;
	width: 80px;
	height: 15px;
	top: 50%;
	margin: auto;
}
.tw-ellipsis div {
	position: absolute;
	top: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	background: var(--theme-color);
}
.tw-ellipsis div:nth-child(1) {
	left: 8px;
	animation: tw-ellipsis1 0.6s infinite;
}
.tw-ellipsis div:nth-child(2) {
	left: 8px;
	animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(3) {
	left: 32px;
	animation: tw-ellipsis2 0.6s infinite;
}
.tw-ellipsis div:nth-child(4) {
	left: 56px;
	animation: tw-ellipsis3 0.6s infinite;
}

@keyframes tw-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tw-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes tw-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* ======================
   Button css
   ====================== */
.btn {
	-moz-user-select: none;
	border: none;
	border-radius: var(--border-radius-full);
	padding: 12px 24px;
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size-100);
	font-family: var(--primary-font-family);
	font-weight: 500;
	line-height: var(--line-height-100);
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-moz-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
	text-decoration: none;
}
.btn.focus,
.btn:focus {
	box-shadow: none;
}
.btn.theme-btn {
	color: var(--color-white);
	background: linear-gradient(135deg, var(--theme-color), var(--color-green));
	border: 2px solid var(--theme-color);
	box-shadow: var(--shadow-md);
}
.btn.theme-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background: linear-gradient(135deg, var(--color-green), var(--theme-color));
	overflow: hidden;
	border-radius: inherit;
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.theme-btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--shadow-lg);
}
.btn.theme-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

.btn.black-btn {
	color: var(--color-white);
	background: var(--color-black);
	border: 2px solid var(--color-black);
}
.btn.black-btn:hover {
	background: transparent;
	color: var(--color-black);
}
.btn.white-btn {
	color: var(--color-gray-dark);
	background: var(--color-white);
	border: 2px solid var(--color-white);
	box-shadow: var(--shadow-sm);
}
.btn.white-btn:hover {
	background: transparent;
	color: var(--color-white);
}
.btn.white-btn.active,
.btn.white-btn:active {
	background: var(--color-white);
	color: var(--color-gray-dark);
}

.more-btn-card {}
.btn.more-btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	padding: 14px 20px;
}
.btn.more-btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.btn.more-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

/* ======================
   Header
   ====================== */

/* Top Header */
.top-header {
	background: var(--color-forest-dark);
	color: var(--color-white);
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.top-header .container {
	position: relative;
}

.top-header .row {
	align-items: center;
}

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

.top-header ul.top-list-1 li {
	display: flex;
	align-items: center;
	margin-right: 20px;
	color: rgba(255, 255, 255, 0.9);
	font-size: var(--font-size-100);
}

.top-header ul.top-list-1 li:last-child {
	margin-right: 0;
}

.top-header ul.top-list-1 li i {
	margin-right: 8px;
	color: var(--color-white);
	font-size: 14px;
	opacity: 0.8;
}

.top-header ul.top-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-header ul.top-list li {
	margin-left: 20px;
	position: relative;
}

.top-header ul.top-list li:not(:last-of-type) {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	padding-right: 20px;
}

.top-header ul.top-list li a {
	color: rgba(255, 255, 255, 0.9);
	font-size: var(--font-size-100);
	font-weight: 400;
	text-decoration: none;
	transition: color 0.3s ease;
	display: flex;
	align-items: center;
}

.top-header ul.top-list li a:hover {
	color: var(--color-white);
}

.top-header ul.top-list li a i {
	margin-right: 6px;
	color: var(--color-white);
	font-size: 14px;
	opacity: 0.8;
}

.language-menu {
	position: relative;
}

.language-menu a.dropdown-toggle {
	text-decoration: none;
	padding: 0;
	color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
}

.language-menu a.dropdown-toggle::after {
	margin-left: 8px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
}

.language-menu ul.dropdown-menu {
	min-width: 120px;
	padding: 8px 0;
	border: 1px solid var(--color-gray-400);
	border-radius: var(--border-radius-md);
	background: var(--color-white);
	box-shadow: var(--shadow-lg);
	margin-top: 5px;
}

.language-menu ul.dropdown-menu li {
	width: 100%;
	padding: 0;
	border: none !important;
	margin: 0;
}

.language-menu ul.dropdown-menu li a.dropdown-item {
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	text-align: left;
	padding: 8px 16px;
	transition: all 0.3s ease;
}

.language-menu ul.dropdown-menu li a.dropdown-item:focus,
.language-menu ul.dropdown-menu li a.dropdown-item:hover {
	color: var(--color-white);
	background-color: var(--theme-color);
}

.header {
	background: var(--color-white);
	box-shadow: var(--shadow-sm);
	position: relative;
	z-index: 999;
}
.header-desktop {
	display: block;
	padding: 20px 0;
	background: var(--color-white);
}

.header-desktop .container {
	position: relative;
}

.header-desktop .row {
	align-items: center;
}

.header-desktop .logo {
	display: flex;
	align-items: center;
	height: 100%;
}

.header-desktop .logo img {
	max-height: 60px;
	width: auto;
}

.header-desktop .search-card {
	background: var(--color-lightness-green);
	border: 1px solid var(--color-gray-400);
	border-radius: var(--border-radius-lg);
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	height: 60px;
}

.header-desktop .search-card .search-box {
	flex: 1;
	min-width: 0;
}

.header-desktop .search-card .search-box input.form-control {
	border: none;
	background: transparent;
	padding: 12px 16px;
	height: 100%;
	font-size: var(--font-size-100);
}

.header-desktop .search-card .cat-select {
	width: 180px;
	flex-shrink: 0;
}

.header-desktop .search-card .cat-select select.form-select {
	border: none;
	background: transparent;
	padding: 12px 16px;
	height: 100%;
	font-size: var(--font-size-100);
}

.header-desktop .search-card .search-btn {
	flex-shrink: 0;
}

.header-desktop .search-card .search-btn .btn-search {
	background: var(--theme-color);
	color: var(--color-white);
	border: none;
	border-radius: var(--border-radius-md);
	padding: 12px 20px;
	font-size: var(--font-size-100);
	height: 100%;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.header-desktop .search-card .search-btn .btn-search:hover {
	background: var(--color-green);
	transform: translateY(-1px);
	box-shadow: var(--shadow-md);
}

.header-desktop ul.head-round-icon {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 20px;
	height: 100%;
}

.header-desktop ul.head-round-icon li {
	position: relative;
}

.header-desktop ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 50px;
	background: var(--color-lightness-green);
	border-radius: 50%;
	color: var(--color-gray-dark);
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	font-size: var(--font-size-100);
	font-weight: 500;
}

.header-desktop ul.head-round-icon li a:hover {
	background: var(--theme-color);
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}

.header-desktop ul.head-round-icon li a i {
	font-size: 18px;
	margin-right: 8px;
}

.header-desktop ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -8px;
	right: 20px !important;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
}

.header-mobile {
	display: none;
	background: var(--color-white);
	border-bottom: 1px solid var(--color-gray-400);
	padding: 10px 0;
}

.header-mobile-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-mobile .bars-search-card {
	flex: 1;
}

.header-mobile .bars-search-card ul.head-round-icon {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 15px;
}

.header-mobile .bars-search-card ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--color-lightness-green);
	border-radius: 50%;
	color: var(--color-gray-dark);
	text-decoration: none;
	transition: all 0.3s ease;
}

.header-mobile .bars-search-card ul.head-round-icon li a:hover {
	background: var(--theme-color);
	color: var(--color-white);
}

.header-mobile .bars-search-card ul.head-round-icon li a i {
	font-size: 16px;
}

.header-mobile .logo-card {
	flex: 1;
	text-align: center;
}

.header-mobile .logo-card .logo img {
	max-height: 60px;
	width: auto;
}

.header-mobile .head-round-card {
	flex: 1;
	text-align: right;
}

.header-mobile .head-round-card ul.head-round-icon {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 15px;
}

.header-mobile .head-round-card ul.head-round-icon li {
	position: relative;
}

.header-mobile .head-round-card ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px; /* wider to accommodate icon + text */
	height: 40px;
	background: var(--color-lightness-green);
	border-radius: 999px; /* pill shape */
	color: var(--color-gray-dark);
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	padding: 0 12px;
	gap: 6px;
}

.header-mobile .head-round-card ul.head-round-icon li a:hover {
	background: var(--theme-color);
	color: var(--color-white);
}

.header-mobile .head-round-card ul.head-round-icon li a i {
	font-size: 16px;
}

.header-mobile .head-round-card ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -6px;
	right: -6px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
}

.header .logo {
	display: block;
}
.header .logo img {
	max-height: 50px;
}
.header .search-card {
	background: var(--color-lightness-green);
	border: 1px solid var(--color-gray-400);
	border-radius: var(--border-radius-lg);
	padding: 8px;
	display: flex;
	align-items: center;
}
.header .search-card .search-box {
	flex: 1;
	margin-right: 10px;
}
.header .search-card .cat-select {
	width: 200px;
	margin-right: 10px;
}
.header .search-card .search-box input.form-control {
	border: none;
	background: transparent;
	padding: 8px 12px;
}
.header .search-card .cat-select select.form-select {
	border: none;
	background: transparent;
	padding: 8px 12px;
}
.header .search-card .search-btn {
	margin-left: auto;
}
.header .search-card .search-btn .btn-search {
	background: var(--theme-color);
	color: var(--color-white);
	border: none;
	border-radius: var(--border-radius-md);
	padding: 8px 16px;
	font-size: var(--font-size-100);
}
.header ul.login-reg-list {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header ul.login-reg-list li {
	margin-left: 20px;
}
.header ul.login-reg-list li a {
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-weight: 500;
	text-decoration: none;
	transition: color 0.3s ease;
}
.header ul.login-reg-list li a:hover {
	color: var(--theme-color);
}
.header ul.login-reg-list li a i {
	margin-right: 5px;
}
.header ul.head-round-icon {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header ul.head-round-icon li:not(:last-of-type) {
	margin-right: 15px;
}
.header ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: var(--color-lightness-green);
	border-radius: 50%;
	color: var(--color-gray-dark);
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
}
.header ul.head-round-icon li a i {
	font-size: 18px;
}
.header ul.head-round-icon li:hover a {
	background: var(--theme-color);
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}
.header ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -5px;
	right: -5px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
}

.header-mobile-card {}
.header-mobile-card .bars-search-card {
	width: 120px;
	float: left;
}
.header-mobile-card .logo-card {
	width: calc(100% - 240px);
	float: left;
}
.header .header-mobile-card .logo-card .logo {
	/* margin: 0 auto; */
}
.header-mobile-card .head-round-card {
	width: 120px;
	float: right;
}
.header .header-mobile-card .bars-search-card ul.head-round-icon,
.header .header-mobile-card .head-round-card ul.head-round-icon {
	margin-top: 5px;
}
.header .header-mobile-card .bars-search-card ul.head-round-icon li:not(:last-of-type),
.header .header-mobile-card .head-round-card ul.head-round-icon li:not(:last-of-type) {
	margin-right: 0px;
}

/* ======================
   Header Cart
   ====================== */
.shopingCart {
	position: relative;
}
.shopingCart .shoping-cart-card {
	position: absolute;
	top: 100%;
	right: 0;
	width: 380px;
	background: var(--color-white);
	border: 1px solid #e9ecef;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	margin-top: 16px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-15px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	backdrop-filter: blur(15px);
}
.shopingCart .shoping-cart-card.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.shopingCart .shoping-cart-card::before {
	content: '';
	position: absolute;
	top: -8px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: var(--color-white);
	border-left: 1px solid #e9ecef;
	border-top: 1px solid #e9ecef;
	transform: rotate(45deg);
}

.shopingCart .shoping-cart-card .shoping-cart-body {
	max-height: 320px;
	overflow-y: auto;
	padding: 24px;
	width: 100%;
}
.shopingCart ul.cart_list {
	width: 100%;
	display: inline-block;
}
.shopingCart ul.cart_list li {
	margin-right: 0px !important;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #f1f3f4;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.shopingCart ul.cart_list li:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.shopingCart ul.cart_list li .cart-item-card {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-img {
	width: 70px;
	height: 70px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #1a1a1a;
	line-height: 1.3;
}
.shopingCart ul.cart_list li .cart-item-card .cart-item-desc p {
	font-size: 14px;
	color: #666;
	margin: 0;
	font-weight: 500;
}
.shopingCart ul.cart_list li a.item-remove {
	background: transparent;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s ease;
}
.shopingCart ul.cart_list > li a.item-remove > i {
	color: #dc3545;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	transition: color 0.3s ease;
}

.shopingCart ul.cart_list > li a.item-remove:hover {
	background: rgba(220, 53, 69, 0.1);
}

.shopingCart ul.cart_list > li a.item-remove:hover > i {
	color: #c82333;
}
.shopingCart .shoping-cart-card .shoping-cart-footer {
	padding: 24px;
	border-top: 1px solid #f1f3f4;
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	border-radius: 0 0 20px 20px;
}
.shopingCart .shoping-cart-card .shoping-cart-footer p {
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #666;
	font-weight: 500;
}
.shopingCart .shoping-cart-card .shoping-cart-footer h6 {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	font-size: 18px;
	color: #1a1a1a;
}
.shoping-cart-footer .view-cart-btn {
	width: 100%;
	margin-bottom: 12px;
	border-radius: 12px;
	font-weight: 600;
	transition: all 0.3s ease;
	background: #1a1a1a;
	padding: 14px 20px;
	font-size: 14px;
	color: var(--color-white);
	border: none;
	box-shadow: 0 4px 12px rgba(26, 26, 26, 0.2);
}
.shoping-cart-footer .view-cart-btn:hover {
	background: #333;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(26, 26, 26, 0.3);
}
.shoping-cart-footer .checkout-btn {
	width: 100%;
	margin-bottom: 0;
	border-radius: 12px;
	font-weight: 600;
	transition: all 0.3s ease;
	background: var(--theme-color);
	padding: 14px 20px;
	font-size: 14px;
	color: var(--color-white);
	border: none;
	box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}
.shoping-cart-footer .checkout-btn:hover {
	background: #0056b3;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 123, 255, 0.3);
}

/* ======================
   Breadcrumb
   ====================== */
.breadcrumb-section {
	width: 100%;
	height: auto;
	background: var(--color-light-green);
	padding: 15px 0px;
}
.breadcrumb-section .page-title {
	text-align: right;
}
.breadcrumb-section .page-title h1 {
	font-size: var(--font-size-100);
	margin-bottom: 0px;
}
.breadcrumb-section .breadcrumb {
	float: left;
	margin-bottom: 0px;
}
.breadcrumb-section .breadcrumb .breadcrumb-item a {
	color: var(--color-black);
}
.breadcrumb-section .breadcrumb li a:hover {
	color: var(--theme-color);
}
.breadcrumb-section .breadcrumb-item.active {
	color: var(--theme-color);
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
	color: var(--theme-color);
}

/* ======================
   Section Heading
   ====================== */
.section-heading {
	margin-bottom: 40px;
}
.section-heading h5 {
	position: relative;
	margin-bottom: 20px;
	font-weight: 900;
	color: var(--theme-color);
}
.section-heading h2 {
	position: relative;
	margin-bottom: 20px;
	font-weight: 900;
}

/* ======================
   Quick Intro Section
   ====================== */
.quick-intro-section {
	background: var(--color-light-green);
	padding: 60px 0;
}
.quick-intro-section .section-heading h5 {
	color: var(--theme-color);
	font-size: var(--font-size-300);
	font-weight: 700;
	margin-bottom: 15px;
}
.quick-intro-section .section-heading h2 {
	color: var(--color-black);
	font-size: var(--font-size-400);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 0;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* ======================
   Why Choose Us Section
   ====================== */
.why-choose-us-section {
	background: var(--color-white);
	padding: 80px 0;
}
.why-choose-us-section .section-heading h5 {
	color: var(--theme-color);
	font-size: var(--font-size-300);
	font-weight: 700;
	margin-bottom: 15px;
}
.why-choose-us-section .section-heading h2 {
	color: var(--color-black);
	font-size: var(--font-size-400);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 50px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.why-choose-us-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 40px;
}
.why-choose-item {
	text-align: center;
	padding: 25px 15px;
	background: var(--color-light-green);
	border-radius: 10px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.why-choose-item:hover {
	transform: translateY(-5px);
	border-color: var(--theme-color);
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.why-choose-icon {
	margin-bottom: 20px;
}
.why-choose-icon i {
	font-size: 50px;
	color: var(--theme-color);
	display: block;
}
.why-choose-content h4 {
	color: var(--color-black);
	font-size: var(--font-size-200);
	font-weight: 700;
	margin: 0;
	line-height: 1.4;
}

/* Responsive styles for Why Choose Us section */
@media (max-width: 1200px) {
	.why-choose-us-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
}
@media (max-width: 768px) {
	.why-choose-us-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.why-choose-item {
		padding: 20px 10px;
	}
	.why-choose-icon i {
		font-size: 40px;
	}
	.why-choose-content h4 {
		font-size: var(--font-size-100);
	}
}
@media (max-width: 480px) {
	.why-choose-us-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

/* ======================
   Menu css
   ====================== */
.header-menu {
	background: var(--color-white);
	border-top: 1px solid var(--color-gray-400);
	border-bottom: 1px solid var(--color-gray-400);
	box-shadow: var(--shadow-sm);
}
.tp-mega-full {
	width: 100%;
}
.tp-menu {
	display: block;
}
.tp-menu nav {
	display: block;
}
.tp-menu ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tp-menu ul li {
	position: relative;
	margin: 0;
}

.tp-menu ul li.nav-logo {
	margin-right: 30px;
}

.tp-menu ul li.nav-logo a {
	padding: 0;
	display: flex;
	align-items: center;
	height: 60px;
}

.tp-menu ul li.nav-logo .nav-logo-img {
	height: 40px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
}

.tp-menu ul li a.tp-updown {
	display: block;
	padding: 15px 20px;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
}
.tp-menu ul li a.tp-updown::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: var(--theme-color);
	transition: all 0.3s ease;
	transform: translateX(-50%);
}
.tp-menu ul li:hover > a.tp-updown::before {
	width: 100%;
}
.tp-menu ul li a {
	display: block;
	padding: 15px 20px;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
}
.tp-menu ul li:hover > a,
.tp-menu ul li.active > a {
	color: var(--theme-color);
	background: var(--color-lightness-green);
}
.tp-menu ul li ul.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--color-white);
	min-width: 200px;
	box-shadow: var(--shadow-lg);
	border-radius: var(--border-radius-md);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 999;
}
.tp-menu ul li:hover ul.submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.tp-menu ul li ul.submenu li {
	display: block;
	width: 100%;
	border-bottom: 1px solid var(--color-gray-400);
}
.tp-menu ul li ul.submenu li:last-child {
	border-bottom: none;
}
.tp-menu ul li ul.submenu li a {
	padding: 12px 20px;
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	transition: all 0.3s ease;
}
.tp-menu ul li ul.submenu li:hover > a {
	background: var(--color-lightness-green);
	color: var(--theme-color);
}

/*submenu*/
.tp-menu ul li ul.submenu {
	position: absolute;
	top: 110%;
	left: 0;
	width: 260px;
	padding: 15px 15px;
	border-radius: 0px 0px 10px 10px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tp-menu ul li:hover ul.submenu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.tp-menu ul li ul.submenu li {
	float: none;
	margin: 0;
}
.tp-menu ul li ul.submenu li:last-child {
	border-bottom: none;
}
.tp-menu ul li ul.submenu li a {
	font-size: var(--font-size-100);
	font-weight: 700;
	padding: 12px 15px;
	color: var(--color-black);
	text-transform: capitalize;
}

/*three level menu*/
.tp-menu ul li ul.submenu li ul.submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.tp-menu ul li ul.submenu li:hover > ul.submenu {
	opacity: 1;
	visibility: visible;
}

/*mega-menu*/
.tp-menu ul li .mega-menu {
	position: absolute;
	top: 110%;
	left: 0;
	width: 500px;
	background: var(--color-white);
	border-radius: 0px 0px 10px 10px;
	padding: 30px 15px 18px 15px;
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tp-menu ul li:hover .mega-menu {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.tp-menu ul li .mega-menu ul {
	float: left;
}
.tp-menu ul li .mega-menu ul li {
	float: none;
	margin-right: 0;
}
.tp-menu ul li .mega-menu ul li a {
	padding: 12px 0px;
	color: var(--color-black);
	font-size: var(--font-size-100);
	font-weight: 700;
	font-family: var(--secondary-font-family);
}
.tp-menu ul li ul.submenu li:hover > a,
.tp-menu ul li ul.submenu li.active > a,
.tp-menu ul li .mega-menu ul li:hover a,
.tp-menu ul li .mega-menu ul li.active > a {
	color: var(--theme-color);
	background: transparent;
}
.tp-menu ul li .mega-menu ul li.mega-title {
	padding: 0px 0px 5px 0px;
	color: var(--color-green);
	font-weight: 800;
	font-size: var(--font-size-100);
	font-family: var(--secondary-font-family);
	position: relative;
	margin-bottom: 10px;
}
.tp-menu ul li .mega-menu ul li.mega-title::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background: var(--color-green);
}

.tp-menu ul li .mega-menu ul.megafixed-col-1 {width: 100%;}
.tp-menu ul li .mega-menu ul.megafixed-col-2 {width: 50%;}
.tp-menu ul li .mega-menu ul.megafixed-col-3 {width: 33.33333333333333%;}
.tp-menu ul li .mega-menu ul.megafixed-col-4 {width: 25%;}
.tp-menu ul li .mega-menu ul.megafixed-col-5 {width: 20%;}
.tp-menu ul li .mega-menu ul.megafixed-col-6 {width: 16.66666666666667%;}

/*mega-menu full*/
.tp-menu ul li.tp-static {
	position: static;
}
.tp-menu ul li .mega-menu.mega-full {
	width: 100%;
}
.tp-menu ul li .mega-menu ul {
	padding: 0px 15px;
}
.tp-menu ul li .mega-menu ul:last-child {
	border-right: none;
}
.tp-menu ul li .mega-menu ul li.mega-col-image {
	overflow: hidden;
	padding: 0px 10px 0px 0px;
}
.tp-menu ul li .mega-menu ul li.mega-col-image a {
	padding: 0;
}
.tp-menu ul li .mega-menu ul li.mega-col-image img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.tp-menu ul li .mega-menu.mega-full ul.mega-col-1 {width: 100%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-2 {width: 50%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-3 {width: 33.33333333333333%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-4 {width: 25%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-5 {width: 20%;}
.tp-menu ul li .mega-menu.mega-full ul.mega-col-6 {width: 16.66666666666667%;}

/*mobile menu*/
.mobile-menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: 99999;
}
.mobile-menu-wrapper.open {
	opacity: 1;
	visibility: visible;
}
.mobile-menu-wrapper .off-canvas-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.mobile-menu-wrapper .offcanvas-body {
	background-color: var(--color-black);
	width: 300px;
	height: 100%;
	padding: 0px 0px 100px 0px;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	-ms-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.mobile-menu-wrapper.open .offcanvas-body {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.offcanvas-body .offcanvas-top {
	width: 100%;
	padding: 20px 20px;
	border-bottom: 1px solid var(--color-gray-dark);
	margin-bottom: 15px;
	height: auto;
	transform: none;
}
.offcanvas-top .offcanvas-btn-close {
	width: 30px;
	height: 30px;
	font-size: 14px;
	color: var(--color-black);
	line-height: 29px;
	text-align: center;
	cursor: pointer;
	background: var(--color-white);
	border-radius: 50%;
}
.mobile-navigation {}
.mobile-navigation nav {
    height: 100%;
}
.mobile-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-menu li > a {
	font-size: var(--font-size-100);
	color: var(--color-gray);
	line-height: var(--line-height-200);
	position: relative;
	display: inline-block;
	padding: 10px 10px 10px 20px;
	width: 100%;
	font-family: var(--secondary-font-family);
	font-weight: 700;
}
.mobile-menu li > a:hover,
.mobile-menu li.active > a {
    color: var(--theme-color);
	text-decoration: none;
}
.mobile-menu li.has-children-menu.active > a {
    color: var(--theme-color);
}
.mobile-menu li.has-children-menu ul.dropdown,
.mobile-menu li.has-children-menu.active ul.dropdown,
.mobile-menu li ul.megamenu {
	margin: 0px;
	padding: 0px;
	background-color: rgba(255,255,255,0.05);
}
.mobile-menu li ul li {
    border: none;
}
.mobile-menu li ul li a {
	font-size: var(--font-size-100);
	padding: 10px 10px 10px 20px;
	width: 100%;
}
.mobile-menu li.has-children-menu {
	display: block;
	position: relative;
	width: 100%;
}
.mobile-menu li.has-children-menu .menu-expand {
	top: 10px;
	right: 20px;
	width: 14px;
	position: absolute;
	height: 20px;
	text-align: center;
	cursor: pointer;
}
.mobile-menu li.has-children-menu .menu-expand i {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid var(--color-gray);
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
.mobile-menu li.has-children-menu .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid var(--color-gray);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mobile-menu li.has-children-menu.active > .menu-expand i:before {
   	-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.search-for-mobile {
	padding: 0px 20px 20px 20px;
}
.search-for-mobile input.form-control {
	margin-bottom: 15px;
	border-radius: 50px;
	border: none;
	background: var(--color-gray-400);
	padding: 10px 15px;
}
.search-for-mobile button {
	width: 100%;
	font-weight: 700;
	border-radius: 50px;
	font-family: var(--secondary-font-family);
	padding: 8px 15px;
	font-size: var(--font-size-300);
}
.search-for-mobile button i {
	margin-right: 8px;
}

/* ======================
   caro-common css
   ====================== */
.caro-common {
	position: relative;
}
.caro-common .owl-nav {
	position: absolute;
	top: -78px;
	z-index: 99;
	right: -10px;
	width: auto;
}
.caro-common .owl-nav button {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: 10px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.caro-common .owl-nav button i {
	font-size: 20px;
	line-height: 40px;
}
.caro-common .owl-nav button.owl-next,
.caro-common .owl-nav button.owl-prev{
	background: var(--color-light-green);
	color: var(--color-black);
}
.caro-common .owl-nav button.owl-next:hover,
.caro-common .owl-nav button.owl-prev:hover{
	background: var(--color-green);
	color: var(--color-white);
}
.caro-common .owl-nav .owl-next {
	left: auto;
	right: -20px;
}
.caro-common:hover .owl-nav button {
	opacity: 1;
	visibility: visible;
}
.caro-common .owl-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.caro-common:hover .owl-dots {
	opacity: 1;
	visibility: visible;
}
.caro-common button.owl-dot{
	height: 22px;
	width: 22px;
	margin: 0 5px;
	display: inline-block;
	border-radius: 50%;
	background: var(--color-gray);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
	-moz-box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
	box-shadow: 0px 0px 23px 1px rgba(202, 200, 200, 0.9) !important;
}
.caro-common button.owl-dot.active {
	background: var(--theme-color);
}

/* ======================
   Top Categories
   ====================== */
ul.categories-wrap {
	width: 290px;
}
ul.categories-wrap li {
	position: relative;
}
ul.categories-wrap > li > a {
	padding: 11px 40px 11px 52px;
	background: var(--color-light-green);
	margin: 8px 0px;
	border-radius: 30px;
	font-size: var(--font-size-200);
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-weight: 800;
	width: 100%;
	position: relative;
}
ul.categories-wrap > li > a.open {
	border-radius: 30px 30px 0px 0px;
	margin-bottom: 0px;
}
ul.categories-wrap > li > a::after {
	position: absolute;
	content: "\F479";
	left: 20px;
	top: 5px;
	bottom: 5px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 24px;
}
ul.categories-wrap > li > a::before {
	position: absolute;
	content: "\F282";
	right: 20px;
	top: 11px;
	bottom: 11px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap > li > a.open::before {
	position: absolute;
	content: "\F286";
	right: 20px;
	top: 11px;
	bottom: 11px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 290px;
	border-radius: 0px 0px 30px 30px;
	background: var(--color-white);
	z-index: 999999;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list.open {
	visibility: visible;
	opacity: 1;
}
ul.categories-wrap li ul.nav-category-list li {
	border-bottom: 1px solid var(--color-light-green);
}
ul.categories-wrap li ul.nav-category-list li a {
	font-size: var(--font-size-100);
	font-family: var(--secondary-font-family);
	font-weight: 700;
	padding: 10px 15px;
	color: var(--color-black);
	display: flex;
	align-items: center;
}
ul.categories-wrap li ul.nav-category-list li:hover a {
	color: var(--theme-color);
}
ul.categories-wrap li ul.nav-category-list li a .cat-icon {
	float: left;
	width: 30px;
	height: 30px;
	background: var(--color-light-green);
	border-radius: 50%;
	padding: 2px;
	margin-right: 12px;
	overflow: hidden;
}
ul.categories-wrap li ul.nav-category-list li a .cat-icon img {
	width: 100%;
	height: 100%;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn {
	background: var(--color-light-green);
	border-radius: 0px;
	padding: 11px 10px;
	text-align: center;
	display: block;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span {
	position: relative;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span::before {
	position: absolute;
	content: "\F64D";
	left: -25px;
	top: -3px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: var(--font-size-300);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li a.cat-more-btn span.open::before {
	position: absolute;
	content: "\F63B";
	left: -25px;
	top: -3px;
	font-family: "bootstrap-icons";
	color: var(--color-black);
	font-size: var(--font-size-300);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li:hover a.cat-more-btn span::before,
ul.categories-wrap li ul.nav-category-list li:hover a.cat-more-btn span.open::before {
	color: var(--theme-color);
}
ul.categories-wrap li ul.nav-category-list li.cat-list-hideshow {
	display: none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
ul.categories-wrap li ul.nav-category-list li.cat-list-hideshow.open {
	display: block;
}

/* ======================
   Slider
   ====================== */
.slider-section {
	padding: 0px;
}
.slider-screen {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}
.slider-screen .single-slider {
	height: 600px;
	display: flex;
	align-items: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	min-height: 400px;
	position: relative;
	overflow: hidden;
}

/* Ensure background images are properly displayed */
.slider-screen .single-slider::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.slider-screen .single-slider .container {
	position: relative;
	z-index: 2;
}

/* Improved mobile background image handling */
@media (max-width: 767px) {
	.slider-screen .single-slider {
		height: 400px;
		min-height: 350px;
		background-position: center center;
		background-size: cover;
		background-attachment: scroll;
	}

	.slider-screen .single-slider::before {
		background-position: center center;
		background-size: cover;
	}
}

@media (max-width: 480px) {
	.slider-screen .single-slider {
		height: 350px;
		min-height: 300px;
		background-position: center center;
		background-size: cover;
		background-attachment: scroll;
	}

	.slider-screen .single-slider::before {
		background-position: center center;
		background-size: cover;
	}
}

@media (max-width: 375px) {
	.slider-screen .single-slider {
		height: 300px;
		min-height: 250px;
		background-position: center center;
		background-size: cover;
		background-attachment: scroll;
	}

	.slider-screen .single-slider::before {
		background-position: center center;
		background-size: cover;
	}
}
.slider-screen .slider-content {
	padding: 50px 0px;
	position: relative;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
}
.home-slider .owl-nav button {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.home-slider .owl-nav button i {
	font-size: 20px;
	line-height: 40px;
}
.home-slider .owl-nav button.owl-next,
.home-slider .owl-nav button.owl-prev{
	background: var(--theme-color);
	color: var(--color-white);
}
.home-slider .owl-nav button.owl-next:hover,
.home-slider .owl-nav button.owl-prev:hover{
	background: var(--color-green);
	color: var(--color-white);
}
.home-slider .owl-nav .owl-next {
	left: auto;
	right: 15px;
}
.home-slider:hover .owl-nav button {
	opacity: 1;
	visibility: visible;
}
.home-slider .owl-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}
.home-slider button.owl-dot {
	height: 5px;
	width: 25px;
	margin: 0 4px;
	display: inline-block;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: var(--theme-color);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.home-slider button.owl-dot.active {
	background: var(--color-black);
}

/*--Home 1--*/
.slider-screen .slider-content h1 {
	font-size: var(--font-size-900);
	font-weight: 900;
	margin-bottom: 25px;
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
	background: transparent;
	padding: 20px;
	border-radius: 10px;
	line-height: 1.2;
	white-space: normal;
	word-wrap: break-word;
	hyphens: auto;
}
.slider-screen .slider-content p {
	margin-bottom: 25px;
	color: #ffffff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	background: transparent;
	padding: 15px;
	border-radius: 8px;
	line-height: 1.4;
	white-space: normal;
	word-wrap: break-word;
	hyphens: auto;
}
.slider-screen .slider-content p.relative {
	padding-left: 25px;
}
.slider-screen .slider-content p.relative::before {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	width: 20px;
	height: 4px;
	background: var(--theme-color);
	border-radius: 50px;
}
.slider-screen.h1-height {
	padding: 100px 0px;
}
.slider-screen .h1-layer1 {
	width: 100%;
	overflow: hidden;
}
.slider-screen .h1-layer1 img {
	width: 100%;
}
.slider-screen .h1-layer2 {
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 150px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer2 img {
	width: 100%;
}
.slider-screen .h1-layer3 {
	position: absolute;
	top: 0px;
	right: 100px;
	width: 100px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer3 img {
	width: 100%;
}
.slider-screen .h1-layer4 {
	position: absolute;
	bottom: 30px;
	right: 80px;
	width: 150px;
	overflow: hidden;
	z-index: 999;
}
.slider-screen .h1-layer4 img {
	width: 100%;
}

/* ======================
   Featured Categories
   ====================== */
.featured-card {
	background: var(--color-light-green);
	padding: 0px;
	text-align: center;
	overflow: hidden;
	height: auto;
	border-radius: 0px 0px 10px 10px;
}
.owl-carousel .featured-card {
	margin-right: 15px;
}
.featured-card .featured-image {
	border-radius: 0px 0px 50% 50%;
	padding: 15px 15px;
	overflow: hidden;
	width: 100%;
	border-bottom: 5px solid var(--theme-color);
	border-top: none;
	border-left: none;
	border-right: none;
	background: var(--color-white);
}
.featured-card .featured-image img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
.featured-card .featured-title {
	padding: 20px 15px;
}
.featured-card .featured-title a {
	font-size: var(--font-size-100);
	font-weight: 800;
	font-family: var(--secondary-font-family);
	color: var(--color-black);
}
.featured-card .featured-title a:hover {
	color: var(--theme-color);
}

/* ======================
   Offer Section
   ====================== */
.offer-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}
.offer-card {
	position: relative;
	width: 100%;
	border-radius: 10px;
	padding: 30px;
	overflow: hidden;
	margin-bottom: 30px;
}
.offer-card .offer-heading {
	margin-bottom: 30px;
}
.offer-card .offer-heading h2 {
	font-size: var(--font-size-400);
}
.offer-card .offer-body {
	padding: 0;
	width: calc(100% - 100px);
}
.offer-card .offer-footer {
	margin-top: 50px;
	width: 100%;
}
.offer-card .offer-footer a.btn {
	border-radius: 50px;
	padding: 13px 25px;
}
.offer-card .offer-footer .offer-image {
	position: absolute;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 160px;
}
.offer-card .offer-footer .offer-image img {
	width: 100%;
	height: auto;
}

/* ======================
   Products Section
   ====================== */
.product-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
	background: var(--color-lightness-green);
}

/* Product grid equal height cards */
.product-grid-row {
	display: flex;
	flex-wrap: wrap;
}

.product-grid-row > [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.item-card {
	background: var(--color-white);
	padding: 15px 15px 10px 15px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	/* Make cards equal height */
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 400px;
}
.owl-carousel .item-card {
	margin-right: 15px;
}
.item-card:hover {
	border: 1px solid var(--theme-color);
}
.item-card .item-image {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item-card .item-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
.item-card:hover .item-image img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.item-card .item-image .item-label {
	position: absolute;
	background: var(--color-green);
	color: var(--color-white);
	padding: 2px 8px;
	top: 1px;
	left: 1px;
	border-radius: 3px;
	font-weight: 400;
	font-size: var(--font-size-100);
	z-index: 1;
}
.item-card .item-image .item-rating {
	position: absolute;
	background: #f9f9f9;
	color: var(--color-gray-dark);
	padding: 2px 8px;
	top: 10px;
	right: 10px;
	border-radius: 3px;
	font-weight: 700;
	font-size: var(--font-size-200);
	z-index: 1;
}
.item-card .item-image .item-rating i {
	font-size: var(--font-size-100);
	margin-right: 5px;
	color: #e8c107;
}
.item-card .deals-countdown-card {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 9;
	left: 0;
	right: 0;
	text-align: center;
}
.item-card .deals-countdown-card .deals-countdown {}
.item-card .deals-countdown-card .deals-countdown .countdown-section {
	width: 55px;
	height: auto;
	display: inline-block;
	/* background: var(--color-white); */
	background: var(--color-lightness-green);
	border: 1px solid var(--color-light-green);
	padding: 5px;
	margin: 2px 2px 10px 2px;
}
.item-card .deals-countdown-card .deals-countdown .countdown-section .countdown-amount {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--theme-color);
}
.item-card .deals-countdown-card .deals-countdown .countdown-section .countdown-period {
	width: 100%;
	display: inline-block;
	font-family: var(--secondary-font-family);
	text-transform: capitalize;
}
.item-card .item-title {
	width: 100%;
	flex-grow: 0;
}
.item-card .item-title a {
	font-family: var(--secondary-font-family);
	color: var(--color-black);
	font-weight: 700;
	font-size: var(--font-size-200);
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3;
	min-height: 2.6em;
}
.item-card .item-title a:hover {
	color: var(--color-green);
}
.item-card .item-sold {
	margin-bottom: 5px;
	flex-grow: 0;
}
.item-card .item-sold a {
	color: var(--color-green);
}
.item-card .item-pric-card {
	width: 100%;
	font-family: var(--primary-font-family);
	font-size: var(--font-size-200);
	color: var(--color-green);
	font-weight: 900;
	display: flex;
	margin-bottom: 15px;
	flex-grow: 0;
}
.item-card .item-pric-card .new-price {
	float: left;
	margin-right: 7px;
}
.item-card .item-pric-card .old-price {
	float: left;
	text-decoration: line-through;
	color: #ee0101;
}
.item-card .item-card-bottom {
	width: 100%;
	display: inline-block;
	margin-top: auto;
	flex-grow: 0;
}
.item-card .item-card-bottom a.add-to-cart {
	float: left;
	background: var(--color-light-green);
	border-radius: 50px;
	padding: 10px 15px;
	color: var(--theme-color);
}
.item-card .item-card-bottom a.add-to-cart:hover {
	background: var(--theme-color);
	color: var(--color-white);
}
.item-card .item-card-bottom ul.item-cart-list {
	float: right;
}
.item-card .item-card-bottom ul.item-cart-list li {
	float: left;
}
.item-card .item-card-bottom ul.item-cart-list li a {}
.item-card .item-card-bottom ul.item-cart-list li a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	background: var(--color-light-green);
	color: var(--color-green);
	border-radius: 50%;
	margin-left: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.item-card .item-card-bottom ul.item-cart-list li:hover a i {
	background: var(--theme-color);
	color: var(--color-white);
}
ul.nav-pills.tp-tabs {
	margin-bottom: 5px;
	display: inline-block;
	list-style-type: none;
}
ul.nav-pills.tp-tabs li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
ul.nav-pills.tp-tabs li .nav-link {
	padding: 10px 20px;
	background: var(--color-light-green);
	font-family: var(--secondary-font-family);
	font-weight: 800;
	color: var(--theme-color);
	border-radius: 50px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
ul.nav-pills.tp-tabs .nav-link:hover,
ul.nav-pills.tp-tabs .nav-link.active,
ul.nav-pills.tp-tabs .show > .nav-link {
	background: var(--theme-color);
	color: var(--color-white);
}

/* ======================
   Rating css
   ====================== */
.rating-wrap {
	width: 100%;
	line-height: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-bottom: 8px;
}
.rating-wrap .stars-outer {
	display: inline-block;
	position: relative;
	font-family: bootstrap-icons !important;
	margin-right: 5px;
}
.rating-wrap .stars-outer:before{
	content:"\f588 \f588 \f588 \f588 \f588";
	color:#d2d2d2;
	font-size: 14px;
	letter-spacing:2px;
}
.rating-wrap .stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}
.rating-wrap .stars-inner::before {
	content: "\f586 \f586 \f586 \f586 \f586";
	color: #f8ce0b;
	font-size: 14px;
	letter-spacing:2px;
}

/* ======================
   Product Details
   ====================== */
.product-details-slider {
	width: 100%;
	height: auto;
	border: 1px solid var(--color-light-green);
	text-align: center;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 5px;
}

/* Organic Product Description Styling */
.organic-product-description {
	background: linear-gradient(135deg, #f8fff8 0%, #f0f8f0 100%);
	border: 1px solid #e8f5e8;
	border-radius: 12px;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.organic-product-description h4 {
	color: var(--theme-color);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 25px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 2px solid #e8f5e8;
	padding-bottom: 8px;
}

.organic-product-description h4:first-child {
	margin-top: 0;
}

.organic-product-description p {
	color: #2c5530;
	line-height: 1.7;
	margin-bottom: 20px;
	font-size: 15px;
	text-align: justify;
}

.organic-product-description h4::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.organic-product-description h4:nth-child(1)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

.organic-product-description h4:nth-child(3)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

.organic-product-description h4:nth-child(5)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

.organic-product-description h4:nth-child(7)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

.organic-product-description h4:nth-child(9)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

.organic-product-description h4:nth-child(11)::before {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2L13.09 8.26L20 9L13.09 9.74L12 16L10.91 9.74L4 9L10.91 8.26L12 2Z"/></svg>');
}

/* Responsive styling for organic descriptions */
@media (max-width: 768px) {
	.organic-product-description {
		padding: 20px;
		margin: 15px 0;
	}

	.organic-product-description h4 {
		font-size: 16px;
		margin-bottom: 12px;
		margin-top: 20px;
	}

	.organic-product-description p {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 15px;
	}
}

.thumbnail-card {
	width: 100%;
	margin-bottom: 30px;
}
.thumbnail-card .slick-slide {
	overflow: hidden;
	border: 1px solid var(--color-light-green);
	cursor: pointer;
	margin: 5px;
	border-radius: 5px;
}
.thumbnail-card .slick-slide img {
	width: 100%;
	height: 100%;
}
.thumbnail-card .slick-slide:hover,
.thumbnail-card .slick-slide.slick-current {
	border: 1px solid var(--theme-color);
}
.thumbnail-card button.slick-prev,
.thumbnail-card button.slick-next {
	height: 25px;
	width: 25px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: none;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: var(--color-light-green);
	color: var(--color-black);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.thumbnail-card button.slick-prev {
	left: 0;
}
.thumbnail-card button.slick-next {
	right: 0;
}
.thumbnail-card button.slick-prev:hover,
.thumbnail-card button.slick-next:hover{
	background: var(--color-green);
	color: var(--color-white);
}

.pr_details {}
.pr_details .product_title {
	font-size: var(--font-size-300);
	margin-bottom: 15px;
}
.pr_details .pr_widget {
	margin-bottom: 10px;
}
.pr_details .pr_extra {
	margin-bottom: 15px;
	color: var(--color-black);
}
.pr_details .pr_extra a {
	color: var(--theme-color);
}
.pr_details .product_price {
	display: flex;
	margin-bottom: 15px;
}
.pr_details .product_price .item-price {
	font-size: var(--font-size-300);
	color: var(--color-black);
	font-weight: 700;
	margin-right: 10px;
}
.pr_details .product_price .old-item-price {
	margin-top: 2px;
	text-decoration: line-through;
	color: #f62459;
	font-size: var(--font-size-100);
}
.pr_details .pr_extra .instock {
	color: #388e3c;
	padding-left: 5px;
}
.pr_details .pr_extra .stockout {
	color: #f62459;
	padding-left: 5px;
}
.pr_details .pr_quantity {
	width: 150px;
	margin-bottom: 15px;
}
.pr_details .pr_quantity label {
	width: 100%;
}
.pr_details .pr_quantity input {
	padding: 5px 10px;
	border: 1px solid var(--color-light-green);
	width: 130px;
}
.pr_details .pr_buy_cart {
	margin-bottom: 5px;
}
.pr_details .pr_buy_cart .cart {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 12px 20px;
}
.pr_details .pr_buy_cart .wishlist {
	border-radius: 50%;
	padding: 12px 12px;
}

.desc-review-nav {
	margin-bottom: 40px;
	border-bottom: 1px solid var(--color-light-green);
}
.desc-review-nav a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	padding: 0 15px 12px;
	color: var(--color-black);
	display: inline-block;
	border-bottom: 2px solid transparent;
}
.desc-review-nav a:first-child {
	padding: 0 15px 12px 0;
}
.desc-review-nav a.active {
	color: var(--theme-color);
	border-bottom: 2px solid var(--theme-color);
}
.review-content p a {
	color: var(--color-black);
}
.review-content p a:hover {
	color: var(--theme-color);
}
.review-heading {
	background: var(--color-light-green);
	padding: 15px 15px;
	margin: 30px 0px;
	border-radius: 6px;
}
.review-heading h4 {
	margin: 0px;
	font-size: 18px;
}
.review-body {}
.review-body .review-card {
	border: 1px solid var(--color-light-green);
	width: 100%;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	background: var(--color-white);
	border-radius: 10px;
}
.review-body .review-card .review-photo {
	width: 80px;
	height: 80px;
	float: left;
	border: 1px solid var(--color-light-green);
	border-radius: 50%;
	overflow: hidden;
}
.review-body .review-card .review-photo img {
	width: 100%;
	height: 100%;
}
.review-body .review-card .review-photo .username {
	background: var(--color-lightness-green);
	color: var(--theme-color);
	height: 100%;
	width: 100%;
	text-align: center;
	display: inline-block;
	font-size: 54px;
	font-weight: 700;
}
.review-body .review-card .review-info {
	width: calc(100% - 80px);
	float: left;
	padding: 0px 0px 0px 15px;
}
.review-body .review-card .review-info .author-name {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}
.review-body .review-card .review-info .date {
	color: var(--color-gray);
	margin-top: 5px;
}
.review-body .review-card .review-info .desc p {
	margin: 0px;
}
.page-item.active .page-link {
	color: var(--color-white);
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}
.page-link {
	color: var(--theme-color);
}
.page-link:hover {
	color: var(--theme-color);
}
.page-link:focus {
	color: var(--theme-color);
}
.discount {
	font-size: 12px;
	padding: 4px 5px 4px 5px;
}
.gritter-success .gritter-title .gritter-title-text {
	background: var(--theme-color);
	color: var(--color-white);
}
/* ======================
   Product Details Stores
   ====================== */
.store-content .stores-card {
	position: relative;
	background: var(--color-white);
	width: 100%;
	height: auto;
	padding: 30px 30px 25px 30px;
	display: inline-block;
	margin: 0px 0px 20px 0px;
	border: 1px solid var(--color-light-green);
	border-radius: 10px;
}
.store-content .stores-card .store-logo {
	width: 150px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	float: left;
}
.store-content .stores-card .store-logo img {
	width: 100%;
	height: auto;
}
.store-content .stores-card .store-logo .text {
	font-size: 115px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;
	border-radius: 50%;
	font-weight: 700;
	background: var(--theme-color);
	color: var(--color-white);
	margin-top: 4px;
}
.store-content .stores-card .desc {
	width: calc(100% - 150px);
	float: left;
	padding-left: 30px;
}
.store-content .stores-card .desc .store-name {
	margin-bottom: 5px;
	font-size: var(--font-size-500);
}
.store-content .stores-card .desc .since {
	margin-bottom: 10px;
	font-size: var(--font-size-100);
	color: var(--color-gray-dark);
}
.store-content .stores-card .desc ul.info {
	margin-top: 15px;
	margin-bottom: 10px;
}
.store-content .stores-card .desc ul.info li {
	margin-bottom: 5px;
}
.store-content .stores-card .desc ul.info li i {
	margin-right: 8px;
}

/* ======================
   Rating css
   ====================== */
.rating-wrap {
	width: 100%;
	line-height: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.rating-wrap .stars-outer {
	display: inline-block;
	position: relative;
	font-family: bootstrap-icons !important;
	margin-right: 5px;
}
.rating-wrap .stars-outer:before{
	content:"\f588 \f588 \f588 \f588 \f588";
	color:#d2d2d2;
	font-size: 14px;
	letter-spacing:2px;
}
.rating-wrap .stars-inner {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
}
.rating-wrap .stars-inner::before {
	content: "\f586 \f586 \f586 \f586 \f586";
	color: #f8ce0b;
	font-size: 14px;
	letter-spacing:2px;
}

/* ======================
   Color and Size css
   ====================== */
ul.widget-color {}
ul.widget-color li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul.widget-color li a {}
ul.widget-color li a span {
	display: block;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	position: relative;
	cursor: pointer;
}
ul.widget-color li:hover a span:before,
ul.widget-color li.active a span:before {
	content: "";
	display: block;
	border: 1px solid var(--theme-color);
	position: absolute;
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	border-radius: 50%;
}
ul.widget-size {}
ul.widget-size li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 5px;
}
ul.widget-size li.unit,
ul.widget-size li a {
	padding: 5px 15px;
	text-align: center;
	border: 1px solid var(--color-light-green);
	text-transform: uppercase;
	color: var(--color-black);
}
ul.widget-size li:hover a,
ul.widget-size li.active a,
ul.widget-size li.unit.active {
	background: var(--theme-color);
	color: var(--color-white);
	border: 1px solid var(--theme-color);
}

/* ======================
   Deals Section
   ====================== */
.deals-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.deals-section .item-image::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	z-index: 1;
}
.deals-card {
	position: relative;
	margin-top: 0px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid var(--color-light-green);
}
.deals-card::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
}
.deals-card img {
	width: 100%;
	height: 100%;
}
.deals-card .deals-desc {
	position: absolute;
	font-size: var(--font-size-600);
	z-index: 999;
	top: 0;
	text-align: center;
	font-weight: 800;
	color: var(--theme-color);
	padding: 30px 20px 15px 20px;
}
.deals-card .deals-bottom {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
}

/* ======================
   Video Section
   ====================== */
.video-section {
	background-position: 50%;
	background-size: cover;
	height: 100%;
	position: relative;
}
.video-section::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: var(--color-green);
	opacity: 0.5;
}
.video-card {
	display: inline-block;
	padding: 150px;
	position: relative;
}
.video-card .play-icon {
	position: relative;
	width: 80px;
	height: 80px;
	background: var(--color-white);
	line-height: 80px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #fff;
	animation: shadows 1.4s linear infinite;
	-webkit-animation: shadows 1.4s linear infinite;
	-moz-animation: shadows 1.4s linear infinite;
	-moz-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	transition: all ease 400ms;
}
.video-card .play-icon i {
	font-size: 40px;
	color: var(--theme-color);
}
.video-card .play-icon:hover {
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}
.video-card .play-icon:hover i {
	color: var(--color-white);
}
.video-desc {
	position: relative;
	padding-top: 70px;
}
.video-desc h1 {
	color: var(--color-white);
	font-weight: 900;
	font-size: var(--font-size-800);
	margin-bottom: 30px;
}
.video-desc p {
	color: var(--color-white);
	margin-bottom: 30px;
}


/* ======================
   Shopping Cart and Wish List
   ====================== */
.shopping-cart table th,
.shopping-cart table td {
  vertical-align: middle;
}
.shopping-cart thead th {
	border-bottom-color: var(--color-light-green) !important;
	background: var(--color-light-green);
}
.shopping-cart .table > :not(:first-child) {
	border-top: none;
}
.shopping-cart .pro-image {
	width: 80px;
	height: auto;
	border: 1px solid var(--color-light-green);
	text-align: center;
}
.shopping-cart .pro-image img {
	width: 100%;
	height: auto;
}
.shopping-cart .pro-name,
.shopping-cart .pro-name a {
	font-size: var(--font-size-200);
	font-weight: 600;
}
.shopping-cart .pro-price {
	font-weight: 700;
}
.shopping-cart .pro-quantity {}
.shopping-cart .pro-quantity .quantity {
	border: 1px solid var(--color-light-green);
	padding: 7px 5px;
	text-align: center;
	width: 60px;
}
.shopping-cart .pro-quantity .qty-btn {
	border: none;
	background: var(--color-light-green);
	color: var(--color-black);
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: var(--font-size-200);
	line-height: 1;
	margin: 0px 3px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.shopping-cart .pro-quantity .qty-btn:hover {
	background: var(--theme-color);
	color: var(--color-white);
}
.shopping-cart .pro-total-price {
	font-weight: 700;
}
.shopping-cart .instock {
	color: #388e3c;
}
.shopping-cart .stockout {
	color: var(--theme-color);
}
.shopping-cart .pro-addtocart .cart {
	text-transform: capitalize;
	padding: 10px 15px;
}

.shopping-cart .pro-image-w {width: 10%;}
.shopping-cart .pro-name-w {width: 30%;}
.shopping-cart .pro-variation-w {width: 8%;}
.shopping-cart .pro-store-w {width: 15%;}
.shopping-cart .pro-price-w {width: 10%;}
.shopping-cart .pro-quantity-w {width: 10%;}
.shopping-cart .pro-total-price-w {width: 10%;}
.shopping-cart .pro-remove-w {width: 7%;}
.shopping-cart .pro-stock-w {width: 15%;}
.shopping-cart .pro-addtocart-w {width: 10%;}

.carttotals-card {
	border: 1px solid var(--color-light-green);
	background: var(--color-white);
}
.carttotals-card .carttotals-head {
	background: var(--color-light-green);
	padding: 10px 15px;
	font-weight: 700;
	font-size: var(--font-size-200);
	color: var(--color-black);
}
.carttotals-card .carttotals-body {
	padding: 20px;
}
.carttotals-card .carttotals-body .title {}
.carttotals-card .carttotals-body .total {
	font-weight: 700;
}
.carttotals-card .carttotals-body .price {
	float: right;
}
.carttotals-card .carttotals-body .total-price {
	float: right;
	font-weight: 700;
}
.carttotals-card .carttotals-body tr:last-child td {
	border-bottom: none;
}
.carttotals-card .carttotals-body .alert {
	padding: 10px 12px;
	margin-bottom: 0;
	border-radius: 0;
	margin-top: 10px;
}
.table .tp_group {
	background-color: #f7f7f7;
}
.table .tp_group .store_logo {
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	margin-right: 5px;
}
.table .tp_group .store_logo img {
	width: 100%;
	height: 100%;
}
.table .tp_group .store_name {
	width: calc(100% - 50px);
	float: left;
}
.table .tp_group .store_name p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 12px;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.table .tp_group .store_name p strong {}
.table .tp_group .store_name a {
	color: var(--theme-color);
	font-size: 14px;
}
.hideclass {
	display: none;
}
.thank span {
	font-size: 60px;
	color: var(--theme-color);
}

.empty_card {
	padding: 20px;
}
.empty_card .empty_img {
	padding: 20px;
}
.empty_card .empty_img img {
	width: 100%;
}
.empty_card h3 {
	font-size: 18px;
	text-align: center;
}

/* ======================
   Sidebar css
   ====================== */
.filter-card {
	margin-bottom: 40px;
}
.filter-card .filter_select select,
.filter-card .sort_by_select select {
	width: 120px;
}
.filter-card .sort_by_select select {
	float: right;
}

.sidebar {}
.sidebar .widget-card {
	background: var(--color-white);
	padding: 15px 15px 15px 15px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.sidebar .widget-card .widget-title {
	font-size: var(--font-size-400);
	font-weight: 700;
	color: var(--color-black);
	font-family: var(--secondary-font-family);
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-light-green);
	padding-bottom: 10px;
	position: relative;
}
.sidebar .widget-card .widget-title::before {
	position: absolute;
	content: "";
	left: 0;
	width: 60px;
	height: 4px;
	background: var(--theme-color);
	bottom: -2px;
	border-radius: 50%;
}
.sidebar .widget-card .widget-body {}
.sidebar .widget-card .widget-body ul.widget-list {}
.sidebar .widget-card .widget-body ul.widget-list li {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}
.sidebar .widget-card .widget-body ul.widget-list li:last-child {
	margin-bottom: 0px;
}
.sidebar .widget-card .widget-body ul.widget-list li a {
	font-size: var(--font-size-100);
	font-weight: 700;
	font-family: var(--secondary-font-family);
	color: var(--color-black);
}
.sidebar .widget-card .widget-body ul.widget-list li a:hover {
	color: var(--theme-color);
}
.sidebar .widget-card .widget-body ul.widget-list li .icon {
	width: 30px;
	float: left;
	height: 30px;
	overflow: hidden;
	border: 1px solid var(--color-light-green);
	border-radius: 50%;
	background: var(--color-white);
}
.sidebar .widget-card .widget-body ul.widget-list li .icon img {
	width: 100%;
	height: 100%;
}
.sidebar .widget-card .widget-body ul.widget-list li .desc {
	width: calc(100% - 60px);
	float: left;
	padding: 5px 0px 0px 10px;
}
.sidebar .widget-card .widget-body ul.widget-list li .count {
	width: 25px;
	height: 25px;
	line-height: 25px;
	float: right;
	background: var(--color-light-green);
	color: var(--theme-color);
	font-size: var(--font-size-100);
	text-align: center;
	border-radius: 50%;
	margin-top: 2px;
}
.slider-range {
	margin-top: 25px;
	width: 100%;
}
.slider-range .ui-widget.ui-widget-content {
	border: 1px solid var(--theme-color);
	margin-bottom: 15px;
}
.slider-range .ui-widget-header {
	border: 1px solid var(--color-light-green);
	background: var(--color-light-green);
}
.slider-range .ui-state-default,
.slider-range .ui-widget-content .ui-state-default,
.slider-range .ui-widget-header .ui-state-default {
	border: 1px solid var(--theme-color);
	background: var(--theme-color);
}
.slider-range .price-range {
	margin-bottom: 10px;
}
.slider-range .price-range .price-label {
	font-size: var(--font-size-100);
	color: var(--color-black);
	font-weight: 700;
	margin-bottom: 5px;
}
.slider-range .price-range .price {
	color: var(--color-black);
}
.slider-range .filter-btn {
	padding: 10px 20px;
}

/* ======================
   Auth Section
   ====================== */
.register {
	position: relative;
	width: 400px;
	margin: 25px auto 50px auto;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.8);
}
.register h4 {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
}
.register .form {
	margin-bottom: 15px;
}
.register .form-group {
    margin-bottom: 20px;
}
.register h3 {
	text-align: center;
	margin: 0;
}
.register h3 a {
	font-size: 16px;
	font-weight: normal;
}
.register .alert {
	padding: 8px 10px;
}
ul.errors-list {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	text-align: left;
	padding: 10px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
}
ul.errors-list li {
	font-size: 14px;
	width: 100%;
}

/* ======================
   Checkbox and Radio css
   ====================== */
.checkbox_group {
	margin-bottom: 15px;
	width: 100%;
}
.tw_checkbox span:before,
.tw_checkbox span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}
.tw_checkbox {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}
.tw_checkbox input {
	display: none;
}
.tw_checkbox input:checked ~ span:before {
	width: 1rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}
.tw_checkbox input:checked ~ span:after {
	width: 0.4rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}
.tw_checkbox input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label {
	color: #dcdcdc;
}
.tw_checkbox input:disabled ~ label:hover {
	cursor: default;
}
.tw_checkbox label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
}
.tw_checkbox span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
}
.tw_checkbox span:before {
	transform: rotate(-55deg);
	top: 1rem;
	left: 0.37rem;
}
.tw_checkbox span:after {
	transform: rotate(35deg);
	bottom: 0.35rem;
	left: 0.2rem;
}
.tw_checkbox input:checked ~ span {
	background: var(--theme-color);
	border-color: var(--theme-color);
	color: #ffffff;
}

.checkboxlist label.checkbox-title {
	font-weight: 400;
}
.checkboxlist input[type="checkbox"],
.checkboxlist input[type="radio"] {
	border: 1px solid #222;
	border-radius: 4px;
	background: #fff;
	color: #222;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	width: 16px;
	min-width: 16px;
	margin: -3px 5px 0px 0px;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	transition: .05s border-color ease-in-out;
	font-size: 14px;
}
.checkboxlist input[type="radio"] {
	border-radius: 50%;
	margin-right: 5px;
	line-height: .71428571;
}
.checkboxlist input[type="checkbox"]:checked::before,
.checkboxlist input[type="radio"]:checked::before {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.checkboxlist input[type="checkbox"]:checked {
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}
.checkboxlist input[type="checkbox"]:checked::before {
	font-family: "bootstrap-icons";
	content: "\f272";
	margin: 7px 0px 0px -1px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.checkboxlist input[type="radio"]:checked::before {
	content: "";
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: 3px;
	background-color: var(--theme-color);
	line-height: 1.14285714;
}
.checkboxlist input[type="radio"]:checked {
	border: 1px solid var(--theme-color);
}

/* ======================
   My Dashbord css
   ====================== */
.my-dashbord {
	margin: 50px 0px 60px 0px;
}
.my-dashbord .dashbord-sidebar {
	-webkit-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	-moz-box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	box-shadow: 0px 12px 42px 0px rgba(68,68,68,0.18);
	margin-bottom: 30px;
}
.dashbord-sidebar .profile-info {
	text-align: center;
	padding: 15px 15px 10px 15px;
	border-bottom: 1px solid #eee;
}
.profile-info .avatar {
	width: 110px;
	height: 110px;
	margin: 0 auto;
	border-radius: 50%;
	line-height: 110px;
	font-size: 85px;
	text-align: center;
	font-weight: bold;
	background: var(--theme-color);
	color: #fff;
}
.profile-info h5 {
	margin: 15px 0px 0px 0px;
}
.profile-info p {
	margin-bottom: 0px;
}
.sidebar-nav {}
.sidebar-nav ul {}
.sidebar-nav ul li {}
.sidebar-nav ul li a {
	padding: 15px 15px;
	display: inline-block;
	width: 100%;
	color: #222;
	border-bottom: 1px solid #eee;
}
.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active {
    background: var(--theme-color);
    color: #ffffff;
}
.sidebar-nav ul li:last-child  a {
	border-bottom: none;
}
.sidebar-nav ul li a i.bi {
	margin-right: 5px;
	font-size: 16px;
	margin-left: auto;
}
.my_card {}
.my_card tr td a {
	color: initial;
}
.my_card p.title {
	margin-bottom: 0px;
	width: 100%;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.my_card p.sub-title {
	width: 100%;
	font-size: 11px;
	margin-bottom: 0px;
}
.my_card p.price {
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-weight: 500;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.my_card p.sub-price {
	font-size: 11px;
	margin-bottom: 0px;
	width: 100%;
	text-align: right;
	font-family: var(--primary-font-family);
	color: var(--color-black);
}
.my_card span.title,
.my_card span.price {
	font-weight: 700;
}
.hideclass {
	display: none;
}
.my_card .pro-image {
	width: 65px;
	height: auto;
	border: 1px solid #eee;
	text-align: center;
}
.my_card .pro-image img {
	width: 100%;
	height: auto;
}
.order_status {
	text-align: right;
}
.payment_card {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.payment_card .checkboxlist {
	margin-bottom: 10px;
}
.payment_card p {
	margin-top: 10px;
}

/* ======================
   Entry css
   ====================== */
.entry-bg {
	height: 100%;
	position: relative;
	background: var(--color-white);
}
.min-height {
	min-height: 400px;
}
.entry {
	line-height: 2;
}
.entry p {
	margin: 0 0 10px;
	font-family: var(--primary-font-family);
	line-height: 2;
}
.entry ol,
.entry ol li,
.entry ul,
.entry ul li {
	list-style: none;
}
.entry ol, .entry ul {
	margin: 0px 0px 15px 20px;
	padding-left: 0;
}
.entry ol li, .entry ol li a,
.entry ul li, .entry ul li a {
	line-height: 2;
}
.entry ol li i,
.entry ol li a i,
.entry ul li i,
.entry ul li a i {
	margin-right: 5px;
}

.entry h1 {
	font-size: 40px;
}
.entry h2 {
	font-size: 33px;
}
.entry h3 {
	font-size: 27px;
}
.entry h4 {
	font-size: 23px;
}
.entry h5 {
	font-size: 20px;
}
.entry h6 {
	font-size: 17px;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
	margin-bottom: 10px;
}
.entry .blockquote {
	padding: 10px 20px;
	font-size: 14px;
	border-left-width: 5px;
	border-left-style: solid;
	border-color: #a6a6a6;
	letter-spacing: 0.05em;
}
.entry .blockquote p {
	margin: 0;
}
.entry pre {
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 5px;
	border-style: solid;
	padding: 20px;
	margin: 10px 0px;
	line-height: 2;
	letter-spacing: 0.05em;
}
.entry b {
	font-weight: bold;
}
.entry u {
	text-decoration: underline;
}
.entry table tr th,
.entry table tr td {
	font-family: var(--primary-font-family);
	color: var(--color-gray-dark);
}

 /* ======================
   Social Media
   ====================== */
.social-media i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 3px;
	display: block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.social-media i {
	color: var(--color-white);
	background: var(--theme-color);
	border-radius: 50%;
}
.social-media i:hover {
	color: var(--color-white);
	background: var(--color-gray-dark);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}

/* ======================
   Stores
   ====================== */
.stores-card {
	position: relative;
	background: #fff;
	width: 100%;
	height: auto;
	padding: 30px 30px 25px 30px;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	margin: 60px 0px 80px 0px;
	border: 1px solid var(--color-light-green);
	border-radius: 5px;
}
.stores-card .store-logo {
	width: 150px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	float: left;
}
.stores-card .store-logo img {
	width: 100%;
	height: auto;
}
.stores-card .store-logo .text {
	font-size: 115px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	display: inline-block;
	border-radius: 50%;
	font-weight: 700;
	background: var(--theme-color);
	color: #fff;
	margin-top: 4px;
}
.stores-card .desc {
	width: calc(100% - 150px);
	float: left;
	padding-left: 30px;
}
.stores-card .desc .store-name {
	margin-bottom: 5px;
	font-size: 35px;
}
.stores-card .desc .since {
	margin-bottom: 10px;
	font-size: 14px;
}
.stores-card .desc ul.info {
	margin-top: 15px;
	margin-bottom: 10px;
}
.stores-card .desc ul.info li {
	margin-bottom: 5px;
}
.stores-card .desc ul.info li i {
	margin-right: 8px;
}

/* ======================
   Parsley css
   ====================== */
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: none !important;
}
.parsley-error {
    border-color: inherit;
    color: inherit;
}
.parsley-error-list {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}
.parsley-error-list li {
    color: #dc3545;
}
.parsley-error-list {
    list-style: outside none none;
}
.parsley-error {
    border-color: #f53535;
    color: #dc3545;
}
.parsley-error:focus {
    border-color: #f53535 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(245, 53, 53, 0.6) !important;
}
.errorMgs {
	color: #dc3545;
}
.card-errors {
	color: #dc3545;
}

/* ======================
   Layer Bounce
   ====================== */
.layer-bounce1 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.layer-bounce2 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.layer-bounce3 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.layer-bounce4 {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* ======================
   Bounce Keyframes
   ====================== */
 @-webkit-keyframes bounce {
	 0% {
		transform:translateY(0)
	 }
	 50% {
		transform:translateY(20px)
	 }
	 100% {
		transform:translateY(0)
	 }
 }

 @keyframes bounce {
	 0% {
		transform:translateY(0)
	 }
	 50% {
		transform:translateY(20px)
	 }
	 100% {
		transform:translateY(0)
	 }
 }

/* ======================
   Shadows Keyframes
   ====================== */

@-webkit-keyframes shadows {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255,.2), 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2), 0 0 0 70px transparent;
	}
}

@keyframes shadows {
	0% {
		box-shadow: 0 0 0 0 rgba(255,255,255,.2), 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(255,255,255,.2), 0 0 0 50px rgba(255,255,255,.2), 0 0 0 70px transparent;
	}
}

/* ======================
   fadeInDown Keyframes
   ====================== */

@-webkit-keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0)
	}
	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}
@keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0)
	}
	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}

/* ======================
   Order Tracking
   ====================== */
.order_tracking_card {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 100px;
}
.order_tracking_card .tracking_order_no {
	text-align: center;
}
.order_tracking_card ul.order_track {
	display: inline-block;
	margin-top: 70px;
}
.order_tracking_card ul.order_track li {
	float: left;
	width: 200px;
	position: relative;
	border-top: 4px dotted var(--theme-color);
	padding-top: 40px;
	text-align: left;
}
.order_tracking_card ul.order_track li:last-child {
	width: auto;
	border-top: none;
}
.order_tracking_card ul.order_track li .order_track_item {
	width: 60px;
	height: 60px;
	position: absolute;
	top: -32px;
	left: 0;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	color: var(--color-white);
}
.order_tracking_card ul.order_track li .order_track_item.check {
	background: var(--theme-color);
}
.order_tracking_card ul.order_track li .order_track_item.x {
	background: var(--color-gray-dark);
}
.table > :not(:first-child) {
	border-top: none;
}

/* ======================
   Home Page 2
   ====================== */
.home_2 .section {
	padding: 80px 0px 40px 0px;
}
.home_2 .section-heading {
  margin-bottom: 80px;
}
.home_2 .featured-card {
  background: transparent;
  padding: 0px;
  text-align: center;
  overflow: hidden;
  height: auto;
  border-radius: 0px;
}
.home_2 .featured-card .featured-image {
  border-radius: 0;
  padding: 0px;
  overflow: hidden;
  width: 100%;
  border: none;
  background: var(--color-white);
}
.home_2 .featured-card .featured-image img {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border: 2px solid var(--theme-color);
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
}
.home_2 .caro-common .owl-nav {
  position: initial;
  top: auto;
  z-index: 99;
  right: auto;
  width: auto;
}
.home_2 .caro-common .owl-nav button {
  position: absolute;
  text-align: center;
  top: 50%;
  left: -20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home_2 .caro-common .owl-nav .owl-next {
  left: auto;
  right: -20px;
}
.home_2 .caro-common:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
}

/* ======================
   Home Page 3
   ====================== */
.home_3 .header-menu {
	border-radius: 30px;
	margin-bottom: 15px;
}
.home_3 .header-menu.sticky {
	border-radius: 0;
	margin-bottom: 0;
}
.home_3 .product-section {
	background: transparent;
}
.home_3 .inner-section-bg {
	background: transparent;
}
.home_3 .section {
	padding: 60px 0 40px 0;
}
.home_3 .slider-section {
	border-radius: 15px;
	overflow: hidden;
}
.home_3 .slider-screen.h1-height {
	padding: 50px 0px;
}
.home_3 .slider-screen .slider-content {
	padding: 50px 0px 50px 30px;
}
.home_3 .slider-screen .slider-content h1 {
	font-size: 52px;
}
.home_3 .video-section {
	border-radius: 15px;
	overflow: hidden;
}
.home_3 .footer-top {
	border-radius: 15px;
	margin-bottom: 40px;
}
.home_3 .footer-section {
	border-left: 1px solid var(--color-light-green);
	border-right: 1px solid var(--color-light-green);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
}
.home_3 .breadcrumb-section {
	background: transparent;
	padding: 10px 0px;
}

/* ======================
   Home Page 4
   ====================== */
.home_4 .banner_card {
	position: relative;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.home_4 .banner_card .banner_image {
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.home_4 .banner_card .banner_image img {
	width: 100%;
	height: auto;
}
.home_4 .banner_card:hover .banner_image img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.home_4 .banner_card .banner_desc {
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home_4 .banner_card .banner_desc h3 {
	font-size: var(--heading-3);
	margin-bottom: 10px;
}
.home_4 .banner_card .banner_desc .btn.theme-btn {
	border: 1px solid var(--theme-color);
	padding: 10px 20px;
	color: var(--theme-color);
	background-color: transparent;
}
.home_4 .banner_card .banner_desc .btn.theme-btn:hover {
	color: var(--color-white);
}
.home_4 .featured-card {
  background: transparent;
  padding: 0px;
  text-align: center;
  overflow: hidden;
  height: auto;
  border-radius: 0px;
}
.home_4 .featured-card .featured-image {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	padding: 30px;
	overflow: hidden;
	background: var(--color-light-green);
	margin: 0 auto;
	border: none;
}
.home_4 .featured-card .featured-image img {
	width: 100%;
	height: 100%;
}
.home_4 .featured-card:hover a {
	color: var(--theme-color);
}
.brand-card {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.brand-card img {
	width: 100%;
	height: auto;
}

/* ======================
   Contact
   ====================== */
.contact_card {}
.contact_card .heading {
	font-weight: 900;
	margin-bottom: 20px;
}
.contact-form,
.contact-info,
.contact-map {
	width: 100%;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	-moz-box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
	box-shadow: 0px 15px 66px 5px rgba(217,217,217,0.3);
}

.contact-form .form-group {
    margin-bottom: 20px;
}
.contact-form textarea {
	height: 110px;
}
.contact-info p {
	margin-bottom: 20px;
}
.contact-info .info {
	margin-bottom: 25px;
	width: 100%;
	display: inline-block;
}
.contact-info .info .icon {
	float: left;
	margin-right: 15px;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
.contact-info .info .icon i.fa {
	font-size: 18px;
}
.contact-info .info .desc {
	float: left;
	width: calc(100% - 60px);
}
.contact-info .info .desc span {
	font-weight: 700;
}
.contact-info .info .desc p {
	margin-bottom: 0px;
}

.contact-map {
	margin-top: 25px;
}
.google_map {
	width: 100%;
	height: 450px;
}
.map-tooltip {
	width: 250px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content {
	list-style: none;
}
.map-tooltip ul.map-tooltip-content li {
	margin-bottom: 10px;
	text-align: left;
}
.map-tooltip ul.map-tooltip-content li:last-child {
	margin-bottom: 0px;
}
.map-tooltip ul.map-tooltip-content li h2 {
	color: var(--color-gray-dark);
	font-size: var(--font-size-100);
	font-weight: 700;
	margin-bottom: 1px;
}

/* ======================
   Blog
   ====================== */
.blog-card {
	background: var(--color-white);
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	margin-bottom: 25px;
	border-radius: 5px;
	overflow: hidden;
}
.blog-card .blog-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.blog-card .blog-img img {
	width: 100%;
}
.blog-card .blog-img .blog-date {
	position: absolute;
	background: var(--color-black);
	padding: 7px 15px;
	color: var(--color-white);
	font-weight: 600;
}
.blog-card .blog-content {
	width: 100%;
	padding: 20px;
}
.blog-card .blog-content .blog-meta {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 400;
}
.blog-card .blog-content .blog-meta i {
	margin-right: 6px;
}
.blog-card .blog-content .blog-title {}
.blog-card .blog-content .blog-title h4 {
	line-height: 1.5;
}
.blog-card .blog-content .read-more-btn {}
.blog-card .blog-content .read-more-btn a {}
.blog-card .blog-content .read-more-btn a i {
	margin-right: 6px;
}
.blog-details {}
.blog-details .blog-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.blog-details .blog-img img {
	width: 100%;
}
.blog-details .blog-content {
	margin-bottom: 20px;
}
.blog-details .blog-content .blog-meta {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
.blog-details .blog-content .blog-meta ul {
	display: inline-block;
}
.blog-details .blog-content .blog-meta li {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 400;
	float: left;
	margin-right: 15px;
}
.blog-details .blog-content .blog-meta li i {
	margin-right: 6px;
}
.blog-details .blog-content .blog-title {
	width: 100%;
	float: left;
}
.blog-details .blog-content .blog-title h4 {
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 30px;
}
.share_this {
	width: 100%;
	overflow: hidden;
}
.share_this .share-title {
	font-weight: 600;
}

/* ======================
   404
   ====================== */
.error_card {
	text-align: center;
	padding: 60px 0;
}
.error_card .error_img {
	width: 100%;
	margin-bottom: 15px;
}
.error_card .error_img img {
	width: 100%;
}
.error_card p {
	margin-bottom: 30px;
	margin-top: 25px;
	font-size: 16px;
}

/* ======================
   Footer Section
   ====================== */
.footer-section {
	background: linear-gradient(135deg, var(--color-lightness-green) 0%, var(--color-light-green) 100%);
	color: var(--color-gray-dark);
	padding: 60px 0 0;
	position: relative;
}

.footer-middle {
	padding: 0 0 40px;
}

.footer-border {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-widget-card {
	padding: 0;
}

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

.footer-widget .widget-title {
	color: var(--color-gray-dark);
	font-size: var(--font-size-400);
	font-weight: 600;
	margin-bottom: 25px;
	font-family: var(--secondary-font-family);
}

.footer-widget .info-card {}

.footer-widget .info-card .info-logo {
	margin-bottom: 20px;
}

.footer-widget .info-card .info-logo img,
.footer-widget .info-card .info-logo .footer-logo {
	max-height: 250px;
	width: auto;
	margin-left: 30px;
}

.footer-widget .info-card p {
	color: var(--color-gray-dark);
	line-height: var(--line-height-200);
	font-weight: 400;
}

.footer-widget ul.widget-contact {}

.footer-widget ul.widget-contact li {
	margin-bottom: 15px;
}

.footer-widget ul.widget-contact li .contact-card {
	display: flex;
	align-items: flex-start;
}

.footer-widget ul.widget-contact li .contact-card .contact-icon {
	width: 40px;
	height: 40px;
	background: var(--theme-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
}

.footer-widget ul.widget-contact li .contact-card .contact-icon i {
	color: var(--color-white);
	font-size: 16px;
}

.footer-widget ul.widget-contact li .contact-card .contact-desc {
	flex: 1;
}

.footer-widget ul.widget-contact li .contact-card .contact-desc h5 {
	color: var(--color-gray-dark);
	font-size: var(--font-size-200);
	font-weight: 600;
	margin-bottom: 5px;
}

.footer-widget ul.widget-contact li .contact-card .contact-desc p {
	color: var(--color-gray-dark);
	margin: 0;
	font-weight: 400;
}

.footer-widget ul.widget-list {}

.footer-widget ul.widget-list li {
	margin-bottom: 10px;
}

.footer-widget ul.widget-list li a {
	color: var(--color-gray-dark);
	transition: color 0.3s ease;
	font-weight: 400;
}

.footer-widget ul.widget-list li a:hover {
	color: var(--theme-color);
}

.footer-bottom {
	background: var(--color-gray-dark);
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.copy-right {
	/* text-align: center; */
	color: var(--color-white);
}

.copy-right a {
	color: var(--theme-color);
}

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

.payment-method img {
	max-height: 30px;
	width: auto;
}

/* ======================
   cookies content css
   ====================== */
.cookie_consent_card {
	text-align: center;
	position: fixed;
	max-width: 400px;
	bottom: 30px;
	z-index: 999;
	padding: 25px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 6px;
	-webkit-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-moz-box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	box-shadow: 0px 17px 42px rgba(93, 93, 93, 0.14);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.cookie_consent_card.fullwidth {
	text-align: left;
	position: fixed;
	width: 100%;
	max-width: 100%;
	bottom: 0;
	z-index: 999;
	padding: 20px 30px 5px 30px;
	background: var(--color-black);
	color: var(--color-white);
	display: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.cookie_consent_card.left {
	left: 30px;
}
.cookie_consent_card.right {
	right: 30px;
}
.cookie_consent_card.fullwidth.left {
	left: 0;
}
.cookie_consent_card.fullwidth.right {
	right: 0;
}
.cookie_consent_card.active{
    display: block;
}
.cookie_consent_card .cookie_consent_head {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--color-white);
}
.cookie_consent_card .cookie_consent_text {
	margin-bottom: 20px;
}
.cookie_consent_card.fullwidth .cookie_consent_text {
	margin-bottom: 20px;
	float: left;
}
.cookie_consent_card .cookie_consent_text a,
.cookie_consent_card .cookie_consent_text a:hover {
	color: var(--theme-color);
}
.cookie_consent_card button.accept_btn {
	color: var(--color-white);
	background-color: var(--theme-color);
	width: 100%;
	padding: 12px 15px;
}
.cookie_consent_card.fullwidth button.accept_btn {
	width: auto;
	padding: 6px 15px;
	float: left;
	border-radius: 3px;
	margin-left: 10px;
}
.cookie_consent_card button.accept_btn::before {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	content: "";
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: var(--color-green);
	overflow: hidden;
	border-radius: inherit;
 	-moz-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	-webkit-transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
	transition: width .5s cubic-bezier(.17,.67,.12,.81) 0s;
}
.cookie_consent_card button.accept_btn:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

/* ======================
   About Us Section
   ====================== */
.about-us-section {
	background: var(--theme-color);
	display: flex;
	align-items: center;
	padding: 40px 0;
}

.about-us-section .row {
	align-items: center;
}

.about-content {
	padding: 30px;
	color: var(--color-white);
}

.about-content h1 {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	color: var(--color-white);
	text-transform: uppercase;
}

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

.about-text p {
	font-size: 1.1rem;
	line-height: 1.8;
	margin-bottom: 20px;
	color: var(--color-white);
	opacity: 0.9;
}

.about-cta .btn {
	padding: 15px 30px;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 5px;
	transition: all 0.3s ease;
	background: var(--color-white);
	color: var(--theme-color);
	border: 2px solid var(--color-white);
}

.about-cta .btn:hover {
	background: transparent;
	color: var(--color-white);
}

.about-video {
	height: 100%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
}

.about-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

/* Responsive styles for About Us section */
@media (max-width: 991px) {
	.about-us-section {
		padding: 60px 0;
	}

	.about-content {
		padding: 40px 20px;
		text-align: center;
	}

	.about-content h1 {
		font-size: 2.5rem;
		margin-bottom: 30px;
	}

	.about-text p {
		font-size: 1rem;
	}

	.about-video {
		min-height: 400px;
		margin-top: 40px;
	}
}

@media (max-width: 768px) {
	.about-content h1 {
		font-size: 2rem;
	}

	.about-content {
		padding: 30px 15px;
	}

	.about-video {
		min-height: 300px;
	}
}

/* ======================
   Testimonials Section
   ====================== */
.testimonials-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 80px 0;
}

.testimonials-section .section-heading h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.testimonials-section .section-heading h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 60px;
	color: var(--color-dark);
	line-height: 1.2;
}

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

.testimonial-card {
	background: var(--color-white);
	border-radius: 20px;
	padding: 40px 30px;
	margin: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.testimonial-card::before {
	content: '"';
	position: absolute;
	top: -10px;
	left: 20px;
	font-size: 80px;
	color: var(--theme-color);
	opacity: 0.1;
	font-family: serif;
	line-height: 1;
}

.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

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

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

.testimonial-rating i {
	color: #ffc107;
	font-size: 1.2rem;
	margin-right: 2px;
}

.testimonial-content p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: var(--color-dark);
	margin-bottom: 25px;
	font-style: italic;
}

.testimonial-author {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.author-avatar {
	margin-right: 15px;
}

.author-avatar i {
	font-size: 3rem;
	color: var(--theme-color);
	opacity: 0.8;
}

.author-info h4 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 5px;
}

.author-info span {
	font-size: 0.9rem;
	color: var(--theme-color);
	font-weight: 500;
}

/* Responsive styles for testimonials */
@media (max-width: 768px) {
	.testimonials-section {
		padding: 60px 0;
	}

	.testimonials-section .section-heading h2 {
		font-size: 2rem;
		margin-bottom: 40px;
	}

	.testimonial-card {
		padding: 30px 20px;
		margin: 10px;
	}

	.testimonial-content p {
		font-size: 1rem;
	}

	.author-avatar i {
		font-size: 2.5rem;
	}
}

@media (max-width: 480px) {
	.testimonials-section .section-heading h2 {
		font-size: 1.8rem;
	}

	.testimonial-card {
		padding: 25px 15px;
	}

	.testimonial-content p {
		font-size: 0.95rem;
	}
}

/* Farm Gallery Section */
.farm-gallery-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 80px 0;
	position: relative;
}

.farm-gallery-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23d7eabf" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23d7eabf" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23d7eabf" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23d7eabf" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23d7eabf" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
	opacity: 0.3;
}

.farm-gallery-section .section-heading h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--theme-color);
}

.farm-gallery-section .section-heading h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--color-dark);
	line-height: 1.2;
}

.farm-gallery-section .section-heading p {
	font-size: 1.1rem;
	color: var(--color-gray-dark);
	margin-bottom: 60px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

.farm-gallery-carousel {
	margin-top: 40px;
}

.farm-gallery-item {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	margin: 15px;
	background: var(--color-white);
}

.farm-gallery-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.farm-gallery-image {
	position: relative;
	overflow: hidden;
	height: 300px;
}

.farm-gallery-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.farm-gallery-item:hover .farm-gallery-image img {
	transform: scale(1.1);
}

.farm-gallery-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.8) 100%);
	padding: 30px 20px 20px;
	color: var(--color-white);
	transform: translateY(100%);
	transition: transform 0.3s ease;
}

.farm-gallery-item:hover .farm-gallery-overlay {
	transform: translateY(0);
}

.farm-gallery-overlay h4 {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: var(--color-white);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.farm-gallery-overlay p {
	font-size: 0.95rem;
	line-height: 1.5;
	opacity: 1;
	margin-bottom: 0;
	color: var(--color-white);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
	font-weight: 500;
}

.farm-gallery-content {
	padding: 25px 20px;
	text-align: center;
}

.farm-gallery-content h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 10px;
}

.farm-gallery-content p {
	font-size: 0.95rem;
	color: var(--color-gray-dark);
	line-height: 1.5;
	margin-bottom: 0;
}

.farm-gallery-stats {
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.farm-gallery-stat {
	text-align: center;
}

.farm-gallery-stat .stat-number {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--theme-color);
	display: block;
}

.farm-gallery-stat .stat-label {
	font-size: 0.85rem;
	color: var(--color-gray-dark);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Responsive styles for farm gallery */
@media (max-width: 768px) {
	.farm-gallery-section {
		padding: 60px 0;
	}

	.farm-gallery-section .section-heading h2 {
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.farm-gallery-section .section-heading p {
		font-size: 1rem;
		margin-bottom: 40px;
	}

	.farm-gallery-item {
		margin: 10px;
	}

	.farm-gallery-image {
		height: 250px;
	}

	.farm-gallery-content {
		padding: 20px 15px;
	}

	.farm-gallery-content h4 {
		font-size: 1.1rem;
	}

	.farm-gallery-stats {
		flex-direction: column;
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.farm-gallery-section .section-heading h2 {
		font-size: 1.8rem;
	}

	.farm-gallery-image {
		height: 200px;
	}

	.farm-gallery-content {
		padding: 15px 10px;
	}

	.farm-gallery-content h4 {
		font-size: 1rem;
	}

	.farm-gallery-content p {
		font-size: 0.9rem;
	}
}

/* Certifications Section */
.certifications-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 80px 0;
	position: relative;
}

.certifications-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="cert-pattern" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23d7eabf" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23d7eabf" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23d7eabf" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23d7eabf" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23d7eabf" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23cert-pattern)"/></svg>');
	opacity: 0.3;
}

.certifications-section .section-heading h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--theme-color);
}

.certifications-section .section-heading h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--color-dark);
	line-height: 1.2;
}

.certifications-section .section-heading p {
	font-size: 1.1rem;
	color: var(--color-gray-dark);
	margin-bottom: 60px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

.certifications-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	margin-top: 50px;
}

.certification-item {
	background: var(--color-white);
	border-radius: 20px;
	padding: 30px 20px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	border: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
	overflow: hidden;
}

.certification-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--theme-color), #d7eabf);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.certification-item:hover::before {
	transform: scaleX(1);
}

.certification-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.certification-logo {
	width: 120px;
	height: 120px;
	margin: 0 auto 20px;
	border-radius: 15px;
	overflow: hidden;
	background: var(--color-white);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.certification-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.certification-item:hover .certification-logo img {
	transform: scale(1.1);
}

.certification-content h4 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 10px;
}

.certification-content p {
	font-size: 0.9rem;
	color: var(--color-gray-dark);
	line-height: 1.5;
	margin-bottom: 0;
}

.certification-stats {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

.certification-stat .stat-number {
	font-size: 2rem;
	font-weight: 700;
	color: var(--theme-color);
	display: block;
}

.certification-stat .stat-label {
	font-size: 0.85rem;
	color: var(--color-gray-dark);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 5px;
}

.quality-assurance-content {
	background: var(--color-white);
	border-radius: 20px;
	padding: 40px;
	margin-top: 50px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.quality-assurance-content h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 20px;
	text-align: center;
}

.quality-assurance-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
	margin-top: 30px;
}

.quality-item {
	text-align: center;
	padding: 20px;
}

.quality-item .quality-icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, var(--theme-color), #d7eabf);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	transition: all 0.3s ease;
}

.quality-item:hover .quality-icon {
	transform: scale(1.1);
}

.quality-item .quality-icon i {
	font-size: 1.5rem;
	color: var(--color-white);
}

.quality-item h4 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 10px;
}

.quality-item p {
	font-size: 0.9rem;
	color: var(--color-gray-dark);
	line-height: 1.5;
	margin-bottom: 0;
}

/* Responsive styles for certifications */
@media (max-width: 768px) {
	.certifications-section {
		padding: 60px 0;
	}

	.certifications-section .section-heading h2 {
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.certifications-section .section-heading p {
		font-size: 1rem;
		margin-bottom: 40px;
	}

	.certifications-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		gap: 20px;
		margin-top: 40px;
	}

	.certification-item {
		padding: 20px 15px;
	}

	.certification-logo {
		width: 100px;
		height: 100px;
		margin-bottom: 15px;
	}

	.certification-content h4 {
		font-size: 1rem;
	}

	.certification-content p {
		font-size: 0.85rem;
	}

	.quality-assurance-content {
		padding: 30px 20px;
		margin-top: 40px;
	}

	.quality-assurance-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.certification-stats {
		flex-direction: column;
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.certifications-section .section-heading h2 {
		font-size: 1.8rem;
	}

	.certifications-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.certification-logo {
		width: 80px;
		height: 80px;
	}

	.certification-content h4 {
		font-size: 0.9rem;
	}

	.certification-content p {
		font-size: 0.8rem;
	}
}

.slider-screen .slider-content .btn.theme-btn {
	background: rgba(255, 255, 255, 0.9);
	color: var(--theme-color);
	font-weight: 700;
	padding: 15px 30px;
	border-radius: 50px;
	text-shadow: none;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	border: 2px solid rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(5px);
}

.slider-screen .slider-content .btn.theme-btn:hover {
	background: var(--theme-color);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
	border-color: var(--theme-color);
}

/* Shopping Cart Dropdown */
.header-desktop .shoping-cart-card {
	position: absolute;
	top: 100%;
	right: 0;
	width: 320px;
	background: var(--color-white);
	border: 1px solid var(--color-gray-400);
	border-radius: var(--border-radius-lg);
	box-shadow: var(--shadow-lg);
	z-index: 1000;
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
}

.header-desktop .shoping-cart-card.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-desktop .shoping-cart-card .empty_card {
	padding: 30px 20px;
	text-align: center;
}

.header-desktop .shoping-cart-card .empty_card .empty_img {
	margin-bottom: 15px;
}

.header-desktop .shoping-cart-card .empty_card .empty_img img {
	max-width: 80px;
	height: auto;
}

.header-desktop .shoping-cart-card .empty_card h3 {
	font-size: var(--font-size-200);
	color: var(--color-gray-dark);
	margin: 0;
}

.header-desktop .shoping-cart-card .shoping-cart-body {
	padding: 20px;
	max-height: 300px;
	overflow-y: auto;
}

.header-desktop .shoping-cart-card .shoping-cart-footer {
	padding: 20px;
	border-top: 1px solid var(--color-gray-400);
	background: var(--color-lightness-green);
}

.header-desktop .shoping-cart-card .shoping-cart-footer p {
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-desktop .shoping-cart-card .shoping-cart-footer h6 {
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
}

.header-desktop .shoping-cart-card .shoping-cart-footer .btn {
	width: 100%;
	margin-bottom: 8px;
}

.header-desktop .shoping-cart-card .shoping-cart-footer .btn:last-child {
	margin-bottom: 0;
}

/* ======================
   Shopping Cart and Wish List
   ====================== */

/* ======================
   Wishlist Component Styles
   ====================== */
.wishlist-component {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 6px;
	transition: all 0.3s ease;
	background: transparent;
}


/* .wishlist-component:hover {
	background: rgba(76, 175, 80, 0.1);
} */

.wishlist-component .wishlist-icon {
	font-size: 18px;
	color: var(--color-gray-dark);
	transition: color 0.3s ease;
}

/* .wishlist-component:hover .wishlist-icon {
	color: var(--theme-color);
} */

.wishlist-component .wishlist-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-gray-dark);
	transition: color 0.3s ease;
}

/* .wishlist-component:hover .wishlist-text {
	color: var(--theme-color);
} */

.wishlist-component .wishlist-count {
	position: absolute;
	top: -8px;
	right: 20px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	z-index: 1;
}

/* Desktop Wishlist */
.header-desktop .wishlist-component {
	margin-right: 15px;
}

.header-desktop .wishlist-component .wishlist-count {
	top: -8px;
	right: 20px;
	width: 24px;
	height: 24px;
	font-size: 12px;
}

/* Mobile Wishlist */
.header-mobile .wishlist-component {
	padding: 6px 10px;
}

.header-mobile .wishlist-component .wishlist-icon {
	font-size: 16px;
}

.header-mobile .wishlist-component .wishlist-text {
	font-size: 12px;
}

.header-mobile .wishlist-component .wishlist-count {
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	font-size: 10px;
}

/* ======================
   Cart Component Styles
   ====================== */
.cart-component {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 6px;
	transition: all 0.3s ease;
	background: transparent;
}

.cart-component:hover {
	background: rgba(76, 175, 80, 0.1);
}

.cart-component .cart-icon {
	font-size: 18px;
	color: var(--color-gray-dark);
	transition: color 0.3s ease;
}

.cart-component:hover .cart-icon {
	color: var(--theme-color);
}

.cart-component .cart-text {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-gray-dark);
	transition: color 0.3s ease;
}

.cart-component:hover .cart-text {
	color: var(--theme-color);
}

.cart-component .cart-count {
	position: absolute;
	top: -8px;
	right: 20px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	z-index: 1;
}

/* Desktop Cart */
.header-desktop .cart-component {
	margin-right: 15px;
}

.header-desktop .cart-component .cart-count {
	top: -8px;
	right: 20px;
	width: 24px;
	height: 24px;
	font-size: 12px;
}

/* Mobile Cart */
.header-mobile .cart-component {
	padding: 6px 10px;
}

.header-mobile .cart-component .cart-icon {
	font-size: 16px;
}

.header-mobile .cart-component .cart-text {
	font-size: 12px;
}

.header-mobile .cart-component .cart-count {
	top: -6px;
	right: -6px;
	width: 20px;
	height: 20px;
	font-size: 10px;
}

/* ======================
   Legacy Cart Count Styles (for backward compatibility)
   ====================== */
.header-desktop ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -8px;
	right: 20px !important;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
}

.header-mobile .head-round-card ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -6px;
	right: -6px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
}

.header ul.head-round-icon li a .cart_count {
	position: absolute;
	top: -5px;
	right: -5px;
	background: var(--color-earth-brown);
	color: var(--color-white);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
}

/* ======================
   Modern Header Wishlist & Cart Redesign
   ====================== */

/* Desktop Header Icons */
.header-desktop ul.head-round-icon {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 0px;
	height: 100%;
}

.header-desktop ul.head-round-icon li {
	position: relative;
}

.header-desktop ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 48px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border: 1px solid #e9ecef;
	border-radius: 24px;
	color: #495057;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.header-desktop ul.head-round-icon li a:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(76, 175, 80, 0.25);
	border-color: var(--theme-color);
}

.header-desktop ul.head-round-icon li a i {
	font-size: 18px;
	margin-right: 8px;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.header-desktop ul.head-round-icon li a span {
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}



.header-desktop ul.head-round-icon li a .cart_count {
	position: absolute;
	top: 4px !important;
	right: 8px !important;
	background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
	color: var(--color-white);
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 600;
	z-index: 3;
	box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

/* Mobile Header Icons */
.header-mobile .head-round-card ul.head-round-icon {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 12px;
}

.header-mobile .head-round-card ul.head-round-icon li {
	position: relative;
}

.header-mobile .head-round-card ul.head-round-icon li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 40px;
	background: none;
	/* border: 1px solid #e9ecef; */
	border-radius: 20px;
	color: #495057;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	padding: 0 12px;
	gap: 6px;
	font-size: 12px;
	font-weight: 500;
	box-shadow: none;
	overflow: hidden;
}

.header-mobile .head-round-card ul.head-round-icon li a:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(76, 175, 80, 0.2);
	border-color: var(--theme-color);
}

.header-mobile .head-round-card ul.head-round-icon li a i {
	font-size: 16px;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.header-mobile .head-round-card ul.head-round-icon li a span {
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}



.header-mobile .head-round-card ul.head-round-icon li a .cart_count {
	position: absolute;
	top: 0px;
	right: -4px;
	background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
	color: var(--color-white);
	border-radius: 50%;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	font-weight: 600;
	z-index: 3;
	box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
	animation: pulse 2s infinite;
}

/* Enhanced Cart Dropdown */
.header-desktop .shoping-cart-card {
	position: absolute;
	top: 100%;
	right: 0;
	width: 340px;
	background: var(--color-white);
	border: 1px solid #e9ecef;
	border-radius: 16px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	margin-top: 12px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	backdrop-filter: blur(10px);
}

.header-desktop .shoping-cart-card.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-desktop .shoping-cart-card::before {
	content: '';
	position: absolute;
	top: -8px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: var(--color-white);
	border-left: 1px solid #e9ecef;
	border-top: 1px solid #e9ecef;
	transform: rotate(45deg);
}

.header-desktop .shoping-cart-card .empty_card {
	padding: 40px 20px;
	text-align: center;
}

.header-desktop .shoping-cart-card .empty_card .empty_img {
	margin-bottom: 20px;
}

.header-desktop .shoping-cart-card .empty_card .empty_img img {
	max-width: 80px;
	height: auto;
	opacity: 0.6;
}

.header-desktop .shoping-cart-card .empty_card h3 {
	font-size: 16px;
	color: #6c757d;
	margin: 0;
	font-weight: 500;
}

.header-desktop .shoping-cart-card .shoping-cart-body {
	padding: 20px;
	max-height: 320px;
	overflow-y: auto;
}

.header-desktop .shoping-cart-card .shoping-cart-footer {
	padding: 20px;
	border-top: 1px solid #e9ecef;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-radius: 0 0 16px 16px;
}

.header-desktop .shoping-cart-card .shoping-cart-footer p {
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #495057;
}

.header-desktop .shoping-cart-card .shoping-cart-footer h6 {
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	color: #212529;
}

.header-desktop .shoping-cart-card .shoping-cart-footer .btn {
	width: 100%;
	margin-bottom: 8px;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.header-desktop .shoping-cart-card .shoping-cart-footer .btn:last-child {
	margin-bottom: 0;
}

/* Mobile Cart Dropdown */
.header-mobile .shoping-cart-card {
	position: absolute;
	top: 100%;
	right: 0;
	width: 280px;
	background: var(--color-white);
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	margin-top: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-mobile .shoping-cart-card.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.header-mobile .shoping-cart-card::before {
	content: '';
	position: absolute;
	top: -6px;
	right: 16px;
	width: 12px;
	height: 12px;
	background: var(--color-white);
	border-left: 1px solid #e9ecef;
	border-top: 1px solid #e9ecef;
	transform: rotate(45deg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .header ul.head-round-icon li a .cart_count {
    position: absolute;
    top: 2px !important;
    right: 3px !important;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
    color: var(--color-white);
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    z-index: 3;
    box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
    animation: pulse 2s infinite;
}

	.header-desktop ul.head-round-icon li a {
		width: 100px;
		height: 44px;
		font-size: 13px;
	}

	.header-desktop ul.head-round-icon li a i {
		font-size: 16px;
		margin-right: 6px;
	}

	.header-mobile .head-round-card ul.head-round-icon li a {
		width: 80px;
		height: 36px;
		font-size: 11px;
		gap: 4px;
	}

	.header-mobile .head-round-card ul.head-round-icon li a i {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.header-mobile .head-round-card ul.head-round-icon {
		gap: 0px;
	}

	.header-mobile .head-round-card ul.head-round-icon li a {
		width: 55px;
		height: 32px;
		font-size: 10px;
		padding: 0 8px;
	}

	.header-mobile .head-round-card ul.head-round-icon li a i {
		font-size: 24px;
	}
}

/* Legacy compatibility - keeping old styles for backward compatibility */
.header ul.head-round-icon li a .cart_count {
    position: absolute;

    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
    color: var(--color-white);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    z-index: 3;
    box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
    animation: pulse 2s infinite;
}

/* Enhanced Accessibility and Focus States */
.header-desktop ul.head-round-icon li a:focus,
.header-mobile .head-round-card ul.head-round-icon li a:focus {
	outline: 2px solid var(--theme-color);
	outline-offset: 2px;
	transform: translateY(-1px);
}

/* Loading States */
.header-desktop ul.head-round-icon li a.loading,
.header-mobile .head-round-card ul.head-round-icon li a.loading {
	opacity: 0.7;
	pointer-events: none;
}

.header-desktop ul.head-round-icon li a.loading::after,
.header-mobile .head-round-card ul.head-round-icon li a.loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border: 2px solid transparent;
	border-top: 2px solid var(--theme-color);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	transform: translate(-50%, -50%);
}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Empty State Styling */
.header-desktop ul.head-round-icon li a .cart_count:empty,
.header-mobile .head-round-card ul.head-round-icon li a .cart_count:empty {
	display: none;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
	.header-desktop ul.head-round-icon li a,
	.header-mobile .head-round-card ul.head-round-icon li a {
		border-width: 2px;
	}

	.header-desktop ul.head-round-icon li a .cart_count,
	.header-mobile .head-round-card ul.head-round-icon li a .cart_count {
		border: 2px solid var(--color-white);
	}
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
	.header-desktop ul.head-round-icon li a,
	.header-mobile .head-round-card ul.head-round-icon li a,
	.header-desktop ul.head-round-icon li a .cart_count,
	.header-mobile .head-round-card ul.head-round-icon li a .cart_count {
		animation: none;
		transition: none;
	}

	.header-desktop ul.head-round-icon li a:hover,
	.header-mobile .head-round-card ul.head-round-icon li a:hover {
		transform: none;
	}
}

/* ======================
   Operations and Farms Section
   ====================== */
.operations-farms-section {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 80px 0;
}

.operations-farms-section .section-heading {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 2.5rem;
	line-height: 1.2;
}

.operations-content {
	padding: 20px;
}

.operations-text p,
.farms-text p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #374151;
	margin-bottom: 20px;
}

.farms-map-container {
	background: white;
	border-radius: 15px;
	padding: 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
}

.farms-map-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.farms-map-container h3 {
	color: var(--theme-color);
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.5rem;
}

#farms-map {
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid #e9ecef;
}

.map-legend {
	margin-top: 20px;
	text-align: center;
}

.legend-item {
	display: inline-block;
	margin: 0 15px;
	align-items: center;
}

.legend-item span:first-child {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
}

.legend-item span:last-child {
	color: var(--theme-color);
	font-weight: 600;
	vertical-align: middle;
}

/* Responsive styles for Operations and Farms section */
@media (max-width: 991px) {
	.operations-farms-section {
		padding: 60px 0;
	}

	.operations-farms-section .section-heading {
		font-size: 2rem;
		margin-bottom: 25px;
	}

	.operations-content {
		padding: 15px;
		margin-bottom: 40px;
	}

	.operations-text p,
	.farms-text p {
		font-size: 1rem;
	}

	.farms-map-container {
		margin-top: 30px;
	}
}

@media (max-width: 768px) {
	.operations-farms-section .section-heading {
		font-size: 1.8rem;
	}

	.operations-content {
		text-align: center;
		padding: 10px;
	}

	.farms-map-container {
		padding: 15px;
	}

	#farms-map {
		height: 300px;
	}

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

	.legend-item {
		display: block;
		margin: 10px 0;
	}
}

@media (max-width: 480px) {
	.operations-farms-section {
		padding: 40px 0;
	}

	.operations-farms-section .section-heading {
		font-size: 1.5rem;
	}

	.operations-text p,
	.farms-text p {
		font-size: 0.95rem;
	}

	#farms-map {
		height: 250px;
	}

	.farms-map-container h3 {
		font-size: 1.3rem;
	}
}

/* ======================
   Environment Section
   ====================== */
.environment-section {
	background: linear-gradient(135deg, var(--light-green-color) 0%, #e8f5e8 100%);
	padding: 80px 0;
}

.environment-section .section-heading {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 2.5rem;
	line-height: 1.2;
}

.environment-content {
	padding: 40px 20px;
}

.environment-text p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #374151;
	margin-bottom: 20px;
}

.environment-image-container {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}

.environment-image-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.environment-image-container img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 15px;
	transition: transform 0.3s ease;
}

.environment-image-container:hover img {
	transform: scale(1.05);
}

.image-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.3));
	padding: 40px 20px 20px;
}

.overlay-content {
	text-align: center;
	color: white;
}

.overlay-content h4 {
	font-weight: 600;
	margin-bottom: 10px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.overlay-content p {
	margin: 0;
	font-size: 0.95rem;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

/* Responsive styles for Environment section */
@media (max-width: 991px) {
	.environment-section {
		padding: 60px 0;
	}

	.environment-section .section-heading {
		font-size: 2rem;
		margin-bottom: 25px;
	}

	.environment-content {
		padding: 30px 15px;
		margin-bottom: 40px;
	}

	.environment-text p {
		font-size: 1rem;
	}

	.environment-image-container {
		margin-top: 30px;
	}
}

@media (max-width: 768px) {
	.environment-section .section-heading {
		font-size: 1.8rem;
	}

	.environment-content {
		text-align: center;
		padding: 20px 10px;
	}

	.environment-image-container {
		padding: 15px;
	}

	.environment-image-container img {
		height: 300px;
	}
}

@media (max-width: 480px) {
	.environment-section {
		padding: 40px 0;
	}

	.environment-section .section-heading {
		font-size: 1.5rem;
	}

	.environment-text p {
		font-size: 0.95rem;
	}

	.environment-image-container img {
		height: 250px;
	}

	.overlay-content h4 {
		font-size: 1.1rem;
	}

	.overlay-content p {
		font-size: 0.85rem;
	}
}

/* ======================
   Testimonials Section
   ====================== */

/* ======================
   Product Section
   ====================== */
.product-section {
	background-color: #ffffff;
	padding: 0px 0;
}

.product-section .section-heading {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 2.5rem;
	line-height: 1.2;
}

.product-content {
	padding: 40px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-text p,
.certification-text p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #374151;
	margin-bottom: 20px;
}

.product-image-container {
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	height: 100%;
	min-height: 600px;
	transition: all 0.3s ease;
}

.product-image-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.product-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.product-image-container:hover img {
	transform: scale(1.05);
}

@media (max-width: 991px) {
	.product-section {
		padding: 60px 0;
	}

	.product-section .section-heading {
		font-size: 2rem;
		margin-bottom: 25px;
	}

	.product-content {
		padding: 30px 15px;
	}

	.product-text p,
	.certification-text p {
		font-size: 1rem;
	}

	.product-image-container {
		min-height: 500px;
	}
}

@media (max-width: 768px) {
	.product-section .section-heading {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.product-content {
		padding: 25px 15px;
	}

	.product-image-container {
		min-height: 400px;
	}
}

@media (max-width: 480px) {
	.product-section {
		padding: 40px 0;
	}

	.product-section .section-heading {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.product-text p,
	.certification-text p {
		font-size: 0.95rem;
	}

	.product-image-container {
		min-height: 300px;
	}
}

/* ======================
   Happy Hens Section
   ====================== */
.happy-hens-section {
	background-color: #f8f9fa;
	padding: 0px 0;
	scroll-margin-top: 120px; /* Header offset for smooth scrolling */
}

.happy-hens-section .section-heading {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 2.5rem;
	line-height: 1.2;
}

.happy-hens-section .subsection-heading {
	color: var(--theme-color);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 1.8rem;
	line-height: 1.2;
}

.hens-content {
	padding: 40px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hens-text p,
.nutritional-text p {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #374151;
	margin-bottom: 20px;
}

.hen-image-container {
	position: relative;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
	height: 100%;
	min-height: 500px;
	transition: all 0.3s ease;
}

.hen-image-container:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

.hen-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.hen-image-container:hover img {
	transform: scale(1.05);
}

.nutritional-highlights {
	background: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	margin-bottom: 15px;
}

.highlight-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

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

.highlight-item span:first-child {
	font-weight: 600;
	color: var(--theme-color);
}

.highlight-item span:last-child {
	color: #374151;
}

@media (max-width: 991px) {
	.happy-hens-section {
		padding: 60px 0;
	}

	.happy-hens-section .section-heading {
		font-size: 2rem;
		margin-bottom: 25px;
	}

	.happy-hens-section .subsection-heading {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.hens-content {
		padding: 30px 15px;
	}

	.hens-text p,
	.nutritional-text p {
		font-size: 1rem;
	}

	.hen-image-container {
		min-height: 400px;
	}
}

@media (max-width: 768px) {
	.happy-hens-section .section-heading {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.happy-hens-section .subsection-heading {
		font-size: 1.3rem;
		margin-bottom: 15px;
	}

	.hens-content {
		padding: 25px 15px;
	}

	.hen-image-container {
		min-height: 350px;
	}
}

@media (max-width: 480px) {
	.happy-hens-section {
		padding: 40px 0;
	}

	.happy-hens-section .section-heading {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.happy-hens-section .subsection-heading {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}

	.hens-text p,
	.nutritional-text p {
		font-size: 0.95rem;
	}

	.hen-image-container {
		min-height: 300px;
	}

	.nutritional-highlights {
		padding: 15px;
	}
}

/* ======================
   Footer Responsive Styles
   ====================== */
@media (max-width: 1200px) {
	.footer-section {
		padding: 50px 0 0;
	}

	.footer-middle {
		padding: 0 0 35px;
	}

	.footer-widget .widget-title {
		font-size: 1.3rem;
		margin-bottom: 20px;
	}

	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 200px;
		margin-left: 20px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 35px;
		height: 35px;
		margin-right: 12px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon i {
		font-size: 14px;
	}
}

@media (max-width: 991px) {
	.footer-section {
		padding: 25px 0 0;
	}

	.footer-middle {
		padding: 0 0 25px;
	}

	.footer-widget .widget-title {
		font-size: 1.2rem;
		margin-bottom: 15px;
	}

	.footer-widget .info-card .info-logo {
		margin-bottom: 12px;
	}

	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 150px;
		margin-left: 15px;
	}

	.footer-widget .info-card p {
		font-size: 1rem;
		line-height: 1.7;
	}

	.footer-widget ul.widget-contact li {
		margin-bottom: 12px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 32px;
		height: 32px;
		margin-right: 10px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon i {
		font-size: 14px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc h5 {
		font-size: 1rem;
		margin-bottom: 3px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc p {
		font-size: 0.95rem;
		word-break: break-word;
		overflow-wrap: break-word;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc {
		display: none;
	}

	.footer-widget ul.widget-contact {
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li {
		margin-bottom: 8px;
	}

	.footer-widget ul.widget-contact li .contact-card {
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 32px;
		height: 32px;
		margin-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer-widget ul.widget-list li {
		margin-bottom: 8px;
	}

	.footer-widget ul.widget-list li a {
		font-size: 1rem;
	}
}

@media (max-width: 768px) {
	.footer-section {
		padding: 20px 0 0;
	}

	.footer-middle {
		padding: 0 0 20px;
	}

	.footer-middle .row {
		align-items: stretch;
	}

	.footer-middle .row > div {
		display: flex;
		flex-direction: column;
	}

	.footer-widget .widget-title {
		font-size: 1.1rem;
		margin-bottom: 12px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo {
		margin-bottom: 10px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 120px;
		margin-left: 0;
	}

	.footer-widget .info-card p {
		font-size: 0.9rem;
		line-height: 1.6;
		text-align: center;
	}

	.footer-widget ul.widget-contact {
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li {
		margin-bottom: 8px;
	}

	.footer-widget ul.widget-contact li .contact-card {
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 28px;
		height: 28px;
		margin-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon i {
		font-size: 12px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc {
		display: none;
	}

	.footer-widget ul.widget-list {
		text-align: center;
	}

	.footer-widget ul.widget-list li {
		margin-bottom: 5px;
	}

	.footer-widget ul.widget-list li a {
		font-size: 0.9rem;
	}

	.footer-widget-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-widget {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-bottom {
		padding: 12px 0;
	}

	.copy-right {
		font-size: 0.85rem;
	}

	.payment-method img {
		max-height: 25px;
	}
}

@media (max-width: 480px) {
	.footer-section {
		padding: 15px 0 0;
	}

	.footer-middle {
		padding: 0 0 15px;
	}

	.footer-middle .row {
		align-items: stretch;
	}

	.footer-middle .row > div {
		display: flex;
		flex-direction: column;
	}

	.footer-widget .widget-title {
		font-size: 1rem;
		margin-bottom: 10px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo {
		margin-bottom: 8px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 100px;
		margin-left: 0;
	}

	.footer-widget .info-card p {
		font-size: 0.85rem;
		line-height: 1.5;
		text-align: center;
	}

	.footer-widget ul.widget-contact {
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li {
		margin-bottom: 6px;
	}

	.footer-widget ul.widget-contact li .contact-card {
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 25px;
		height: 25px;
		margin-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon i {
		font-size: 11px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc {
		display: none;
	}

	.footer-widget ul.widget-list {
		text-align: center;
	}

	.footer-widget ul.widget-list li {
		margin-bottom: 4px;
	}

	.footer-widget ul.widget-list li a {
		font-size: 0.85rem;
	}

	.footer-widget-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-widget {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

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

	.copy-right {
		font-size: 0.8rem;
	}

	.payment-method img {
		max-height: 20px;
	}
}

@media (max-width: 375px) {
	.footer-section {
		padding: 12px 0 0;
	}

	.footer-middle {
		padding: 0 0 12px;
	}

	.footer-middle .row {
		align-items: stretch;
	}

	.footer-middle .row > div {
		display: flex;
		flex-direction: column;
	}

	.footer-widget .widget-title {
		font-size: 0.95rem;
		margin-bottom: 8px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo {
		margin-bottom: 6px;
		text-align: center;
	}

	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 80px;
		margin-left: 0;
	}

	.footer-widget .info-card p {
		font-size: 0.8rem;
		line-height: 1.4;
		text-align: center;
	}

	.footer-widget ul.widget-contact {
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li {
		margin-bottom: 5px;
	}

	.footer-widget ul.widget-contact li .contact-card {
		justify-content: center;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon {
		width: 22px;
		height: 22px;
		margin-right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-icon i {
		font-size: 10px;
	}

	.footer-widget ul.widget-contact li .contact-card .contact-desc {
		display: none;
	}

	.footer-widget ul.widget-list {
		text-align: center;
	}

	.footer-widget ul.widget-list li {
		margin-bottom: 3px;
	}

	.footer-widget ul.widget-list li a {
		font-size: 0.8rem;
	}

	.footer-widget-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-widget {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer-bottom {
		padding: 8px 0;
	}

	.copy-right {
		font-size: 0.75rem;
	}

	.payment-method img {
		max-height: 18px;
	}
}
/* Full Mac Width - Reduce footer logo size */
@media (min-width: 1440px) {
	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 200px;
		margin-left: 15px;
	}
}

@media (max-width: 1200px) {
	.footer-widget .info-card .info-logo img,
	.footer-widget .info-card .info-logo .footer-logo {
		max-height: 150px;
		margin-left: 15px;
	}
}

/* Remove background from wishlist-item to match surrounding area */
.wishlist-item a {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Override hover state for wishlist-item */
.wishlist-item:hover a {
	background: transparent !important;
	color: var(--theme-color) !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Change heart icon color on hover */
.wishlist-item:hover a i {
	color: var(--theme-color) !important;
}

/* Shopping cart button styling - match wishlist button */
.shopingCart a {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Override hover state for shopping cart */
.shopingCart:hover a {
	background: transparent !important;
	color: var(--theme-color) !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Change cart icon color on hover */
.shopingCart:hover a i {
	color: var(--theme-color) !important;
}

/* Make badges smaller for both wishlist and cart */
.wishlist-item a .cart_count,
.shopingCart a .cart_count {
	width: 16px !important;
	height: 16px !important;
	font-size: 10px !important;
    top: 2px !important;
    right: 10px !important;
}