body{
				background: #fff;
			}
			.copyright_text{
				float: left;
				display: inline;
				width: 50%;
				text-align: left;
			}
			.develop_text{
				float: right;
				display: inline;
				width: 50%;
				text-align: right;
			}
			.hero-area-slider .owl-carousel .owl-stage,
			.hero-area-slider .owl-carousel .owl-item{
				height: 300px !important;
			}
			.top-header {
				padding: 6px 0px 6px !important;
			}
			.topsec-header {
				padding: 6px 0px 6px !important;
				background:#f6af14;
			}
			.single-category img{
				width: 100%;
				display: block;
				margin: 0 auto;
				border: 4px solid #2a7d2e;
				border-radius: 50%;
			}
			.single-category h5.title{
				text-align: center;
				margin-top: 10px;
			}
			@media  only screen and (max-width: 1366px)
			{
				.slider-buttom-category .single-category {
					height: 160px !important;
				}
			}
			.slider-buttom-category .single-category{
				border: none !important;
			}
			.slider-buttom-category {
				margin: 10px !important;
				background-color: #fff;
				box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
				padding: 0px !important;
			}
			.slider-buttom-category .single-category::before{
				bottom: -5px !important;
				height: 3px !important;
			}
			.slider-buttom-category .single-category .left .title{
				font-size: 13px !important;
			}

			.hero-area .hero-area-slider .intro-carousel .intro-content {
				height: 350px !important;
			}
			.categories_title{
				padding: 0px !important;
			}
			.mainmenu-area {
				height: 45px;
			}
			.cat_slider{
				width: 10% !important;
				max-width: 10% !important;
				flex: 10% !important;
			}
			@media(max-width: 425px){
				.copyright_text, .develop_text{
					float: none !important;
					display: block !important;
					width: 100% !important;
					text-align: center !important;
					font-size: 14px !important;
				}
				.hero-area .hero-area-slider .intro-carousel .intro-content{
					height: 200px !important;
				}
				.hero-area-slider .owl-carousel .owl-stage, .hero-area-slider .owl-carousel .owl-item {
					height: 205px !important;
				}
			}
			.hero-area .hero-area-slider .owl-controls .owl-dots .owl-dot{
				width: 9px !important;
				height: 8px !important;
				border-radius: 50% !important;
				transform: none !important; 
			}
			.hero-area .hero-area-slider .owl-controls .owl-dots .owl-dot.active {
				background: transparent;
				width: 11px;
				height: 10px;
				border: 1px solid #fff;
			}
			.category_slider .owl-dots{
				position: relative;
				display: flex;
				justify-content: center;
			}
			.category_slider .owl-dot span{
				width: 11px;
				height: 10px;
				border-radius: 50% !important;
				background: #f4b520f2;
				border: 1px solid #fff;
				display: block;
				margin: 2px;
			}
			.category_slider .owl-dot.active span{
				background: #000000f2;
			}
			.single-category img{
			width: 80% !important;
			}
			.owl-nav .fa{
				line-height: 1.5 !important;
			}
			.slider-content{
				margin-top: -40px;
			}
			.product-details-page .right-area .product-info .product-size .siz-list li{
				margin-top: 10px;
			}
			nav .menu li:last-child a {
				color: #000 !important;
			}
			.item .info .name {
				font-size: 13px !important;
				line-height: 17px !important;
			}
			nav .menu li a.track-btn{
				color: #2a7d2e !important;
			}
			nav .menu li a.track-btn:hover{
				color: #000;
			}
			.banner-animation-left-1,
			.banner-animation-left-2{
				/* animation: animationleft 2s linear infinite; */
				position: relative;
			}
			@keyframes  animationleft {
			0%   {top: 0px;}
			50%   {top: 20px;}
			100% {top: 0px;}
			}
			.top-social-links-facebook{
				padding: 3px 9px !important;
			}
			@media(max-width: 425px){
				.top-social-links-facebook{
					padding: 2px 8px !important;
				}
			}
			.page-center ul.pagination li a{
				background-color: #2a7d2e1a !important;
				width: 35px;
				height: 35px;
				border-radius: 50%;
				text-align: center;
				font-size: 14px;
				line-height: 35px;
				margin: 0 5px;
				transition: all .3s;
				color: #000;
				cursor: pointer;
				padding: 7px 14px;
			}
			.page-center ul.pagination li{
				background: transparent;
			}
			.offer_text{
				font-size: 25px;
				font-weight: bold;
				background: #2a7d2e;
				color: #fff;
				padding: 5px 20px;
				margin: 20px 0px;
				border-radius: 100px;
			}
			.topselling{
				background: #2a7d2e;
				border: 1px solid #2a7d2e;
				font-size: 14px;
				font-weight: 600;
				background: #f50;
				color: #fff;
				border: 1px solid #f50;
				padding: 3px 0;
				width: 140px;
				display: block;
				border-radius: 50px;
				margin-top: 0;
				z-index: 9;
				margin: 5px auto;
				opacity: 0;
				-webkit-transition: all linear .3s;
				-moz-transition: all linear .3s;
				-o-transition: all linear .3s;
				transition: all linear .3s;
			}
			.foottext p{
				margin-bottom: 4px;
			}
			.subscribe_field::-webkit-input-placeholder {
			color: #fff;
			}
			.subscribe_field:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: #fff;
			}

			.subscribe_field::placeholder {
			color: #fff;
			}
			.subsubscribe{
				background-color: #f6af14;
				border: 1px solid #2a7d2e;
				color:black;
			}
			.subsubscribe:hover{
				background-color: #2a7d2e;
				border: 1px solid #f6af14;
				color: white;
			}
			.topsec-header.topsec-fixed{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 99;
			}
		
			.sidebar {
				height: 100%;
				width: 0;
				position: fixed;
				z-index: 101;
				top: 0;
				left: 0;
				background-color: #fff;
				overflow-x: hidden;
				transition: 0.5s;
				padding-top: 60px;
			}

			.sidebar a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 18px;
			color: #2a7d2e;
			display: block;
			transition: 0.3s;
			}

			.sidebar a:hover {
			color: #000;
			}

			.sidebar .closebtn {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 36px;
			margin-left: 50px;
			}

			.openbtn {
			font-size: 20px;
			cursor: pointer;
			background-color: #111;
			color: white;
			padding: 10px 15px;
			border: none;
			}

			.openbtn:hover {
			background-color: #444;
			}

			#main {
			transition: margin-left .5s;
			padding: 16px;
			}
			.menubars{
			display: none !important;
			padding-top: 10%;
			font-size: 16px;
			color: white;
			}
			/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
			@media screen and (max-height: 450px) {
			.sidebar {padding-top: 15px;}
			.sidebar a {font-size: 18px;}
			}
			@media screen and (max-width: 992px) {
				.menubars{display: block !important;}
			}
			.loaderShow{display: block !important;}
			@media (max-width: 767px) {
				.hero-area{	display:none;}
			}
			.whatsapptop  {
				width: 50px;
				height: 50px;
				line-height: 50px;
				position: fixed;
				font-size: 20px;
				text-align: center;
				border-radius: 50%;
				color: #fff;
				background: #2a7d2e;
				cursor: pointer;
				bottom: 120px;
				right: 15px;
				opacity: 1;
				transition: opacity 0.3s ease; 
			}
			
			.whatsapptop:hover {
				background: #f6af14;;
			}
			@media only screen and (max-width:450px) {
				.whatsapptop {
					width: 40px;
					height: 40px;
					line-height: 40px
				}
			}
			@media (max-width: 575px) {
				.whatsapptop{
					bottom:140px;
					/*opacity: 0;*/
				}
			}
			.contact{
				display:none;
			}
			@media (max-width: 767px) {
				.contact{
					position: absolute;
					top: -220%;
					z-index: 9;
					left: 41%;
					display:block;
					font-weight:605;
					font-size:12px;
					color: #000;
					white-space: nowrap;
				}
				.contact:hover{
					color:#f6af14;
				}
				.top-social-links, .top-social-links-facebook{
					width:24px;
					text-align:center;
				}
				.top-social-links a i, .top-social-links-facebook a i{
					margin-left:-2px
				}
				<?php //if($_SESSION['user_id'] ==''){ ?>
					/*.nav-fixed{
						margin-top: 68px;}*/
				<?php //} ?>
			}
			.blink_me_agro {
				animation: blinker 1s linear infinite;
			}

			@keyframes blinker {  
				80% { opacity: 0; }
			}
			.product-label{
				display: block;
				text-align: center;
				margin-bottom:15px;
				font-size: 13px !important;
  				line-height: 17px !important;
				color:#fff;
				font-weight:600;
				padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
 				border-radius: 5px;
			}
			.product-label.label-hot{background-color:#ff4f4f}
			.countdown-amount{padding-bottom:2px;line-height:1;margin-bottom:0;}
			.product-label i{
				margin-right:5px;
				width: 17px;
  				height: 17px;
			}
			.hero_slider_img {
				min-height: 300px; /* Ensure the element has some height for the observer to work */
				background-color: #f0f0f0; /* Placeholder background */
				transition: background-image 0.5s ease-in-out; /* Smooth transition for background image */
			}

			.hero_slider_img.loaded {
				background-color: transparent; /* Remove placeholder background */
			}



			.login-field{
				padding: 20px 80px;
			}
			
			.login-field .form-field input{
				width: 100%;
		  		height: 50px;
				padding: 0 30px 0 45px;
				border: 1px solid rgb(120, 202, 124);
				font-size: 14px;
				border-radius: 4px;
			}
			.login-field .form-field {
				position: relative;
			}
			.login-field .form-field i{
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				left: 5%;
				color: #256f29;
			}
			.login-field p {
				font-size:12px;
				font-weight:500;
			}
			.border-b {
				border-bottom-width: 1px;
		  		border-color: rgb(88 93 91/1);
				border-style: dashed;
				border-top: 0;
				border-left: 0;
				border-right: 0;
			}
			.login-field .submit-btn{
				width:35%;
				height: 40px;
				text-align: center;
				background: #256f29;
				border: 0;
				color: #fff;
				font-weight: 700;
				text-transform: uppercase;
				margin-top:5px
			}
			.login-field .otp-fields{
				display: flex;
				gap:5px;
				margin-bottom:20px
			}
			.login-field .otp-fields input{
				width: 25%;
				height: 50px;
				border: 1px solid rgb(120, 202, 124);
				font-size: 14px;
				border-radius: 4px;
				padding: 10px;
				text-align: center;
			}
			.login-field .resend-fields{
				display: flex;
				justify-content: space-between;
		  		font-size: 14px;
			}
			.resend-fields .resend_otp{
				border-radius:10px;
				text-align: center;
				height:30px;
				text-transform: uppercase;
				cursor: pointer;
				padding: 9px;
				background: #256f29;
				color: #fff;
			}
			@media (max-width: 767px) {
				.login-field .otp-fields input{
					width: 30%;
					padding: 8px;
				}
				.login-field{
					padding: 20px 20px;
				}
				/*.login-field .form-field i
				{
					left:  36px;
				}*/
				<?php if(isset($_SESSION['user_id'])){ ?>
					.nav-fixed{
						margin-top: 91px;
					}
				<?php } ?>


			}
			#country_code{
				background-color: #fff;
			}
		    .login-field .form-field .select2-container{
		        position: absolute;
		        top: 20%; 
		        left: 2%; 
		        border: 0px; 
		        padding: 0px; 
		        font-size: 14px;
		    }
		    @keyframes textShine {
			  0% {
			    background-position: 0% 50%;
			  }
			  100% {
			    background-position: 100% 50%;
			  }
			}

			.ofz_an{
			  background: linear-gradient(
			    45deg,
			    #f6af14 20%,
			    #47b34c 30%,
			    #2a7d2e 70%,
			    #f95607 80%
			  );
			  -webkit-background-clip: text;
			  background-clip: text;
			  -webkit-text-fill-color: transparent;
			  text-fill-color: transparent;
			  background-size: 500% auto;
			  animation: textShine 5s ease-in-out infinite alternate;
			}
			.sign-in{
				border: 1px solid #f6af14; padding: 3px 9px !important;
			}
			.topsociallinks{
				border: 1px solid #f6af14;
			}
			li.my-dropdown{
				margin-top: 20px;
			}
			#cart-count{
				border: 1px solid #f6af14;
			}
			.index_class{
				font-weight: 600 !important; padding: 0px 10px 0px 0px !important;
			}
			.fw600{
				font-weight: 600 !important; 
			}
			.menupadding{
				padding: 0px 10px !important;
			}
			.color_black{
				color:#000;
			}
			.pal-10{
				padding-left: 10px !important;
			}
			.par-5{
				padding-right: 5px !important;
			}
			.mar10{
				margin: 10px !important;
			}
			.lef5{
				left: 5px;
			}
			.offr_img_style{
				height: 250px;
				width: 100%;
				object-fit: contain;
			}
			.instock{
				color: green;font-weight: 600;font-size: 14px;margin-bottom: 7px;
			}
			.outofstock{
				color: red;font-weight: 600;font-size: 14px;margin-bottom: 7px;
			}
			.dy_sec_one{
				height: 200px !important;width: 100% !important;object-fit: contain;
			}
			.free_ship{
				font-size:12px;color:#2a7d2e;
			}
			.dy_sec_two{
				height: 200px !important;width: 100% !important;object-fit: contain;
			}
			.padlef28pers{
				padding-left: 28% !important;
			}
			.login-field .form-field .select2-container{
				width: 25% !important; position: absolute !important;
			}
			.login_number-error{
				color: rgb(255, 0, 0) !important; font-size: 12px !important; display: flex !important;
			}
			.bord_rad_10{
				border-radius:10px !important;
			}
			.opttimerstyle{
				float:left !important; color: red !important;
			}
			.resendstyle{
				float:right !important;
			}
			.ix_cat_img_sty{
				height: 215px !important; 
				width: 100% !important;
				object-fit: contain;
			}
			.blurred-img {
				background-image: url(upload_images/lazyload/80perc.jpg);
			  	background-repeat: no-repeat;
			  	/*background-size: cover;*/
			  	background-size: contain;
			  	/*height: 200px;*/
			}

			.blurred-img::before {
			  content: "";
			  position: absolute;
			  inset: 0;
			  opacity: 0;
			  animation: pulse 2.5s infinite;
			  background-color: black;
			}

			@keyframes pulse {
			  0% {
			    opacity: 0;
			  }
			  50% {
			    opacity: 0.1;
			  }
			  100% {
			    opacity: 0;
			  }
			}

			.blurred-img.loaded::before {
			  animation: none;
			  content: none;
			}

			.blurred-img img.firstig {
			  opacity: 0;
			  transition: opacity 250ms ease-in-out;
			}

			.blurred-img.loaded img.firstig {
			  opacity: 1;
			}
			.blurred-img.loaded {
			  background-image: none;
			}
		
		  .subscribe_field{
		    width: 48% !important;
		  }
		  .wrpcont{
		    width: 76% !important;
		  }
		  @media only screen and (max-width: 600px) {
		    .subscribe_field{
		      width: 60% !important;
		    }
		    .wrpcont{
		      width: 85% !important;
		    }
		  }
		  .box {
		    background:
		      radial-gradient(
		        transparent 21%, rgba(233,233,246, .8) 21%,
		        rgba(233,233,246, .8) 22%,transparent 28%),
		      radial-gradient(
		        transparent 36%,rgba(233,233,246, .8) 40%,
		        rgba(233,233,246, .8) 42%,transparent 50%),
		      radial-gradient(
		        transparent 60%,rgba(233,233,246, .8) 65%,
		        rgba(233,233,246, .8) 66%,transparent 70%);
		    background-size:0 0,0 0,0 0;
		    background-position:center;
		    background-repeat:no-repeat;
		    animation:change 5s linear infinite;
		  }
		  @keyframes change{
		    0% {
		      background-size:0 0,0 0,0 0;
		    }
		    25% {
		      background-size:0 0,0 0,30% 30%;
		    }
		    50% {
		      background-size:10% 10%,40% 40%,60% 60%;
		    }
		    75% {
		      background-size:100% 100%,100% 100%,100% 100%;
		    }
		    100% {
		      background-size:100% 100%,100% 100%,100% 100%;
		    }
		  }
		  .bounce {
		    animation: bounce 2s ease infinite;
		  }
		  @keyframes bounce {
		      70% { transform:translateY(0%); }
		      80% { transform:translateY(-15%); }
		      90% { transform:translateY(0%); }
		      95% { transform:translateY(-7%); }
		      97% { transform:translateY(0%); }
		      99% { transform:translateY(-3%); }
		      100% { transform:translateY(0); }
		  }
		  .topfooter{
		  	background-color: #439b47 !important;padding-top: 15px;
		  }
		  .footertopcont{
		  	padding-bottom: 10px; padding-top: 10px;
		  }
		  .forhelpconttext{
		  	font-size: 15px; color: #fff !important; font-weight: bold;margin-bottom: 15px; text-align: center; overflow-wrap: break-word;
		  }
		  .forhelpcontpara{
		  	margin-bottom: 1px;line-height: 1.2; font-size: 13px; color: white; text-align: center;
		  }
		  .iconyellow{
		  	color: #f6af14;
		  }
		  .ffotseccenter{
		  	font-size: 14px; color: white; font-weight: bold; text-align: center;
		  }
		  .subscribe_field{
		  	background:none; color:white;  border: 1px solid white; margin: 0px auto; margin-right: 10px; font-size: 12.5px; 
		  }
		  .foot_text_cent{
		  	text-align: center;
		  }
		  .clrwhite{
		  	color:white;
		  }
		  .mb2px{
		  	margin-bottom: 2px !important;
		  }
		  .mb4px{
		  	margin-bottom: 4px !important;
		  }
		  .footlogosetup{
		  	height: 50px; width: 100%; object-fit: contain;
		  }
		  .sidenav-overlay{
		  	position: fixed;
			z-index: 100;
			top: 0;
			right: 0;
			left: 0;
			display: none;
			height: 120vh;
			opacity: 0;
			background-color: rgba(0,0,0,.5);
		  }
		  .height30px{
		  	height: 30px;
		  }
		  .marg_lef44px{
		  	margin-left:44px;
		  }
		  .clrgreen{
		  	color: #043e13;
		  }
		  .wrdbrk{
		  	overflow-wrap: break-word;
		  }
		  .footblogimg{
		  	width: 73px !important; height: 59px !important;object-fit: contain;
		  }
		  .categor_wrap{
		  	display: flex;
		  	flex-wrap: wrap;
		  	column-gap:8px;
		  	row-gap:8px;
		  }
		  .category_div{
		  	width: calc(20% - 8px * 4 / 5);
		  	position: relative;
		  	height: 215px;
		  }
		  .catouterdiv{
		  	position: absolute;
			bottom: 0;
			background: rgba(0, 0, 0, 0.2); /* Black see-through */
			color: #f1f1f1;
			width: 100%;
			transition: .5s ease;
			opacity:1;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		  }
		  .catouterdiv:hover{
		  	opacity: 0;
		  }
		  .category_div h5{
		  	font-weight: bold;
			color: white;
			font-size: 23px;
			padding: 20px;
			margin-bottom: 0px;
		  }
		  .hei100pec{
		  	height: 100%;
		  }
		  	@media only screen and (max-width: 989px){
				/*.slider{
				  position: relative;
				  flex-wrap: inherit;
				  overflow-x: auto;
				  scroll-snap-type: x mandatory;
				  scroll-behavior: smooth;
				  scroll-padding-left: 1.5rem;
				  -webkit-overflow-scrolling: touch;
				  margin-bottom: 1rem;
				  width: 100%;
  					scrollbar-color: #f6af14 #658c67;
  					scrollbar-width: thin;
				}*/
			  	.category_div{
			  		box-sizing: content-box;
				  	min-width: 32%;
					height: auto;
			  	}
		   	}
		  @media only screen and (max-width: 749px){
		  	
			  	.category_div{
			  		box-sizing: content-box;
				  	min-width: 47%;
				  	height: auto;
			  	}
			  	.ix_cat_img_sty{
			  		height: auto !important;
			  	}
			  	.category_div h5{
			  		font-size: 16px;
			  		padding: 10px;
			  	}
		  }
		  figure img.firstig {
			opacity: 1;
			position: relative;
		  }
		  figure img.secondaryig {
			  opacity: 0;
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: 0;
			  left: 0;
			}
			figure:hover img.secondaryig {
			  opacity: 1 !important;
			  transition: opacity 0.3s ease-in-out;
			}
			figure:hover img.firstig {
			  opacity: 0 !important;
			}
			._ec{
				bottom: 2.2rem !important;
			}
			._v5b.astro-pxy7erse{
				font-size: 16px !important;
			}
			._p5b.astro-pxy7erse, .astro-pxy7erse p{
				font-size: 10px;
			}
			.astro-pxy7erse p+p{
				font-size: 9px;
			}