*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

a{
	text-decoration:none;
}

body{
	font-family:'arial';
}

.our-product-sec{
	background:#F8F7E5;
	padding:0px 15px;
}

.our-product-container{
	max-width:1440px;
	margin:0 auto;
}

.our-product-list{
	display:flex;
	flex-wrap:wrap;	
	overflow:hidden;
	padding:80px 0;
	justify-content:space-between;	
}

.our-product-item {
    width: 25%;
    padding: 0 2%;
    position: relative;
    text-align: center;
}

.our-product-item .img-fluid{
	max-width:100%;
	height:auto;
}

.our-product-item-img img{
	transition:all 0.55s ease;
}

.our-product-item-img{
	min-height:365px;
}

.our-product-item-img .float-imgText {
    position: absolute;
    left: 6%;
    top: 12%;
    opacity: 0.4;

}

.our-product-item-img .prd-img-lg {
    position: absolute;
    z-index: 1;
    top: 0%;
    height:370px;
    left: 0;
    object-fit: contain;
    width: 100%;
}

.our-product-item-img .prd-img-sm {
    position: absolute;
    top: 40%;
    left: 0;
    height: 310px;
    opacity:0;
    transform: rotate(-15deg);
    transition:all 0.75s ease;
    object-fit:contain;
	/*width: 100%;*/
}

.our-product-item-description {
    padding: 20px 0 0;
}

.our-product-item-description h4{
	font-family:"Helvetica Neue LT Std Bold", Sans-serif;
	font-size:30px;
	font-weight:700;
	color:#1D1D1D;
	text-transform:uppercase;
	letter-spacing:4px;
	transition:all 0.55s ease;
}
.our-product-item-description h4 a{
	color:#1D1D1D;
}

.our-product-item-description h5{
	font-family:"Helvetica Neue LT Std Light", Sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:400;
	margin:12px 0 0;
}
.our-product-item-description h5 a{
	color:#000000;
}

.our-product-item-description .more-btn {
	font-family:"Helvetica Neue LT Std Light", Sans-serif;
    background-color: #1D1D1D;
    color: #fff;
    font-size: 20px;
    font-weight:400;
    text-transform:capitalize;
    display: inline-block;
    padding: 14px 55px;
    border-radius: 32px;
    margin: 32px 0 0;
    
}

.our-product-item-description .more-btn:hover{
	animation:btnAnimColor 4s ease-in-out;
	background-color:#9EA8CB;		
}


@keyframes btnAnimColor {
	0% {
	 background-color: #1D1D1D;
	}
	25% {
	 background-color:#C1B98A;
	}
	50% {
	 background-color:#D86681;
	}
	75%{
		background-color:#99BDA9;
	}
	100%{
		background-color:#9EA8CB;
	}
}

/*.our-product-item-description .more-btn:hover{
	background:#9ea8cb;
	color:#000;
	transition:all 0.75s ease;
}*/

.our-product-item:hover .our-product-item-img .prd-img-lg{
	top:100%;
	opacity:0;
}

.our-product-item:hover .our-product-item-img .prd-img-sm{
	top:-8%;
	opacity:1;
	transform: rotate(0deg);
}

.our-product-item:hover .our-product-item-description h4{
	opacity:0;
}

.our-product-item:hover .our-product-item-img .float-imgText{
	top:48%;
	opacity:1;
}

.recipe-meta-name-des{
	 text-align: left;
}
   
span.recipe-description-name {
    display: block;
    width: 100%;
}


/* Recipe Loading */
#recipe-grid {
    display: flex;
    flex-wrap: wrap;
/*    gap: 40px;*/
	row-gap:42px;
    justify-content:space-between;
    margin-top: 60px;
    min-height: 200px;
}

.recipe-card {
/*    width: 200px;*/
    position: relative;
    text-align: center;
}

.bottle-wrapper {
    position: relative;
    /*height: 250px;*/
    height:auto;
}

.bottle-image {
    max-height: 100%;
    z-index: 2;
    position: relative;
}

.watermark {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-11%, -50%);
    font-size: 2em;
    color: #ccc;
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
    font-family: 'Cursive', sans-serif;
}

.recipe-meta {
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap:wrap;
    gap: 10px;
    margin-top: 10px;
    font-weight: bold;
    padding:0 15px;
}

.recipe-arrow {
    font-size: 1.2em;
}

.recipe-meta .recipe-arrow{
	display:block;	
}

.recipe-meta .recipe-arrow img{
	width:40px;
	height:40px;
}


/* Start Recipe Loader */
.circle-loader-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(255,255,255, 0.8);
    display:none;
}
.circle-loader {
    position: absolute;
    width: auto;
    height: auto;
    transform: scale(0.6);
    /* margin: 0 auto; */
    top: 38%;
    left: 50%;
}

.circle-loader div {
	height: 10px;
	width: 10px;
	background-color:#4b4b4b;
	border-radius: 50%;
	position: absolute;
	-webkit-animation: 0.8s opaque ease-in-out infinite both;
	animation: 0.8s opaque ease-in-out infinite both;
}
.circle-loader > div:nth-child(1) {
	top: -25px;
	left: 0;
}
.circle-loader > div:nth-child(2) {
	top: -17px;
	left: 17px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.circle-loader > div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.circle-loader > div:nth-child(4) {
	top: 17px;
	left: 17px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.circle-loader > div:nth-child(5) {
	top: 25px;
	left: 0;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.circle-loader > div:nth-child(6) {
	top: 17px;
	left: -17px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.circle-loader > div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.circle-loader > div:nth-child(8) {
	top: -17px;
	left: -17px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}


@-webkit-keyframes opaque {
  	0% {
    	opacity: 0.1;
  	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0.1;
	}
	100% {
		opacity: 0.1;
	}
}

@keyframes opaque {
	0% {
		opacity: 0.1;
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0.1;
	}
	100% {
		opacity: 0.1;
	}
}
/* End Recipe Loader */


/* Recipe Loading */


/* css start 08-05-25 */



.recipe-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;  
    justify-content: space-between;
}

.recipe-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.recipe-filters .filter-btn {
    background: #fff;
    border: 1px solid #1D1D1D;
    border-radius: 30px;
    color: #1D1D1D;
    font-size: 20px;
    font-weight: normal;
    padding: 11px 42px;
    transition:all 0.85s ease;
}

.recipe-filters .filter-btn:hover{
	animation: btnAnimColor 4s ease-in-out;
    background-color: #9EA8CB;
    color:#fff;
}


.recipe-card {
    width:49%;
    padding:1%;
    position: relative;
    text-align: center;
}

.recipe-title strong{
	font-size:48px;
	font-weight:700;
	color:#1E1E1E;
}

.recipe-filters strong{
	font-size:30px;
	font-weight:700;
	color:#000000;
}

/*@keyframes btnAnimColor {
	0% {
	 background-color: #1D1D1D;
	}
	25% {
	 background-color:#C1B98A;
	}
	50% {
	 background-color:#D86681;
	}
	75%{
		background-color:#99BDA9;
	}
	100%{
		background-color:#9EA8CB;
	}
}*/


.recipe-meta .recipe-name{
	color:#1D1D1D;
	font-size:30px;
	font-weight:700;
}


.recipe-card .bottle-wrapper .bottle-image {
    transition: all 0.65s ease;
    transform: translate(0px, 0px) scale(1);
}


.recipe-card:hover .bottle-wrapper .bottle-image{
	transform: translate(0px, -40px) scale(0.7);
}

.recipe-card .watermark{
	left:0;
	right:0;
}

.recipe-card .bottle-wrapper .watermark {
	transform:translate(0%, -50%);
	transition: all 0.65s ease;
}

.recipe-card:hover .bottle-wrapper .watermark {
    transform: translate(0%, 100%);
}


/* css end 08-05-25 */


@media(max-width:1299px){
	.our-product-item-img .float-imgText{
		max-width:95%;
		width:100%;
	}

	.our-product-item{
		width:23%;
		padding: 0 1%;
	}

	.our-product-item-description .more-btn {
	    padding: 9px 19px;
	    font-size: 15px;
	}

	.our-product-item-description h4{
		font-size:24px;
	}

	.our-product-item-img .float-imgText{
		top:12%;
	}

	.our-product-item:hover .our-product-item-img .float-imgText{
		top:46%;
	}

	.our-product-item-img {
    	min-height: 205px;
	}

	.our-product-item-img .prd-img-sm{
		height:220px;
	}

	.our-product-item-img .prd-img-lg{
		height:225px;
	}
	
	



}

@media(max-width:1024px){

	.recipe-meta{
		padding:0 11px;
	}

	.recipe-meta .recipe-name{
		font-size:25px;
	}

   .recipe-meta .recipe-arrow img {
    	width: 32px;
    	height: 32px;
	}

	.our-product-item-description h5{
		min-height:40px;
	}
	
	
		.recipe-card:hover .bottle-wrapper .watermark {
    transform: translate(0%, 42%);
}

}


@media(max-width:820px){
	.our-product-item-img .prd-img-lg{
		/*transform: translate(-25%, 0%);*/
	}

	.our-product-item-description h4{
		font-size:25px;
	}

	.our-product-item-description .more-btn {
	    padding: 13px 21px;
	    font-size: 16px;
	}

	.our-product-item-img {
	    min-height: 350px;
	}

	.our-product-item-img .prd-img-lg{
		height:350px;
	}

	.our-product-item {
	    width: 47%;
	    padding: 0 1%;
	}

	.our-product-list{
		row-gap:50px;
	}

}



@media(max-width:767px){
	.our-product-item {
	    width: 46%;
	    padding: 0 2%;
	    margin: 0 0 10%;
	}

	.our-product-item-img .prd-img-lg {
	    transform: translate(0%, 0%);
	}

	.recipe-card{
		width:48%;
	}

}


@media(max-width:575px){
	
	
	span.recipe-description-name {
	  font-size: 13px;
	  line-height: 16px;
	}

	.our-product-item{
		width:100%;
	}

	.our-product-item-img .prd-img-lg {
	    transform: translate(0%, 0%);
	}

	.our-product-item-img {
	    min-height: 300px;
	}

	.our-product-item-img .prd-img-lg {
	    height: 300px;
	}

	.our-product-item-description h4 {
	    font-size: 22px;
	}

	.our-product-item-description .more-btn{
		margin:26px 0 0;
	}

	.our-product-item-description .more-btn {
	    padding: 12px 19px;
	    font-size: 14px;
	    min-width:268px;
	}

	.our-product-item-description {
	    padding: 17px 0 0;
	}

	.our-product-item-img .prd-img-sm{
		height:280px;
		object-fit:contain;
	}

	.our-product-item:hover .our-product-item-img .prd-img-sm{
		top:-4%;
	}

	.our-product-item-img .prd-img-sm{
		transform:rotate(-15deg) translate(-20%, 0%);
	}
	.our-product-item:hover .our-product-item-img .prd-img-sm {   
		transform: rotate(0deg) translate(0%, 0%);
	}

	.our-product-item-img .float-imgText {
    	top: 8%;
	}

	.our-product-item:hover .our-product-item-img .float-imgText {
   		 top:40%;
	}

	.recipe-card {
    	width:49%;    
	}

	.recipe-meta .recipe-arrow img {
      width: 25px;
      height: 25px;
	}


	.recipe-filters{
		flex-wrap:nowrap;
		width:100%;
	}

	.recipe-filters strong{
		width:38%;
	}

}