.categorySection img{
		height:200px!important;width:200px!important;object-fit:contain;border-radius:1rem;transition:0.2s
	}
	
	.signle-banner, #header-banner{
	padding:0;
		border-radius:1rem
	}
	.hero-div{
		box-shadow:0px 4px 10px 6px rgb(0,0,0,0.1);
		background: linear-gradient(rgb(255,255,255,0.9), rgb(255,255,255,0.9)),url('assets/images/bg.jpg');
		background-size:cover;
		border-radius:100%;
		height:400px;
		width:400px;
		padding:20px;
		margin-top:50px
	}
	.hero-content{
		border-style:dashed;
		border-color:rgb(0,0,0,0.5);
		border-radius:100%;
		height:100%;
		width:100%;
		padding:30px;
		display: flex;
  		justify-content: center;
  		align-items: center;
	}
	.hero-title{
		font-size:5rem!important;
		font-family:"Jost", sans-serif;
		font-weight:bolder
	}
	.hero-text{
		font-size:15px!important;
		font-weight:bolder
		
	}
.middle-div .heading{
font-size:3rem!important;
		font-family:"Jost", sans-serif;
		font-weight:500
}
.middle-div .content{
font-size:15px!important;
		font-family:"Jost", sans-serif;
		font-weight:500
}
.middle-div .content2{
font-size:18px!important;
		font-family:"Jost", sans-serif;
		font-weight:700
}
.middle-div .link{
font-size:20px;color:white;background:black;padding:10px 20px
}
	.hero-title,.hero-text{
		color:black !important
	}
	
	.hero-title-animation,.hero-text-animation{
		position:relative;
		animation:animated-banner-text-down 0.4s;
	}
	.animated-hero-box{
		display:none;
	}
	.active-animated-hero-box{
		display: block;
	}
	.testimonial-content{
		text-align:justify
	}
	@keyframes animated-banner-text-down{from{bottom:-100px;opacity:0} to{bottom:0;opacity:1}}
	
	.instagram-post-container{
	}

	.instagram-post-container-img{
	border-radius:1rem;
		
	}
	.instagram-post-container-link{
		opacity:0;
		background:rgb(0,0,0,0.7);
		background-color:rgb(0,0,0,0.5);
		position:absolute;
		bottom:0;
		border-radius:1rem;
		height:300px;
		width:300px;
		color:white;
		font-size:50px;
		display:flex;
		justify-content:center;
		align-items:center;
		
	}
	.instagram-post-container-link:hover{
		opacity:1;
		animation-name: text-ani;
  		animation-duration: 0.5s;
		transition:1s;
	}
	
		
	@keyframes text-ani {
		from {font-size: 100px;}
		to {font-size: 50px;}
	}
	
		.additional{
	display:flex;
		align-items:center;
	}
	.additional .i i{
		margin-right:20px;
		color:var(--additional-icon-color);
		background:var(--background-color);
		font-size:30px;
		height:100px;
		width:100px;
		border-radius:100%;
		display: flex;
		align-items:center;
		justify-content:center
		
	}
	.additional .h2{
		font-size:25px;
		font-weight: 500;
		color:black;
	}
	.additional .p{
		
		font-size:15px;
		font-weight: 500;
		color:grey
	}
	
	
	.section-title-right{
	font-size:50px;color:black;text-align:left;text-transform:none
	}
	@media screen and (max-width:1000px){
		.additional .i i{
		margin-right:20px;
		color:#f8796c;
		background:rgb(244, 237, 231);
		font-size:20px;
		height:40px;
		width:40px;
		
		}
		
		.additional .h2{
		font-size:15px;
		font-weight: 500;
		color:black;
	}
	.additional .p{
		
		font-size:10px;
		font-weight: 500;
		color:grey
	}
		.shop-now{
		text-align:center;
			display:flex;
			justify-content:center
		}
	}
	@media screen and (min-width:550px,max-width:720px){
		.additional .i i{
		margin-right:10px;
		color:#f8796c;
		background:rgb(244, 237, 231);
		font-size:20px;
		height:80px;
		width:80px;
		
		}
		
		.additional .h2{
		font-size:20px;
		font-weight: 500;
		color:black;
	}
	.additional .p{
		
		font-size:10px;
		font-weight: 500;
		color:grey
	}
		.section-title-right{
		font-size:30px !important;
		color:black;
		text-align:left;
		text-transform:none;
		margin-top:20px;
		margin-bottom:20px
	}
		
	}
	
	
	@media screen and (max-width:450px){
				.additional .h2{
					font-size:14px
		}
}
	@media screen and (max-width:550px){
		.section-title-right{
	font-size:30px !important;color:black;text-align:left;text-transform:none;margin-top:20px;
		margin-bottom:20px
	}
		.section-header-two .section-title-right:after{
			top:1px
		}
		.additional .i i{
		margin-right:7px;
		background:transparent;
		font-size:15px;
		height:15px;
		width:15px;
		}
		
		.additional .h2{
		font-size:14px;
		font-weight: 500;
		color:black;
			text-align:left;
			font-family:"Poppins";
			
	}
	.additional .p{
		
		font-size:5px;
		font-weight: 500;
		color:grey;
		text-align:left;
		display:none
	}
		.section-text-mobile-center{
		text-align:center
		}
		
	}
	.reel_box{
		position:relative;
		height:400px;
		border-radius:0.50rem
	}
	/* .reel_box video{
		border-radius:0.50rem;
		object-fit:cover;
		height:400px;
		width:300px;
		position:absolute
	}  */
	.reel_box iframe{
		border-radius:0.50rem;
		object-fit:cover;
		height:400px;
		width:300px;
		position:absolute
	}  
	.reel_box .iframe-div{
		border-radius:0.50rem;
		object-fit:cover;
		height:400px;
		width:300px;
		position:absolute
	}  
	.reel_content_box{
		bottom:0px;
		padding:10px;
		position:absolute;
		width:100%
	}
	.reel_content_inter_box{
		background:white;
		border-radius:1rem;
		padding:10px;
		width:90%;
		height:100%;
	}
	.reel_content_box img{
		border-radius:0.50rem
	}
	#popupReelProductAddToCart{
		padding:10px 30px;
		float:left;
	color:black;
    border: 2px solid #CACACA;
    font-size: 1.6rem;
    font-weight: 500;
	text-align:center
	}
	.reel_content_box .content .price, .reel_content_box .content p{
		line-height:normal;
		font-size:12px;
		text-align:justify;
		margin:0 0 10px;
		color:black
	}
	.reel_features_box{
		position:absolute;
		right:12%;
		text-align:center;
		height:100%;
		top:30%;
	}
	.reel_features_box i {
		color:white;
		font-size:30px
	}
	.reel_features_box .content{
		color:white;
		font-size:20px;
		
	}
	
	#popupReelNext{
	position:absolute;
	z-index:99999;
	right:0;
	background:white;
	padding:10px;
	color:black;	
	font-size:15px;
	top:40%;
	border-radius:1rem;
	}
	#popupReelPrevious{
	position:absolute;
	z-index:99999;
	left:0;
	background:white;
	padding:10px;
	color:black;	
	font-size:15px;
	top:40%;
	border-radius:1rem;
	}
.banner-home{
	height:520px
	}
	@media only screen and (max-width:1400px){
	.banner-home {
	height:400px;
	}
	}
	@media only screen and (max-width:1000px){
	.banner-home{
	height:300px;
	}
	}
	@media only screen and (max-width:850px){
	.banner-home{
	height:250px;
	}
	}
	@media only screen and (max-width:800px){
	.banner-home{
	height:200px;
	}
	}
	@media only screen and (max-width:500px){
	.banner-home{
	height:160px !important;
	}
	}
	
	
	@media screen and (max-width: 500px){
		.hero-div{
		height:200px;
		width:200px;
		}
		.hero-title{
		font-size:2.4rem !important
		}
		
	}
	.price_box_under{	
		font-weight:bolder;
		background:#FF4140;
		text-align:center;
		border-radius:100%;
		display:flex;
		justify-content:center;
		align-items:center;
		height:300px;
		width:300px;
    clip-path: polygon(100% 50%,89.81% 53.92%,99.04% 59.75%,88.28% 61.61%,96.19% 69.13%,85.28% 68.86%,91.57% 77.78%,80.92% 75.38%,85.36% 85.36%,75.38% 80.92%,77.78% 91.57%,68.86% 85.28%,69.13% 96.19%,61.61% 88.28%,59.75% 99.04%,53.92% 89.81%,50% 100%,46.08% 89.81%,40.25% 99.04%,38.39% 88.28%,30.87% 96.19%,31.14% 85.28%,22.22% 91.57%,24.62% 80.92%,14.64% 85.36%,19.08% 75.38%,8.43% 77.78%,14.72% 68.86%,3.81% 69.13%,11.72% 61.61%,0.96% 59.75%,10.19% 53.92%,0% 50%,10.19% 46.08%,0.96% 40.25%,11.72% 38.39%,3.81% 30.87%,14.72% 31.14%,8.43% 22.22%,19.08% 24.62%,14.64% 14.64%,24.62% 19.08%,22.22% 8.43%,31.14% 14.72%,30.87% 3.81%,38.39% 11.72%,40.25% 0.96%,46.08% 10.19%,50% 0%,53.92% 10.19%,59.75% 0.96%,61.61% 11.72%,69.13% 3.81%,68.86% 14.72%,77.78% 8.43%,75.38% 19.08%,85.36% 14.64%,80.92% 24.62%,91.57% 22.22%,85.28% 31.14%,96.19% 30.87%,88.28% 38.39%,99.04% 40.25%,89.81% 46.08%);

		cursor:pointer;
	}
	.price_box_under h3{
		width:100%;
		text-align:center
		text-transform:upperCase;
			font-size:15px;
	color:white;
	}
	.price_box_under h1{
	font-size:30px;
		color:white;
		text-transform:uppercase
	
	}
	
	.frontend_view_main{
		height:600px;
		cursor:pointer;
		box-shadow:0px 0px 10px rgb(0,0,0,0.2);
		border-radius:2rem;
		
	}
	
	
	.frontend_view{
		height:270px;
		cursor:pointer;
		box-shadow:0px 0px 10px rgb(0,0,0,0.2);
		border-radius:2rem;
	}
	
	
	.search-bar-section .content{
	display:flex;
		box-shadow: 0 0 10px rgb(0,0,0,0.2);
		border-radius:5rem;
		padding:10px
	}
	.search-bar-section input{
		width:100%;
		font-size:25px;
		padding:20px;
		border:hidden;
		
	}
	.search-bar-section select{
		width:30%;
		font-size:25px;
		background:transparent;
		padding:20px;
		border:hidden;
		border-radius:5rem
	}
	.search-bar-section button{
	background:#72a499;
	border:hidden;
	padding:10px;
		width:20%;
	border-radius:10rem;
	font-size:20px;
		color:white
	}

@media only screen and (max-width:500px){
	.frontend_view .content h2{
	font-size:12px
	}
.search-bar-section input{
	font-size:10px;padding:5px;width:60%
	}
	.search-bar-section select{
	font-size:8px;
		margin-right: 15px;
		width:40%;
	}
	.search-bar-section button{
	font-size:10px;
		padding:5px;
		width:20%
	}
	.neon-section .head{
	text-align:Center;
	}
	.frontend_view_main{
	height:350px;
		border-radius:1rem;
		background-size:100% 350px !important
	}
	.frontend_view_main .content{
	border-radius: 0 0 1rem 1rem
	}
	.frontend_view .content{
	border-radius: 0 0 1rem 1rem;
		padding:5px 15px;
	}
	.frontend_view{
		
	height:200px;
		background-size:100% 200px !important;
		border-radius:1rem
	}
}



.heading-section {
  position: relative;
text-align:left!important;

	width:fit-content
}
.heading-section2 {
  position: relative;
text-align:left!important;

	width:fit-content
}
.see-all-section{
text-align:right!important;

}
.heading-section::after {
  content: '';
  position: absolute;
  top: 94%;
  left: 0;
  height: 3px;
  width: 0%;
  background: #FF4140;
  animation: progressLine 3s ease-in-out infinite;
}
.heading-section2::after {
  content: '';
  position: absolute;
  top: 94%;
  left: 0;
  height: 3px;
  width: 0%;
  background: #FF4140;
  animation: progressLine 3s ease-in-out infinite;
}


@keyframes progressLine {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@media only screen and (max-width:500px){
.see-all-section,.heading-section {
	text-align:center!important;width:100%;display:inline

	}
	
	.heading-section2 {
	text-align:center!important;width:100%;display:inline;font-size:25px

	}
	.trending-products-div{
	width:100%;
		overflow-x:scroll
	}
	.trending-products-div .nav-tabs{
	width:max-content
	}

}

.occasion_div{
height:400px;border-radius:1rem;box-shadow:0 0 10px rgb(0,0,0,0.2);width:100%;
}


.home_page_circle_category,.featured_product_home_page_div{
	box-shadow:0 0 10px rgb(0,0,0,0.3);
	border-radius:1rem;
	padding:20px;
	
}
.circlecategorySection{
padding:10px;
	
}
.circlecategorySection img{
box-shadow:0 0 10px rgb(0,0,0,0.3);
	border-radius:0.5rem
}
.row_custom {
display:flex;
	flex-wrap:wrap;
}
.container_custom{
width:80%	
}
.row_custom .colc-lg-2{
	width:10%;
	flex:0 0 auto
}
@media only screen and (max-width:500px){
	
	.circlecategorySection{
	padding:3px
	}
	.home_page_circle_category{
		box-shadow:none;
	overflow:auto
	}
	.row_custom{
	zoom:250%;
		width:100vw;
	}
	.bottom_home_page_img{
	display:none
	}
	.container_custom{
width:100%	
}
	::-webkit-scrollbar {
    display: none;
}
}
.dailyoffer-timer{
font-size:30px;
	font-family:"Marcellus", Sans-serif;
	color:red
}
.banner-top {
	display:flex;align-items:center;justify-content:center;width:100%;border-radius:1rem
	}
	.banner-top img{
		height:200px;
	width:100%;
	margin:20px;
		box-shadow:0 0 10px rgb(0,0,0,0.3);
		object-fit:contain;border-radius:1rem
	}
	
@media only screen and (max-width:1000px){
		.banner-top img{
		width:90%;
		height:100%;
		}
		
	}