@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Style the scrollbar */
::-webkit-scrollbar {
	width : 8px;
	/* Thin scrollbar */
	height: 8px;
	/* For horizontal scrollbar */
}

/* Style the track (background of the scrollbar) */
::-webkit-scrollbar-track {
	background   : #f1f1f1;
	/* Light gray background */
	border-radius: 10px;
	/* Rounded corners */
}

/* Style the thumb (the draggable part of the scrollbar) */
::-webkit-scrollbar-thumb {
	background   : #888;
	/* Dark gray color */
	border-radius: 10px;
	transition   : background-color 0.3s ease;
	/* Smooth transition */
}

/* Hover effect on the thumb */
::-webkit-scrollbar-thumb:hover {
	background: #555;
	/* Darker shade when hovered */
}

/* Add smooth scroll effect to the content */
html {
	scroll-behavior: smooth;
	/* Smooth scrolling */
}


/* General Styles */
* {
	font-family: 'Poppins', sans-serif !important;
	margin     : 0;
	padding    : 0;
	font-display: swap;
}

.search-container input::placeholder {
	color: #333333;
}

a {
	text-decoration: none;
	color          : #373737;
	;
}

.col-custom-grey {
	color: #777777;
}

.h5 {
	font-weight: 900;
	font-size  : .95rem;
}

p {
	padding: 0;
	margin : 0;
}


header {
	position: relative;
	z-index : 100000000000;
}

.form-control:focus {
	border-color: #f9a719 !important;
	box-shadow  : 0 0 0 .25rem rgb(249 167 25 / 8%) !important;
}

.site-header {
	background-color: #fff;
}

/* Top Bar */
.top-bar {
	background-color: #f3f3f3;
	border-bottom   : 1px solid #e6e6e6;
}

/* Top Menu */
.top-menu {
	list-style : none;
	margin     : 0;
	padding    : 0;
	display    : flex;
	align-items: center;
}

.top-menu li {
	display    : flex;
	align-items: center;
	position   : relative;
	border-left: 0.5px solid #dddddd;
	padding    : 0 18px;
}

.top-menu li:first-child {
	border-left : none;
	padding-left: 0px !important;
}

.top-menu li:last-child {
	border-right: none;
}

.top-menu li a {
	text-decoration: none;
	color          : #333;
	font-size      : 14px;
	/* Default font size */
	display        : flex;
	align-items    : center;
	gap            : 5px;
	padding        : 10px;
}

.icon-top-header img {
	width         : 20px;
	height        : 20px;
	vertical-align: middle;
}

.wishlist-count {
	background-color: #f9a719;
	color           : white;
	padding         : 2px 6px;
	border-radius   : 5px;
	font-size       : 12px;
}

/* Main Header */
.main-header {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.logo img {
	width     : 100%;
	max-width : 100%;
	height    : auto;
	object-fit: contain;
}

.search-bar {
	display    : flex;
	align-items: center;
	gap        : 15px;
}

/* City Dropdown */
.city {
	padding      : 8px 12px;
	border       : 1px solid #ccc;
	border-radius: 50px;
	font-size    : 10px;
}

.search-input {
	padding      : 8px 12px !important;
	border       : 1px solid #ccc !important;
	border-radius: 50px !important;
	width        : 100% !important;
}

.browse-categories {
	position: relative;
}

.browse-categories button {
	width           : 240px;
	padding         : 8px 12px;
	background-color: #f3f3f300;
	border          : 1px solid #ccc;
	border-radius   : 50px;
	cursor          : pointer;
	color           : #333333;
	display         : flex;
	gap             : 10px;
	justify-content : space-between;
	align-items     : center;
}

.browse-categories .arrow {
	font-size: 12px;
}

.categories-dropdown {
	display         : none;
	width           : 20vw;
	position        : absolute;
	top             : 45px;
	right           : -44px;
	background-color: white;
	border          : 1px solid #ccc;
	border-radius   : 5px;
	box-shadow      : 0 4px 8px rgba(0, 0, 0, 0.1);
}

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

.categories-dropdown ul li {
	padding      : 5px 10px;
	cursor       : pointer;
	color        : #333333;
	border-bottom: 1px solid #ccc;

}


.categories-dropdown ul li:hover {
	background-color: #f9a719;
	font-weight     : 700;
}

/* Select City Styles */
.select-city {
	position: relative;
	display : inline-block;
}

.city-button {
	border          : none;
	background-color: transparent;
	cursor          : pointer;
	font-size       : 16px;
	/* Default font size */
	font-weight     : 600;
	color           : #333333;
	width           : 100px;
}

.city-dropdown {
	position        : absolute;
	background-color: white;
	border          : 1px solid #ccc;
	border-radius   : 4px;
	box-shadow      : 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index         : 1000;
	top             : 45px;
	right           : 5px;
}

.city-option {
	padding      : 5px 10px;
	cursor       : pointer;
	border-bottom: 1px solid #ccc;
	color        : #333333;
}

.city-option:hover {
	background-color: #ffc107;
	color           : #333333;
	font-weight     : 600;
}

.select-city {
	padding      : 8px 12px;
	border-radius: 34px;
	background   : #f3f3f3;
	color        : #7b7b7b;
}

.search-container {
	position: relative;
	display : inline-block;
	/* or block, depending on your layout */
}

.search-icon {
	position      : absolute;
	left          : 10px;
	/* Adjust this value for desired spacing */
	top           : 50%;
	transform     : translateY(-50%);
	pointer-events: none;
	/* Prevent the icon from interfering with clicks */
}

.search-input {
	padding-left: 40px !important;
	/* Add padding to avoid overlapping with the icon */
}

.browse-categories button:hover {
	background-color: #f3f3f300;
	border          : 1px solid #ccc;
	color           : #333333;
}

.browse-categories button:active {
	background-color: #f3f3f300;
	border          : 1px solid #ccc;
	color           : #333333;
}

/* Outer cart icon styling */
.cart-icon {
	font-size      : 24px;
	color          : #333;
	position       : relative;
	/* Required for positioning the counter */
	display        : flex;
	align-items    : center;
	justify-content: center;
}

/* Icon container styling */
i.cart-icon {
	display        : flex;
	align-items    : center;
	justify-content: center;
	border         : 1px solid #cccccc;
	padding        : 8px;
	/* Increased padding for balance */
	border-radius  : 25px;
	width          : 46px;
	/* Slightly wider for padding */
	height         : 46px;
	/* Matches width for a perfect circle */
	box-sizing     : border-box;
	transition     : border 0.3s, background 0.3s;
	/* Smooth hover effect */
}

i.menu-icon {
	display        : flex;
	align-items    : center;
	justify-content: center;
	border         : 1px solid #7b7b7b;
	padding        : 8px;
	/* Increased padding for balance */
	border-radius  : 25px;
	width          : 34px;
	/* Slightly wider for padding */
	height         : 34px;
	/* Matches width for a perfect circle */
	box-sizing     : border-box;
	transition     : border 0.3s, background 0.3s;
	/* Smooth hover effect */
}

.menu-icon img {
	width: 18px;
}

/* Hover effect for icon */
i.cart-icon:hover,
i.menu-icon:hover {
	border    : 1px solid #f9a719;
	background: #f3f3f3;
}

/* Cart counter styling */
.cart-counter {
	width           : 20px;
	height          : 20px;
	position        : absolute;
	top             : -5px;
	right           : -5px;
	background-color: #f9a719;
	color           : white;
	font-size       : 12px;
	font-weight     : bold;
	padding         : 2px 6px;
	border-radius   : 50%;
	display         : flex;
	align-items     : center;
	justify-content : center;
}


.main-header {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}




/* header end */

/* .content-wrapper {
	margin-top:130px
} */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255); /* Optional: Light overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it stays above content */
  }
  
  .preloader-gif {
    width: 250px; /* Adjust as needed */
    height: auto;
  }

/* slider start */

.splide__slide img {
	display   : block;
	width     : 100%;
	height    : auto;
	object-fit: cover;
}


.heading {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	padding        : 10px 24px;
}

.heading-category {
	padding: 10px 14px;
}

.category-title {
	font-size  : 24px;
	font-weight: bold;
}

.view-more-btn-head {
	font-size    : 16px;
	color        : #f9a719;
	cursor       : pointer;
	padding-right: 0;
}


.multiple-categories-slider img {
	width     : auto;
	height    : 80px;
	object-fit: cover;
}


.heading .category-title {
	font-size   : 20px;
	font-weight : bold;
	padding-left: 0;
	color       : #373737
}


.category-card {
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	align-items    : center;
	height         : 150px;
	border-radius  : 8px;
	padding        : 15px 10px;
}


.category-card p {
	text-align : center;
	margin-top : 15px;
	font-weight: 600;
	color      : #333333;
	font-size  : 12px;
	line-height: 15px;


}

@media (max-width: 768px) {
	.heading .category-title {
		font-size: 12px;
	}

	.view-more-btn-head {
		font-size: 12px;
	}

	.category-card p {
		font-size  : 8px;
		line-height: 11px;

	}

	.multiple-categories-slider img {
		width : auto;
		height: 50px !important;
	}

	.category-card {
		height: 115px;
	}
}


.banner-container {
	display        : flex;
	justify-content: space-between;
	gap            : 10px;
	width          : 100%;
	/* Ensures the container takes the full width */
}

.banner {
	width         : 100%;
	/* Takes the full available width */
	border-radius : 5px;
	text-align    : center;
	display       : flex;
	flex-direction: column;
	align-items   : center;
	box-shadow    : 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow      : hidden;
	/* Ensures rounded corners work with the image */
}

.banner-top-categroy-card {
	width         : 100%;
	/* Takes the full available width */
	border-radius : 5px;
	text-align    : center;
	display       : flex;
	flex-direction: column;
	align-items   : center;
	overflow      : hidden;
	/* Ensures rounded corners work with the image */
}

.banner-top-categroy-card img {
	width        : 100%;
	/* Makes the image take the full width of the banner */
	height       : auto;
	/* Keeps the aspect ratio of the image */
	border-radius: 5px;
	/* Matches the border-radius of the banner */
}

.banner img {
	width        : 100%;
	/* Makes the image take the full width of the banner */
	height       : auto;
	/* Keeps the aspect ratio of the image */
	border-radius: 5px;
	/* Matches the border-radius of the banner */
}

.timer-container {
	display        : flex;
	justify-content: space-between;
	gap            : 20px;
	width          : 100%;
	/* Ensures the container takes the full width */
}

.timer-banner {
	position      : relative;
	/* For absolute positioning of the timer */
	width         : 100%;
	/* Takes the full available width */
	border-radius : 10px;
	text-align    : center;
	display       : flex;
	flex-direction: column;
	align-items   : center;
	overflow      : hidden;
	/* Ensures rounded corners work with the image */
}

.timer-image {
	width        : 100%;
	/* Makes the image take the full width of the banner */
	height       : auto;
	/* Keeps the aspect ratio of the image */
	border-radius: 10px;
	/* Matches the border-radius of the banner */
}

.timer-display {
	position     : absolute;
	/* Positions the timer on the banner */
	top          : 50%;
	/* Center vertically */
	right        : 5%;
	/* Center horizontally */
	transform    : translate(-50%, -50%);
	/* Centers the timer */
	background   : transparent;
	/* Semi-transparent background */
	color        : white;
	/* Text color */
	padding      : 15px 30px;
	/* Padding around the timer */
	border-radius: 10px;
	/* Rounded corners for the timer */
	font-size    : 28px;
	/* Font size for the timer */
	font-weight  : bold;
	/* Makes the timer bold */
	border       : 3px solid;
	width        : 180px;
}

.product-card-widged {
	align-items    : center;
	justify-content: center;
	background     : #f3f3f3;
	border-radius  : 7px;
}

@media (max-width: 768px) {
	.first_banners_part_home_page {
		display: none;
	}

	/* .copyright {
		font-size: 10px !important;
	} */

	.banner-container .banner:nth-child(n+5) {
		display: none !important;
	}

	.timer-banner {
		border-radius: 4px !important;
	}

	.timer-image {
		border-radius: 4px;
	}

	.timer-display {
		border: 1px solid;
	}

	.timer-display {
		font-size    : 12px;
		right        : 1%;
		padding      : 6px 10px;
		border-radius: 5px;
	}

	.timer-container {
		flex-wrap: wrap;
	}

	.timer-banner {
		width: 100%;
	}

	.product-card-widged {
		border-radius: 0;
	}
}



.product-card {
	display: flex;
	gap    : 20px;
	cursor : pointer;
}

.card {
	border-radius   : 8px;
	overflow        : hidden;
	background-color: #f3f3f3;
	box-shadow      : 0 4px 17px 1px rgb(67 67 67 / 10%);
	position        : relative;
	text-align      : center;
	transition      : all 0.3s ease;
	border          : none;
}

.card .discount {
	background-color          : #ffa500;
	color                     : #fff;
	padding                   : 2px 10px;
	position                  : absolute;
	top                       : 0px;
	right                     : 10px;
	border-bottom-left-radius : 8px;
	border-bottom-right-radius: 8px;
	font-weight               : bold;
	z-index                   : 2;
	font-size                 : 14px !important;
	transition                : .3s all ease-in;
	-webkit-transition        : .3s all ease-in;
	-moz-transition           : .3s all ease-in;
	-ms-transition            : .3s all ease-in;
	-o-transition             : .3s all ease-in;
}

.card .icons {
	opacity           : 0;
	display           : flex;
	position          : absolute;
	top               : 10px;
	left              : 10px;
	flex-direction    : column;
	gap               : 8px;
	z-index           : 999;
	transition        : .3s all ease-in;
	-webkit-transition: .3s all ease-in;
	-moz-transition   : .3s all ease-in;
	-ms-transition    : .3s all ease-in;
	-o-transition     : .3s all ease-in;
}

.card .icon {
	background-color  : #ffa500d9;
	border-radius     : 5px;
	padding           : 2px 6px;
	box-shadow        : 0 2px 4px rgba(0, 0, 0, 0.2);
	transition        : .3s all ease-in;
	-webkit-transition: .3s all ease-in;
	-moz-transition   : .3s all ease-in;
	-ms-transition    : .3s all ease-in;
	-o-transition     : .3s all ease-in;
}

.card .icon:hover {
	background-color: #dd9105;
}

.product-image {
	width     : 100%;
	object-fit: cover;
}

.card .info {
	padding-bottom  : 0;
	transition      : transform 0.3s ease;
	position        : relative;
	z-index         : 1;
	background-color: #ffffff;
	border-top      : .5px solid #dcdada;
}

.card .price {
	font-size    : 1.2em;
	font-weight  : bold;
	margin-bottom: 5px;
	margin       : 2px 10px;
}

.card .original-price {
	text-decoration: line-through;
	color          : #6c757d !important;
	font-size      : 14px;
	font-family    : "Lato", sans-serif;
	font-weight    : 500;
	margin-left    : 2px;
	position       : relative;
}

.card .original-price::after {
	content   : '';
	width     : 100%;
	height    : 1px;
	position  : absolute;
	top       : 50%;
	left      : 0;
	background: #6c757d !important;
}

.card .discounted-price {
	font-size: 18px;
}

.card .description {
	font-size         : 13px;
	color             : #333333;
	display           : -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow          : hidden;
	line-height       : 1.5;
	height            : 2.5rem;
	text-overflow     : ellipsis;
	font-weight       : 500;
	padding           : 0 5px;
	text-align        : left;
	margin            : 2px 10px;
}



.card .rating {
	font-size: 1.2em;
	color    : #ffa500;
}

.card .add-to-cart,
.card .buy-now {
	width           : 80px;
	border          : none;
	padding         : 10px 0;
	font-size       : 11px;
	font-weight     : bold;
	cursor          : pointer;
	border-radius   : 5px;
	color           : #fff;
	opacity         : 0;
	transition      : opacity 0.3s ease;
	background-color: #ffa500;
	cursor          : pointer;
}

.card .buy-now {
	background-color: #ff4500;
}


.card .add-to-cart:hover,
.card .buy-now:hover {
	background-color: #ef9b00;
}

.buttons-container {
	position        : absolute;
	bottom          : 0;
	width           : 100%;
	background-color: #f3f3f3;
	transition      : opacity 0.3s ease;
	opacity         : 0;
}



.card:hover .icons {
	opacity: 1;
}

.card:hover .buttons-container {
	opacity: 1;
}

.card:hover .add-to-cart,
.card:hover .buy-now {
	opacity: 1;
}

.view-all-bullet {
	padding      : 5px 10px;
	border-radius: 33px;
	color        : #333;
	font-weight  : 700;
}


/* footer */

.footer {
	background-color: #f4f4f4;
	border-bottom   : .5px solid #bfbfbf;
}

.top-section {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	padding        : 20px 0;
}

.social-media-icons {
	margin-top: 12px;
	display   : flex;

}

.social-media-icons a {
	display        : inline-block;
	height         : 50px;
	display        : flex;
	justify-content: center;
	align-items    : center;
	margin-right   : 12px;

}

.subscribe-form {
	margin-top : 12px;
	display    : flex;
	align-items: center;
}

.subscribe-form input[type="email"] {
	padding      : 10px;
	border       : 1px solid #ccc;
	border-radius: 25px;
	outline      : none;
	width        : 390px;
	padding-left : 28px;
}

.subscribe-form button {
	padding         : 10px 20px;
	margin-left     : 10px;
	background-color: #777777;
	color           : #fff;
	border          : none;
	border-radius   : 25px;
	cursor          : pointer;
	transition      : background-color 0.3s ease;
}

.subscribe-form button:hover {
	background-color: #555;
}

.middle-section {
	display        : flex;
	justify-content: space-between;
	text-align     : center;
	padding        : 25px 0;

}

.middle-section div {
	width: 20%;
}

.middle-section div h3 {
	margin     : 10px 0;
	font-weight: bold;
	font-size  : 18px;
}

.middle-section div p {
	color: #555;
}

.bottom-section {
	display        : flex;
	justify-content: center;
	padding        : 20px 0;
}

.partner-logos .splide__slide {
	width : 80px !important;
	margin: auto;
}

.bottom-section .partner-logos img {
	width        : 80px;
	margin       : 0 10px;
	filter       : grayscale(100%);
	border-radius: 5px;
}

.bottom-section .partner-logos img:hover {
	filter: none;
}

.back-to-top {
	width   : 250px;
	position: relative;
	bottom  : 22px;
}

.back-to-top a {
	text-decoration : none;
	color           : #777777;
	font-weight     : bold;
	background-color: #f4f4f4;
	padding         : 10px 20px;
	border-radius   : 50px;
	display         : inline-block;
	transition      : background-color 0.3s ease;
	border          : .5px solid #777777;
}

.back-to-top a:hover {
	background-color: #ddd;
}

.footer-top-text {
	font-size: 15px;
	color    : #777777;
}


.footer-main-last {
	background-color: #474747;
	color           : #ccc;
	padding         : 40px 20px;
	display         : flex;
	justify-content : space-between;
	align-items     : flex-start;
}

.footer-main-last .logo {
	font-size: 24px;
	color    : white;
}

.footer-main-last .logo img {
	width         : 240px;
	vertical-align: middle;
	margin-bottom : 15px;
}

.footer-main-last p {
	font-size  : 11px;
	color      : #dddddd !important;
	line-height: 1.6;
	text-align : left;
}

.footer-main-last .links {
	display        : flex;
	gap            : 40px;
	justify-content: flex-end;
}

.footer-main-last .links ul {
	list-style: none;
	padding   : 0;
}

.footer-main-last .links ul li {
	margin-bottom: 10px;
}

.footer-main-last .links ul li a {
	text-decoration: none;
	color          : #ccc;
	font-size      : 14px;
}

.footer-main-last .links ul li a:hover {
	color: #fff;
}


.footer-link-icons {
	margin-right: 10px;
}


.copyright {
	border-top      : .5px solid #cecece;
	background-color: #474747;
	padding         : 10px 0;
	color           : white;
}


@media (max-width: 1100px) {
	.top-section {
		flex-wrap      : wrap;
		justify-content: center;
		align-items    : center;
		gap            : 20px;
	}

	.subscribe-form input[type="email"] {
		width: 100%;
	}

	.social-media-icons {
		justify-content: space-between;
	}

	.middle-section {
		flex-wrap: wrap;
	}

	.footer-main-last .links {
		justify-content: flex-start;
	}
}

@media (max-width: 600px) {
	.top-section {
		margin: 0 20px;
	}
}

.full-stars {
	position   : relative;
	left       : -59px;
	top        : 0;
	white-space: nowrap;
	overflow   : hidden;
	color      : #f9a719;
}

.empty-stars:before,
.full-stars:before {
	content  : "\2605\2605\2605\2605\2605";
	font-size: 18px;
}

.empty-stars:before {
	-webkit-text-stroke: 1px #ddd;
	color              : #ddd;
}

.full-stars:before {
	-webkit-text-stroke: 1px #f9a719;
}

/* Webkit-text-stroke is not supported on firefox or IE */

/* Firefox */
@-moz-document url-prefix() {
	.full-stars {
		color: #f9a719;
	}
}

.full-stars {
	color: #f9a719;
}

.edit-info-area .upload-img .img img {
	/* border-radius: 50%; */
	width : 100%;
	height: 100%;
}

.product-item {
	flex     : 0 0 16.6%;
	max-width: 16.6%;
}

/* Tablet: 3 items per row */
@media (max-width: 1024px) {
	.product-item {
		flex     : 0 0 20%;
		max-width: 20%;
	}
}

/* Mobile: 2 items per row */
@media (max-width: 768px) {

	.card .add-to-cart,
	.card .buy-now {
		height : 28px;
		padding: 0;
	}

	.product-item {
		flex     : 0 0 33.3%;
		max-width: 33.3%;
	}

	.footer-main-last .logo img {
		width: 140px;
	}

	.banner {
		border-radius: 3px;
	}

	.banner-container {
		border-radius: 3px;
	}
}


@media (max-width: 1400px) {
	.card .price {
		font-size: 17px;
	}
}

@media (max-width: 1200px) {
	.card .price {
		font-size: 14px;
	}
}

@media (max-width: 398px) {
	.card .price {
		font-size: 16px;
	}

	.card .description {
		font-size: 7px;
	}
}

@media (max-width: 364px) {
	.card .price {
		font-size: 10px;
	}
}



@media (max-width: 364px) {
	.card .price {
		font-size: 9px;
	}
}


@media (max-width: 1200px) {
	.your-city-static {
		font-size: 10px;
		color    : #333333;
	}

	.col-5 {
		width: 40%;
	}

	#city-button {
		font-size: 12px;
	}

	.search-input {
		padding: 4px 12px !important;
	}

	.search-input {
		padding-left: 40px !important;
	}

	.browse-categories button {
		padding: 4px 12px;
	}

	.cart-icon img {
		width: 18px;
	}

	i.cart-icon {
		padding: 4px;
		height : 27px;
	}


}

@media (max-width: 992px) {
	.browse-categories button {
		font-size: 15px;
		width    : 200px;

	}

	.search-bar {
		gap: 0;
	}

	.search-container {
		margin-left: 10px;
		height     : 32px;
	}

	.search-container input {
		font-size: 10px;
		height   : 26px;
	}

	.search-icon img {
		width: 15px;
	}
}

@media (min-width: 768px) {

	.header-mobile {
		display: none !important;
	}

}

@media (max-width: 768px) {
	.cartpage .left-area .table tbody tr td.product-img p {
		font-size    : 9px !important;
		font-weight  : 600;
		/* margin-top: 8px; */
		margin-bottom: 0;
		line-height  : 1.5;
	}

	.header-desktop-tablet {
		display: none !important;
	}


	.footer .top-section {
		display: none;
	}

	.back-to-top {
		display: none;
	}

	.browse-categories button {
		width    : 148px;
		padding  : 4px 12px;
		height   : 27px;
		font-size: 10px;
	}

	.select-city {
		padding: 4px 16px;
		height : 27px;
	}

	.h5 {
		font-size: 11px;
		height   : 24px;

	}

}

.ratings {
	display    : flex;
	align-items: center;
	margin     : 2px 10px;
}

.rating-ratio {
	font-weight: 500;
	color      : #6c757d !important;
	font-size  : 14px;
}

/* Base styles for the star container */
.rating-star {
	display         : inline-block;
	width           : 19px;
	height          : 19px;
	background-color: #ff9900;
	clip-path       : polygon(50% 8%,
			/* Top point */
			60% 35%,
			/* Upper right edge */
			88% 35%,
			/* Right point */
			68% 55%,
			/* Lower right edge */
			78% 85%,
			/* Bottom right */
			50% 70%,
			/* Bottom tip */
			22% 85%,
			/* Bottom left */
			32% 55%,
			/* Lower left edge */
			12% 35%,
			/* Left point */
			40% 35%
			/* Upper left edge */
		);
}

/* Hover effect for stars */
.rating-star:hover {
	background-color: #ffcc00;
	/* Gold color for hover */
	transform       : scale(1.1);
	/* Slight zoom effect */
}

/* Active state for selected stars */
.rating-star.active {
	background-color: #ffcc00;
	/* Gold color */
}

/* Container for multiple stars */
.rating-container {
	display        : flex;
	gap            : 10px;
	/* Space between stars */
	justify-content: center;
	align-items    : center;
	padding        : 10px 0;
}


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

/* Modal Content */
.modal-content.track-order-content {
	background-color: #fefefe;
	margin          :  auto;
	padding         : 30px;
	border-radius   : 8px;
	width           : 90%;
	max-width       : 400px;
	max-height      : 500px; 
	text-align      : center;
	box-shadow      : 0px 4px 12px rgba(0, 0, 0, 0.78);
}

.track-order-content h2 {
	font-size    : 24px;
	color        : #333;
	margin-bottom: 10px;
}

.track-order-content p {
	font-size    : 14px;
	color        : #666;
	margin-bottom: 20px;
}

/* Input Fields */
.track-order-content label {
	display      : block;
	text-align   : left;
	font-size    : 12px;
	color        : #666;
	margin-bottom: 5px;
}

.track-order-content input[type="text"],
.track-order-content input[type="email"] {
	width        : 100%;
	padding      : 10px;
	margin-bottom: 15px;
	border       : 1px solid #ccc;
	border-radius: 4px;
	font-size    : 14px;
}

/* Submit Button */
.track-order-btn {
	background-color: #f9a719;
	color           : #fff;
	padding         : 10px 15px;
	border          : none;
	border-radius   : 4px;
	cursor          : pointer;
	font-size       : 16px;
	width           : 100%;
}

.track-order-btn:hover {
	background-color: #eca62d;
}

/* Close Button */
.close-btn {
	color      : #aaa;
	float      : right;
	font-size  : 28px;
	font-weight: bold;
	cursor     : pointer;
	position   : absolute;
	right      : 29px;
	top        : 17px;
}

/* Position the main dropdown container */
.dropdown-profile {
	position: relative;
	display : inline-block;
}

/* Style the dropdown menu container */
.dropdown-menu {
	display         : none;
	position        : absolute;
	top             : 100%;
	/* Position below the main item */
	left            : 0;
	background-color: #fff;
	box-shadow      : 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius   : 4px;
	overflow        : hidden;
	z-index         : 1;
}

/* Display dropdown on hover */
.dropdown-profile:hover .dropdown-menu {
	display: block;
}

/* Style for individual dropdown items */
.dropdown-menu-profile-item {
	padding         : 0px 16px;
	background-color: #fff;
}

.dropdown-menu-profile-item a {
	color          : #333;
	text-decoration: none;
	display        : block;
}

.dropdown-menu-profile-item:hover {
	background-color: #f1f1f1;
}

/*---------------------------
** LOgin Signup  Area Start
---------------------------*/
.login-signup {
	padding: 60px 0px 60px;
}

.login-area {
	padding           : 30px 30px 39px;
	background        : #fff;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow        : 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.login-area .header-area {
	text-align   : center;
	margin-bottom: 40px;
}



.login-area .header-area .text {
	font-size: 18px;
	color    : #919191;
}

.login-area .form-input {
	position     : relative;
	margin-bottom: 15px;
}

.login-area .form-input input {
	width     : 100%;
	height    : 50px;
	background: #f3f8fc;
	padding   : 0px 30px 0px 45px;
	border    : 1px solid rgba(0, 0, 0, 0.1);
	font-size : 14px;
}

.login-area .form-input textarea {
	width     : 100%;
	height    : 100px;
	background: #f3f8fc;
	padding   : 15px 25px 15px 25px;
	border    : 1px solid rgba(0, 0, 0, 0.1);
	font-size : 14px;
}

.login-area .form-input i {
	position         : absolute;
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 15px;
	color            : #f9a719;
}

.login-area .form-forgot-pass {
	display         : -webkit-box;
	display         : -ms-flexbox;
	display         : flex;
	-webkit-box-pack: justify;
	-ms-flex-pack   : justify;
	justify-content : space-between;
	font-size       : 14px;
}

.login-area .to-login-page {
	text-align: right;
}

.login-area .submit-btn {
	width      : 100%;
	height     : 50px;
	text-align : center;
	background : #f9a719;
	border     : 0px;
	color      : #fff;
	font-weight: 700;

	margin-top        : 20px;
	-webkit-transition: all 0.3s ease-in;
	-o-transition     : all 0.3s ease-in;
	transition        : all 0.3s ease-in;
	cursor            : pointer;
}

.login-area .submit-btn:hover {
	background: #0f0f0f;
}

.login-area .social-area {
	text-align : center;
	padding-top: 26px;
}

.login-area .social-area .title {
	font-size: 20px;

	font-weight: 600;
	display    : inline-block;
	color      : #f9a719;
	position   : relative;
}

.login-area .social-area .title::after {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	right            : 100%;
	margin-right     : 7px;
}

.login-area .social-area .title::before {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 100%;
	margin-left      : 7px;
}

.login-area .social-area .text {
	font-size  : 20px;
	font-weight: 300;
	color      : #333333;
}

.login-area .social-area .social-links {
	padding-left: 0px;
}

.login-area .social-area .social-links li {
	display: inline-block;
}

.login-area .social-area .social-links li a i {
	width             : 50px;
	height            : 50px;
	border-radius     : 50%;
	line-height       : 50px;
	display           : inline-block;
	color             : #fff;
	margin            : 0px 5px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.login-area .social-area .social-links li a i.fa-facebook-f {
	background: #0069f7;
}

.login-area .social-area .social-links li a i.fa-twitter {
	background: #00c6f7;
}

.login-area .social-area .social-links li a i.fa-google-plus-g {
	background: #d1062c;
}

.comment-log-reg-tabmenu .full-container {
	padding: 0px !important;
}

.comment-log-reg-tabmenu .nav-tabs {
	border : 0px;
	margin : 0px;
	padding: 0px;
}




/*---------------------------
** LOgin Signup  Area Start
---------------------------*/
.login-signup {
	padding: 60px 0px 60px;
}

.login-area {
	padding           : 30px 30px 39px;
	background        : #fff;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow        : 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.login-area .header-area {
	text-align   : center;
	margin-bottom: 40px;
}

.login-area .header-area .title {
	font-size  : 30px;
	font-weight: 700;

	line-height: 40px;
	color      : #131313;
}

.login-area .header-area .text {
	font-size: 18px;
	color    : #919191;
}

.login-area .form-input {
	position     : relative;
	margin-bottom: 15px;
}

.login-area .form-input input {
	width     : 100%;
	height    : 50px;
	background: #f3f8fc;
	padding   : 0px 30px 0px 45px;
	border    : 1px solid rgba(0, 0, 0, 0.1);
	font-size : 14px;
}

.login-area .form-input i {
	position         : absolute;
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 15px;
	color            : #f9a719;
}

.login-area .form-forgot-pass {
	display         : -webkit-box;
	display         : -ms-flexbox;
	display         : flex;
	-webkit-box-pack: justify;
	-ms-flex-pack   : justify;
	justify-content : space-between;
	font-size       : 14px;
}

.login-area .to-login-page {
	text-align: right;
}

.login-area .submit-btn {
	width      : 100%;
	height     : 50px;
	text-align : center;
	background : #f9a719;
	border     : 0px;
	color      : #fff;
	font-weight: 700;

	margin-top        : 20px;
	-webkit-transition: all 0.3s ease-in;
	-o-transition     : all 0.3s ease-in;
	transition        : all 0.3s ease-in;
	cursor            : pointer;
}

.login-area .submit-btn:hover {
	background: #141414;
}

.login-area .social-area {
	text-align : center;
	padding-top: 26px;
}

.login-area .social-area .title {
	font-size: 20px;

	font-weight: 600;
	display    : inline-block;
	color      : #f9a719;
	position   : relative;
}

.login-area .social-area .title::after {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	right            : 100%;
	margin-right     : 7px;
}

.login-area .social-area .title::before {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 100%;
	margin-left      : 7px;
}

.login-area .social-area .text {
	font-size  : 20px;
	font-weight: 300;
	color      : #333333;
}

.login-area .social-area .social-links {
	padding-left: 0px;
}

.login-area .social-area .social-links li {
	display: inline-block;
}

.login-area .social-area .social-links li a i {
	width             : 50px;
	height            : 50px;
	border-radius     : 50%;
	line-height       : 50px;
	display           : inline-block;
	color             : #fff;
	margin            : 0px 5px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.login-area .social-area .social-links li a i.fa-facebook-f {
	background: #0069f7;
}

.login-area .social-area .social-links li a i.fa-twitter {
	background: #00c6f7;
}

.login-area .social-area .social-links li a i.fa-google-plus-g {
	background: #d1062c;
}

.comment-log-reg-tabmenu .full-container {
	padding: 0px !important;
}

.comment-log-reg-tabmenu .nav-tabs {
	border : 0px;
	margin : 0px;
	padding: 0px;
}

.comment-log-reg-tabmenu .nav-tabs .nav-link {
	border       : 0px;
	margin       : 0px;
	padding      : 10px 0px;
	width        : 50%;
	text-align   : center;
	background   : #f9a719;
	border-radius: 0px;
	color        : #fff;
}

.comment-log-reg-tabmenu .nav-tabs .nav-link.active {
	background: #333333;
}


/*---------------------------
** LOgin Signup  Area Start
---------------------------*/
.login-signup {
	padding : 60px 0px 60px;
	z-index : 3;
	position: relative;
}

.login-area {
	padding           : 30px 30px 39px;
	background        : #fff;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow        : 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.login-area .header-area {
	text-align   : center;
	margin-bottom: 40px;
}



.login-area .header-area .text {
	font-size: 18px;
	color    : #919191;
}

.login-area .form-input {
	position     : relative;
	margin-bottom: 15px;
}

.login-area .form-input input {
	width     : 100%;
	height    : 50px;
	background: #f3f8fc;
	padding   : 0px 30px 0px 45px;
	border    : 1px solid rgba(0, 0, 0, 0.1);
	font-size : 14px;
}

.login-area .form-input i {
	position         : absolute;
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 15px;
	color            : #f9a719;
}

.login-area .form-forgot-pass {
	display         : -webkit-box;
	display         : -ms-flexbox;
	display         : flex;
	-webkit-box-pack: justify;
	-ms-flex-pack   : justify;
	justify-content : space-between;
	font-size       : 14px;
}

.login-area .to-login-page {
	text-align: right;
}

.login-area .submit-btn {
	width             : 100%;
	height            : 50px;
	text-align        : center;
	background        : #f9a719;
	border            : 0px;
	color             : #fff;
	font-weight       : 700;
	text-transform    : uppercase;
	margin-top        : 20px;
	-webkit-transition: all 0.3s ease-in;
	-o-transition     : all 0.3s ease-in;
	transition        : all 0.3s ease-in;
	cursor            : pointer;
}

.login-area .submit-btn:hover {
	background: #131313;
}

.login-area .social-area {
	text-align : center;
	padding-top: 26px;
}

.login-area .social-area .title {
	font-size     : 20px;
	text-transform: uppercase;
	font-weight   : 600;
	display       : inline-block;
	color         : #f9a719;
	position      : relative;
}

.login-area .social-area .title::after {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	right            : 100%;
	margin-right     : 7px;
}

.login-area .social-area .title::before {
	position         : absolute;
	content          : '';
	width            : 40px;
	height           : 1px;
	background       : rgba(0, 0, 0, 0.2);
	top              : 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform    : translateY(-50%);
	transform        : translateY(-50%);
	left             : 100%;
	margin-left      : 7px;
}

.login-area .social-area .text {
	font-size  : 20px;
	font-weight: 300;
	color      : #333333;
}

.login-area .social-area .social-links {
	padding-left: 0px;
}

.login-area .social-area .social-links li {
	display: inline-block;
}

.login-area .social-area .social-links li a i {
	width             : 50px;
	height            : 50px;
	border-radius     : 50%;
	line-height       : 50px;
	display           : inline-block;
	color             : #fff;
	margin            : 0px 5px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
	box-shadow        : 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.login-area .social-area .social-links li a i.fa-facebook-f {
	background: #0069f7;
}

.login-area .social-area .social-links li a i.fa-twitter {
	background: #00c6f7;
}

.login-area .social-area .social-links li a i.fa-google-plus-g {
	background: #d1062c;
}

.comment-log-reg-tabmenu .full-container {
	padding: 0px !important;
}

.comment-log-reg-tabmenu .nav-tabs {
	border : 0px;
	margin : 0px;
	padding: 0px;
}





#quickview .splide__track--fade>.splide__list>.splide__slide.is-active {
	border-radius: 5px;
	border       : .5px solid #b8b8b8;
}


#quickview .splide__track--nav>.splide__list>.splide__slide.is-active {
	border       : .5px solid #ffa500;
	border-radius: 2px;
}

#quickview .splide__arrow {
	background-color: #ffa500;
}


#quickview .splide__arrow--prev {
	left: -10px;
}

#quickview .splide__arrow--next {
	right: -10px;
}


#quickview .splide__arrow {
	width : 18px;
	height: 18px;
}

#quickview .splide__arrow svg {
	height: 10px;
	width : 10px;
	fill  : #1d1d1d;
}

.variant-product-details {
	border       : .5px solid #7c7c7c;
	border-radius: 3px;
	font-size    : 10px;
}

.info .price {
	color      : #333333;
	font-family: "Lato", sans-serif;
	font-weight: 900;
	text-align : left;
	padding    : 0 5px;
}

.variant-product-details:hover {
	background: black;
	color     : white;
	cursor    : pointer;
}

/* Styling for the main image and thumbnail layout */
#main-slider .splide__slide img {
	width        : 300px;
	height       : auto;
	border-radius: 5px;
	object-fit   : cover;
	/* Ensures image fills square area */
	aspect-ratio : 1 / 1;
	/* Forces square aspect ratio */
}

#thumbnail-slider .splide__slide {
	width       : 80px;
	/* Thumbnail width */
	margin-right: 10px;
}

#thumbnail-slider .splide__slide img {
	cursor       : pointer;
	border-radius: 5px;
	transition   : transform 0.2s ease;
}



.quick-view-add-to-cart,
.quick-view-buy-now {
	border       : none;
	border-radius: 30px;
	padding      : 6px 21px;
	cursor       : pointer;
}

.quick-view-add-to-cart {
	background: linear-gradient(145deg, #ffa500, #ff7f00);
	/* Gradient for depth */
	color     : white;
}

.quick-view-buy-now {
	background: linear-gradient(145deg, #f9a719, #e64a19);
	/* Gradient for depth */
	color     : white;
}

.quick-view-add-to-cart:hover {
	transform : translateY(-3px);
	/* Lift effect */
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	/* Stronger shadow on hover */
}

.quick-view-buy-now:hover {
	transform : translateY(-3px);
	/* Lift effect */
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
	/* Stronger shadow on hover */
}

.quick-view-add-to-cart:focus,
.quick-view-buy-now:focus {
	outline   : none;
	/* Removes the outline */
	box-shadow: 0 0 10px rgba(255, 165, 0, 0.7);
	/* Focus state with glow */
}

.quick-view-add-to-cart:active,
.quick-view-buy-now:active {
	transform : translateY(1px);
	/* Slightly pressed effect */
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
	/* Soft shadow for active state */
}

.product-detail-name a {
	color      : #3f3f3f;
	font-size  : larger;
	font-weight: 600;
}

/* Sidebar Styles */
.sidebar {
	position        : fixed;
	top             : 0;
	left            : -250px;
	/* Initially hidden */
	width           : 250px;
	height          : 100%;
	background-color: #333;
	color           : white;
	transition      : 0.3s;
	padding-top     : 60px;
	z-index         : 1000;

}

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

.sidebar ul li {
	padding: 8px 16px;
}

.sidebar ul li a {
	color          : white;
	text-decoration: none;
	display        : block;
	padding        : 8px;
	transition     : background-color 0.3s;
}

.sidebar ul li a:hover {
	background-color: #575757;
}

.sidebar a {
	text-align: left;
	display   : block;
	color     : white;
}

.sidebar a:hover {
	background-color: #444;
}

/* When sidebar is open */
.sidebar.open {
	left: 0;
}


.splide {
	visibility: visible;
}


.category-page-heading {
	background: #333333;
	color     : white;
}

.category-heading-text {
	display    : flex;
	align-items: center;
}


.category-name {
	padding: 8px 0;
}

.category-card-categoryPage .circle-cat-images img {
	border-radius: 2px;
}


.sq-top-category-banner {
	font-weight: 600;
	margin-top : 5px;
}



.custom-banner-container {
	display              : grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	/* 8 columns by default */
	gap                  : 9px;
	/* Adjust gap between items as needed */
	width                : 100%;
	/* Ensure container takes up full available width */
	box-sizing           : border-box;
	/* To ensure padding doesn't cause overflow */
}

.custom-banner-item {
	text-align     : center;
	display        : flex;
	flex-direction : column;
	justify-content: center;
	align-items    : center;
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius  : 5px;
	border         : .5px solid #e7e7e7;
}

.custom-banner-item img {
	max-width    : 100%;
	height       : auto;
	object-fit   : cover;
	/* Ensures images cover the available space while maintaining aspect ratio */
	border-radius: 4px;
	/* Optional  : to round corners of images */
}



.custom-banner-label {
	font-size    : 14px;
	font-weight  : bold;
	margin-top   : 8px;
	margin-bottom: 8px;

}

@media (max-width: 1024px) {

	/* Tablet view (max-width 1024px) */
	.custom-banner-container {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		/* 6 columns on tablet */
	}
}

@media (max-width: 768px) {

	/* Mobile view (max-width 768px) */
	.custom-banner-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		/* 4 columns on mobile */
	}

	.custom-banner-label {
		font-size    : 9px;
		font-weight  : bold;
		margin-top   : 8px;
		margin-bottom: 8px;
	}
}

#help-button {
	cursor: pointer;
}

/* Dropdown styles */
.help-dropdown {
	position        : absolute;
	top             : 36px;
	background-color: #fff;
	border          : 1px solid #ccc;
	list-style      : none;
	padding         : 10px;
	margin          : 0;
	width           : 255px;
	z-index         : 100;
	box-shadow      : 0 4px 6px rgba(0, 0, 0, 0.1);
	border-radius   : 4px;
}

.help-dropdown li {
	margin-bottom: 5px;
}

.help-dropdown li:last-child {
	margin-bottom: 0;
}

.help-dropdown li a {
	text-decoration: none;
	color          : #333;
	font-size      : 14px;
}

.help-dropdown li a:hover {
	text-decoration: underline;
}

.top-menu .help-dropdown li {
	border: none !important;
}

.top-menu .help-dropdown li {
	padding: 0 !important;
}

.help-dropdown {
	list-style-type: none;
	padding        : 0;
	margin         : 0;
}


.help-dropdown li a {
	text-decoration: none;
	color          : #333;
	font-size      : 14px;
	transition     : color 0.3s ease;
}

.ratingstar-img {
	width          : 20px;
	height         : 20px;
	display        : flex;
	justify-content: center;
	align-items    : center;
	margin-top     : -2px;
}

.review_area {
	display     : flex;
	align-items : center;
	padding-left: 10px;
}


.info-icons {
	width: 58px !important;
}

.info-icons-h {
	font-size  : 15px !important;
	font-weight: 600 !important;
	color      : #777777 !important;
}

.info-icons-p {
	font-size: 14px;
}

.help-dropdown li a strong {
	font-weight: bold;
	color      : #000;
}

.help-dropdown li a:hover {
	color          : #007BFF;
	text-decoration: underline;
}

/* Shopping Cart Styles */
.cart-hover-detail {
	display   : none;
	position  : absolute;
	top       : 110px;
	right     : 3%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.shopping-cart {
	width           : 420px;
	font-family     : Arial, sans-serif;
	border          : 1px solid #ddd;
	padding         : 20px;
	border-radius   : 10px;
	box-shadow      : 0 4px 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.item-card {
	margin-bottom : 20px;
	display       : flex;
	gap           : 15px;
	position      : relative;
	border-bottom : 1px solid #ddd;
	padding-bottom: 15px;
}

.image-container {
	flex         : 1;
	position     : relative;
	overflow     : hidden;
	width        : 80px;
	height       : 80px;
	border-radius: 5px;
	transition   : transform 0.3s ease;
}

.product-image {
	width             : 100%;
	height            : 100%;
	object-fit        : cover;
	transition        : transform 0.4s ease;
	-webkit-transition: transform 0.4s ease;
	-moz-transition   : transform 0.4s ease;
	-ms-transition    : transform 0.4s ease;
	-o-transition     : transform 0.4s ease;
}

.details {
	flex: 3;
}

.image-container:hover .product-image {
	transform: scale(1.1);
	filter   : brightness(90%);
}

.store-label {
	font-size: 14px;
	color    : #555;
}

.item-title {
	font-size  : 16px;
	margin     : 10px 0;
	color      : #333;
	font-weight: bold;
}

.pricing {
	font-size: 14px;
	margin   : 8px 0;
}

.current-cost {
	color      : #fda800;
	font-weight: bold;
}

.old-cost {
	text-decoration: line-through;
	color          : #888;
	margin-left    : 10px;
}

.item-quantity {
	display    : flex;
	align-items: center;
	gap        : 10px;
	margin-top : 10px;
}

.quantity-btn {
	background-color: #ddd;
	border          : none;
	padding         : 5px 10px;
	cursor          : pointer;
	border-radius   : 5px;
	transition      : background-color 0.3s ease;
}

.quantity-btn:hover {
	background-color: #bbb;
}

.quantity-input {
	width        : 40px;
	text-align   : center;
	border       : 1px solid #ddd;
	border-radius: 5px;
	padding      : 3px;
}

.delete-item {
	background-color: #333333;
	color           : #fff;
	border          : none;
	padding         : 5px 10px;
	border-radius   : 5px;
	cursor          : pointer;
	transition      : background-color 0.3s ease;
}

.delete-item:hover {
	background-color: #d62839;
}

.cart-summary {
	margin-top: 20px;
	text-align: center;
}

.discount-notice {
	color     : #2a9d8f;
	font-size : 14px;
	margin-top: 5px;
}

.action-buttons {
	margin-top     : 20px;
	display        : flex;
	justify-content: space-between;
	gap            : 25px;
}

.view-cart-btn,
.checkout-btn {
	background-color: #333;
	color           : #fff;
	border          : none;
	padding         : 10px 20px;
	border-radius   : 5px;
	cursor          : pointer;
	font-weight     : bold;
	width           : 100%;
	transition      : background-color 0.3s ease;
}

.view-cart-btn:hover {
	background-color: #f9a719;
	color           : white;
}

.checkout-btn {
	background-color: #f9a719;
}

.checkout-btn:hover {
	background-color: #333333;
	color           : white;
}


.cart-icon:hover+.cart-hover-detail,
.cart-hover-detail:hover {
	display: block;
}

.city_icons_header {
	width       : 40px;
	margin-right: 5px;
}

.browse-cat-icons {
	width       : 40px;
	margin-right: 5px;
}

.rating_number {
	font-size: 12px;
}

.category_list_items_br {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
}

@media (max-width: 768px) {
	.ratingstar-img {
		width         : 16px;
		height        : 16px;
		padding-bottom: 2px;
	}

	.heading-category {
		padding: 5px 14px;
	}

	.card .original-price {
		font-size: 10px;
	}

	.card .discounted-price {
		font-size: 12px;
	}

	.eight_last_home_banner_area {
		display: none;
	}

	.seventh_last_home_banner_area> :nth-last-child(2),
	.seventh_last_home_banner_area> :nth-last-child(1) {
		display: none;
	}

	.card .discount {
		font-size: 9px !important;
	}

	.card .icon img {
		width: 12px;
	}

	.card .icon {
		padding: 0px 6px;
	}

	.card .add-to-cart,
	.card .buy-now {
		font-size: 9px;
	}

	.card .add-to-cart,
	.card .buy-now {
		width: 60px;
	}

	.buttons-container {
		margin: 0 !important;
	}

	.card .description {
		height: 3em;
	}

	.card .description {
		font-size: .5em;
		padding  : 0;
	}

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

	.footer-links-ls {
		gap: 30px !important;
	}

	.footer-main-last .links ul li {
		margin-bottom: 0px;
	}

	.footer-main-last .links ul li a {
		font-size: 11px;
	}

	.search-icon {
		top: 40%;
	}

	i.menu-icon {
		width : 27px;
		height: 27px;
	}

	.city-dropdown {
		top: 30px;
	}

	.categories-dropdown {
		top: 30px;
	}

	.main-header {
		padding: 11px 0;
	}

	/* .content-wrapper {
		margin-top:98px
	} */

	.preloader-gif {
		width: 125px; /* Adjust size as needed */
		height: auto;
	  }

	.category-name {
		padding  : 5px 0;
		font-size: 11px;

	}

	.logo img {
		width      : 90%;
		margin-left: 5px;
	}

	.browse-categories .arrow img {
		width: 10px;
	}

	.search-input {
		padding-left: 31px !important;
		/* Add padding to avoid overlapping with the icon */
	}

	.empty-stars:before,
	.full-stars:before {
		font-size: 12px;
	}

	.card .price {
		font-size: 13px;
	}

	.rating-star {
		width        : 13px;
		height       : 13px;
		margin-bottom: 1px;
	}

	.rating-ratio {
		font-size: 10px;
	}

	.item .info {
		padding-top: 5px !important;
	}

	.item .info .price {
		font-size  : 12px !important;
		line-height: 16px !important;
		padding    : 0px !important;
	}

	.review_area {
		padding-left: 6px;
	}

}


.product-card-widged .row>*,
.categori-item-area .row>* {
	padding-right: calc(var(--bs-gutter-x)* .1) !important;
	padding-left : calc(var(--bs-gutter-x)* .1) !important;
}

#category-top-hero-section-slider .splide__list {
	display: block;
}


@media (max-width: 768px) {

	.menu-icon img {
		width: 15px;
	}


	.search-input {
		width: 100% !important;
	}

	.top-menu {
		display: none;
	}

	/* Adjust font sizes for small devices */
	.top-menu li a {
		font-size: 12px;
		/* Smaller font size */
	}

	.browse-categories button {
		font-size: 12px;
		/* Smaller font size */
	}

	.cart-icon {
		font-size: 20px;
		/* Smaller icon size */
	}

	.city-button {
		font-size: 12px;
		/* Smaller font size */
	}

	.categories-dropdown ul li {
		font-size: 10px;
		/* Smaller font size for dropdown items */
	}

	.categories-dropdown {
		width: 40vw;
	}

	.info-icons {
		width : auto;
		height: 30px;
	}

	.info-icons-p {
		font-size: 10px;
	}

	.info-icons-h {
		font-size: 12px;
	}

	.city-option {
		font-size: 10px;
		padding  : 5px 10px;
	}

	.heading-category {
		padding: 5px 14px;
	}

}

.icons img {
	width: 15px !important;
}


.product-item .card:hover {
	border    : .5px solid #777777;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.product-item .card:hover .product-image {
	transform        : scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform   : scale(1.1);
	-ms-transform    : scale(1.1);
	-o-transform     : scale(1.1);
}

.back-to-top span {
	font-weight: 500;
}

.full-stars {
	padding-right: 80px;
}

@media (max-width: 768px) {
	.rating_number {
		font-size: 7px;
	}

	.info-icons-sections {
		display   : none;
		visibility: hidden;
	}

	.categori-item-area .row>* {
		padding-right: calc(var(--bs-gutter-x)* .1);
		padding-left : calc(var(--bs-gutter-x)* .1);
	}

}

.ticker {
	font-size: 14px;
}

@media (max-width: 760px) {
	.ticker {
		font-size: 10px;
	}
	.custom-banner-label {
		font-size    : 8px;
		font-weight  : bold;
		margin-top   : 8px;
		margin-bottom: 8px;
		white-space  : nowrap;
		overflow     : hidden;
		text-overflow: ellipsis;
	}


}

.owl-item .product-item {
	flex     : 0 0 16.6%;
	max-width: 100% !important;
}

.seo-section h1 {
	font-size: 30px;
	font-weight:600;
  }
  
  .seo-section h2 {
	  font-size: 28px;
	  font-weight:600;
  }
  
  .seo-section h3 {
	  font-size: 24px;
	  font-weight:600;
  }
  
  .seo-section h4 {
	  font-size: 22px;
	  font-weight:600;
  }
  
  .seo-section h5 {
	  font-size: 20px;
	  font-weight:600;
  }
  
  .seo-section h6 {
	  font-size: 18px;
	  font-weight:600;
  }

  .seo-section ul {
	padding-left: 2rem;
  }
  .seo-section ul li {
	list-style: disc;
  }

  .seo-section table {
	border: 1px solid #333333 ;
  }

  .seo-section table thead tr th {
	background-color: #333333;
	color: white;
  }

  .seo-section table p {
	margin-bottom: 0;
  }

  .whatsapp-float {
	position: fixed;
	bottom: 40px;
	right: 20px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
  }
  
  .whatsapp-float:hover {
	background-color: #128C7E;
	color: #FFF;
	transform: translateY(-3px);
  }
  

  @media only screen and (min-width: 360px) {
	/* Comment Area Css Start */
	#product-details-tab #comment-area .all-comment li .single-comment {
		display: flow-root;
	  }
	
	  #product-details-tab #comment-area .all-comment li .single-comment .left-area {
		text-align   : left;
		padding-right: 0px;
		margin-right : 0px;
		margin-bottom: 10px;
	  }
	
	  #product-details-tab #comment-area .all-comment li .single-comment .left-area::before {
		display: none;
	  }
	
	  #product-details-tab #comment-area .all-comment li .replay-area {
		position     : relative;
		padding-left : 00px;
		margin-bottom: 20px;
	  }
	
	  #product-details-tab #comment-area .all-comment li .replay-review {
		margin-left: 30px;
	  }
	
	  /* Comment Area Css End */
  }

  @media (max-width: 760px) {
	.product-details-page {
		padding: 4px 0 !important;
	}
}