/* Header start */
.bottom-nav-head {
	background-color: #e9d4a7;
}
.header-3 .top-nav .middle-box .searchbar-box-2 .search-button {
	background-color: #c59b51 !important;
	color: white !important;
}
/* Header End */

/* Category section Start*/
.category-container {
	border-radius: 8px;
}
.main-category-box {
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	color: #fff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 250px;
}

.category-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 88px;
	height: 88px;
}
.category-blob {
	position: absolute;
	width: 200px !important;
	opacity: 0.5;
}

.blob-1 {
	bottom: -10px !important;
	left: 0;
}
.blob-2 {
	bottom: 0 !important;
	right: 0 !important;
}
.blob-3 {
	top: 0 !important;
	left: 0 !important;
}
.category-blob {
	transition: transform 0.6s ease, opacity 0.6s ease;
	transform-origin: center;
}

.main-category-box:hover .category-blob {
	transform: scale(50);
	opacity: 0.8;
}

.category-name {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 1.95rem;
	font-weight: bold;
}

.category1 {
	background-color: #c59b51;
}
.category2 {
	background-color: #6b993b;
}
.category3 {
	background-color: #808000;
}
.category-name,
.category-icon {
	transition: all 0.6s ease;
}

.main-category-box:hover .category-name {
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	text-align: center;
}

.main-category-box:hover .category-icon {
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}
/* Category section End*/

/* CTA Section Start */
.cta-section {
	padding: 50px 0px !important;
	background-color: #9caf88;
	position: relative;
	border-radius: 13px;
}

.cta-image {
	max-width: 100%;
	border-radius: 8px;
}
.cta-text {
	text-align: justify;
}
.cta-text h2 {
	font-size: 2.5rem;
	font-weight: bolder;
	color: #333;
	margin-bottom: 9px;
}

.cta-text p {
	font-size: 1.1rem;
	color: #777;
}

.cta-button {
	display: inline-block;
	padding: 12px 30px;
	font-size: 1.1rem;
	background-color: #e0e0e0;
	color: #112d16;
	text-decoration: none;
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.cta-button:hover {
	background-color: #c2c2c2;
	color: #112d16;
}

@media (max-width: 768px) {
	.cta-image {
		width: 100%;
	}

	.cta-text h2 {
		font-size: 2rem;
	}
}
/* CTA Section End */

/* Product card section start */
.product-card {
	width: 250px;
	height: 250px;
	border: 2px solid #ddd;
	border-radius: 8px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	/*  */
	background: #e0e0e05c;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
	backdrop-filter: blur(3.4px);
	-webkit-backdrop-filter: blur(6.4px);
	border: 1px solid rgb(255 255 255 / 60%);
}

.product-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.product-card img {
	max-width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 8px;
}

.product-card-body {
	padding: 15px;
	text-align: center;
}

.product-card-body h5 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
}

.product-card-body p {
	font-size: 1rem;
	color: #555;
}
.product-cards {
	position: relative;
	top: -100px;
}
@media screen {
}
@media (max-width: 768px) {
	.product-card {
		margin-bottom: 5rem;
	}
	.product-card,
	.product-card img {
		width: 300px;
		height: 300px;
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	.product-card {
		margin-bottom: 5rem;
	}
	.product-card,
	.product-card img {
		width: 133px;
		height: 133px;
	}
}

.collection-products-section .product-card-1,
.collection-products-section .product-card-2,
.collection-products-section .product-card-3 {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.collection-products-section.visible .product-card-2 {
	opacity: 1;
	transform: translateY(0);
	animation: bounceInY 0.8s ease-out;
	transition-delay: 0.1s;
}

.collection-products-section.show-rest .product-card-1,
.collection-products-section.show-rest .product-card-3 {
	opacity: 1;
	transform: translateY(0);
	animation: bounceInY 0.8s ease-out;
	transition-delay: 0.1s;
}

@keyframes bounceInY {
	0% {
		transform: translateY(-50px);
	}
	50% {
		transform: translateY(15px);
	}
	70% {
		transform: translateY(-7px);
	}
	100% {
		transform: translateY(0);
	}
}
/* Product card section end */

/* Test */
.searchbar-box-2 {
	border-radius: 100px !important;
}
@media (max-width: 991px) {
	.cta-dot-shape {
		display: none;
	}
}
@media (min-width: 991px) {
	.cta-dot-shape {
		position: absolute;
		left: 1px;
		opacity: 0.6;
		top: 0;
		height: -webkit-fill-available;
		overflow: hidden;
	}
}
.tas-sha {
	height: 300px !important;
}
.p-custom {
	background-color: rgba(250, 255, 243, 0.803);
}

.product-list-section-custom .product-card {
	width: unset;
	height: unset;
}
.product-list-section-custom .product-card img {
	width: 200px;
	height: 200px;
}
.product-card.product-card-1.text-center.p-custom {
	padding: 10px;
}
.border-rad-8 {
	border-radius: 8px;
}
.h-280 {
	height: 280px !important;
	object-fit: cover;
}
/* Test */

/* Page Loader start */
.page-loader {
	position: fixed;
	inset: 0;
	background: #420002;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.page-loader.hidden {
	opacity: 0;
	visibility: hidden;
}
.loader {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	margin: 15px auto;
	position: relative;
	color: #fff;
	left: -100px;
	box-sizing: border-box;
	animation: shadowRolling 2s linear infinite;
}

@keyframes shadowRolling {
	0% {
		box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
			0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	12% {
		box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0),
			0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	25% {
		box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0),
			0px 0 rgba(255, 255, 255, 0);
	}
	36% {
		box-shadow: 120px 0 white, 110px 0 white, 100px 0 white,
			0px 0 rgba(255, 255, 255, 0);
	}
	50% {
		box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;
	}
	62% {
		box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white,
			110px 0 white;
	}
	75% {
		box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
			130px 0 white, 120px 0 white;
	}
	87% {
		box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
			200px 0 rgba(255, 255, 255, 0), 130px 0 white;
	}
	100% {
		box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
			200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
	}
}
/* Page Loader end */

/* Product carousel start */
.product-container-1 .container-fluid-lg,
.product-container-2 .container-fluid-lg {
	background-color: #e9d4a7;
}
.product-container-3 .container-fluid-lg {
	background-color: #e7dbba;
}
.product-box-4 {
	border: 1px solid #ececec;
	border-radius: 8px;
	padding: 15px;
	position: relative;
	text-align: center;
	background: #ffffff;
}
/* Product carousel end */

/* Category Animation Start */
.category1,
.category2,
.category3 {
	opacity: 0;
	transform: translateY(-40px);
	transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.category1.visible,
.category3.visible {
	opacity: 1;
	transform: translateY(0);
	animation: bounceIn 1s ease-out;
}

.category2.visible {
	opacity: 1;
	transform: translateY(0);
	animation: bounceIn 1s ease-out;
}

@keyframes bounceIn {
	0% {
		transform: translateY(-90px);
	}
	50% {
		transform: translateY(15px);
	}
	70% {
		transform: translateY(-8px);
	}
	100% {
		transform: translateY(0);
	}
}
/* Category Animation end */

/* Cta Animation Start */
.cta-animate .cta-head,
.cta-animate .cta-h2,
.cta-animate .cta-p,
.cta-animate .cta-button,
.cta-animate .cta-image {
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.8s ease-out;
}

.cta-animate.visible .cta-head {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.1s;
}

.cta-animate.visible .cta-h2 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.3s;
}

.cta-animate.visible .cta-p {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.5s;
}

.cta-animate.visible .cta-button {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.7s;
}
@media (min-width: 768px) {
	.cta-animate.visible .cta-button {
		float: inline-end;
	}
}
@media (max-width: 768px) {
	.cta-section {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	section.collection-products-section.container.mb-5.visible.show-rest {
		background: #9caf88;
		border-radius: 8px;
		margin-top: -1px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}
.cta-animate.visible .cta-image {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.9s;
}
/* Cta Animation end */

/* Product Section Discout start */
.product-section-discount {
	background: #fff;
	padding-bottom: 10px;
}
.offer-product {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}
/* Product Section Discout end */

/* Brand section start */
.brand-inside-container {
	background-color: #4f7942;
}
.brand-inside-container h2,
.brand-inside-container span {
	color: white !important;
}
.category-panel .category-panel-slider .cate-box {
	background-color: unset;
}
.category-panel .category-panel-slider .cate-box img {
	border-radius: 100px;
	transform: scale(1.3);
}
/* Brand section end */

/*  */
/* .product-section-1 .circle-box,
.product-section-2 .circle-box {
	position: relative;
}
.product-section-1 .circle-box .shape-circle,
.product-section-2 .circle-box .shape-circle {
	position: absolute;
	top: 0;
	left: 0;
}
.product-section-1 .circle-box .shape-circle img,
.product-section-2 .circle-box .shape-circle img {
	width: 100%;
	height: auto;
	margin: 0;
	-webkit-animation: rounded 15s linear infinite;
	animation: rounded 15s linear infinite;
}
.product-section-1 .circle-box .shape-text,
.product-section-1 .circle-box .shape-text {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	color: #fff;
}
.product-section-1 .circle-box .shape-text h6,
.product-section-2 .circle-box .shape-text h6 {
	display: block;
	margin: 0;
	font-weight: 500;
}
.product-section-1 .product-title,
.product-section-2 .product-title {
	padding: 16px;
	text-align: center;
	background-color: var(--theme-color);
	color: #fff;
	border-radius: 8px 8px 0 0;
	border: 2px solid rgba(0, 0, 0, 0);
	background-size: contain;
	background-clip: border-box;
	background-position: 0 0;
	-webkit-animation: shape 15s linear infinite;
	animation: shape 15s linear infinite;
}
.product-section-1 .product-title.product-warning,
.product-section-2 .product-title.product-warning {
	background-color: rgba(0, 0, 0, 0);
	color: #222;
	margin: 0;
	border: none;
} */
/*  */
/* Header start */
[dir="rtl"] header .navbar.navbar-expand-xl .navbar-nav .nav-no-arrow .nav-link::before{
	display: none !important;
}
/* Header end */
/* product page style start */
.vendor-box .vendor-contain .vendor-image{
	width: unset !important;
	    margin-left: auto;
    margin-right: auto;
}
.vendor-box .vendor-contain .vendor-image img{
	max-height: 276px;
}
/* product page style end */
