@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-Bold.woff2') format('woff2'),
        url('../font/UbuntuSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-SemiBold.woff2') format('woff2'),
        url('../font/UbuntuSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-ExtraLight.woff2') format('woff2'),
        url('../font/UbuntuSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-ExtraBold.woff2') format('woff2'),
        url('../font/UbuntuSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-Light.woff2') format('woff2'),
        url('../font/UbuntuSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-Medium.woff2') format('woff2'),
        url('../font/UbuntuSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-Regular.woff2') format('woff2'),
        url('../font/UbuntuSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu Sans';
    src: url('../font/UbuntuSans-Thin.woff2') format('woff2'),
        url('../font/UbuntuSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Black.woff2') format('woff2'),
        url('../font/Inter18pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Bold.woff2') format('woff2'),
        url('../font/Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('../font/Inter18pt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-ExtraLight.woff2') format('woff2'),
        url('../font/Inter18pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../font/Inter18pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Light.woff2') format('woff2'),
        url('../font/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Medium.woff2') format('woff2'),
        url('../font/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Regular.woff2') format('woff2'),
        url('../font/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Bold.woff2') format('woff2'),
        url('../font/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Regular.woff2') format('woff2'),
        url('../font/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Black.woff2') format('woff2'),
        url('../font/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../font/ProximaNova-Extrabld.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNovaT-Thin.woff2') format('woff2'),
        url('../font/ProximaNovaT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Semibold.woff2') format('woff2'),
        url('../font/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Filson Soft";
    src: url("../font/bab15956435794e3d48309ddf0700b4c.eot");
    src: url("../font/bab15956435794e3d48309ddf0700b4c.eot?#iefix")format("embedded-opentype"),
    url("../font/bab15956435794e3d48309ddf0700b4c.woff2")format("woff2"),
    url("../font/bab15956435794e3d48309ddf0700b4c.woff")format("woff"),
    url("../font/bab15956435794e3d48309ddf0700b4c.ttf")format("truetype"),
    url("../font/bab15956435794e3d48309ddf0700b4c.svg#Filson Soft")format("svg");
}

*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x: hidden;}
body{margin:0;padding: 0;font-family: 'Ubuntu Sans';overflow-x: hidden;background-color: #f5f5f5;transition: background 1s ease-in-out;position: relative;}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url('../image/header_bg.jpg') no-repeat center center;
  background-size: 100% 100%;
  z-index: 0;
  animation: fadeInBg 1s ease-in-out 1s forwards;
  height: 165px;
}

@keyframes fadeInBg {
  100% {
    opacity: 1;
  }
}
.container{max-width:1395px;width:100%;padding:0 15px;margin:0 auto;position: relative;}
.container-sm{max-width:1220px;width:100%;padding:0 15px;margin:0 auto;position: relative;}

h1{
    font-size: 72px;
    line-height: 80px;
}
h2{
    font-size: clamp(2rem, 0.6667rem + 3.7037vw, 4rem);
    line-height:clamp(1.875rem, 0.2083rem + 4.6296vw, 4.375rem);
}
h3{
    font-size: clamp(2rem, 1.0417rem + 2.662vw, 3.4375rem);
    line-height: clamp(2.1875rem, 1.4792rem + 1.9676vw, 3.25rem);
}
h4{
    font-size: clamp(1.5rem, 0.5rem + 2.7778vw, 3rem);
    line-height: clamp(1.5625rem, 0.4375rem + 3.125vw, 3.25rem);
}
h5{
    font-size: clamp(1.5rem, 0.8333rem + 1.8519vw, 2.5rem);
    line-height: clamp(1.75rem, 0.75rem + 2.7778vw, 3.25rem);
}
h6{
    font-size: clamp(1.25rem, 0.5833rem + 1.8519vw, 2.25rem);;
    line-height: 1;
    font-weight: 500;
}

p{
    font-size: clamp(0.875rem, 0.4583rem + 1.1574vw, 1.5rem);
    line-height: clamp(1.125rem, 0.4583rem + 1.8519vw, 2.125rem);
}
a{
    text-decoration: none;
}
img {
    max-width: 100%;
}
/* Header */
.header { background: url(../image/header_bg.jpg) no-repeat center; background-size: cover; padding: 34px 0; box-shadow: 0px 4px 4px 5px #00000099;height: auto;width: 100%;position: fixed;top: 0;left: 0;right: 0;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;z-index: 1000;}
.content-wrapper {transition: padding-top 0.3s ease-out;     transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.header.sticky-on {
    /*position: fixed;
     animation: HeaderSticky;
    animation-duration: 0.3s;
    animation-timing-function: linear; */
}
/*@keyframes HeaderSticky { 0% {transform: translateY(-65px);} 100% {transform: translateY(0px);} }*/
.header .container{max-width:1357px;margin:0 auto;padding:0 15px}
.header-wrp{ display:flex; align-items:center}
.header-logo img { height: 100%; width: 100%; display: block; }
.header-nav .nav-list{list-style:none;padding:0;margin:0;display:flex;gap:74px;margin-left: auto;}
.header-nav .nav-list li{text-align:center;display: flex;align-items: center; justify-content: center;}
.header-nav .nav-list li a{font-weight:500;font-size:20px;line-height:100%;text-decoration:none;color:#fff;letter-spacing:0;text-align:center;transition:.3s}
.header-nav .nav-list li a:hover{color:#f0a500}
.nav-list li a {
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  transition: border 0.3s;
}
 
.nav-list li.active a, .nav-list li a:hover {
  border-bottom: 2px solid #a67d37;
  color:#f0a500
}
.cma-btn{background-color:#a67d37;color:#fff;padding:11px 31px 11px 32px;border-radius:11px;text-decoration:none;transition:.3s;font-size:16px;line-height:100%;letter-spacing:0;text-align:center;display: block;width: fit-content; white-space: nowrap;}
.cma-btn:hover{background-color:#a87b50}
.cma-button { margin-left: auto; }
.header .header-nav{display: flex;width: 100%;}
.header .menu-toggle { display: none; }
.banner-slider-grid .banner-content-wrapper{padding-left: calc((100% - 1327px) / 2);}



/*common-sldier*/
.owl-carousel .owl-dots{text-align:center;margin-top:14px}  
.owl-carousel .owl-dots .owl-dot{display:inline-block;margin:0 5px;background:transparent;border:none;}
.owl-carousel .owl-dots .owl-dot span{width:20px;height:20px;background-color:transparent;border:2px solid #a67d37;display:block;border-radius:50%}
.owl-carousel .owl-dots .owl-dot.active span{background-color:#a67d37}
.owl-nav {position: absolute;top: 50%;left: 50%;width: calc(100% + 10%);transform: translate(-50%);display: flex;align-items: center;justify-content: space-between;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{border:none;background:transparent;}
.owl-carousel .owl-nav .owl-next span, .owl-carousel .owl-nav .owl-prev span{display: none;}
.owl-nav button.owl-next::before, .owl-nav button.owl-prev::before{content:"";background-image:url(../image/left-arrow.svg);height:28px;width:28px;background-repeat:no-repeat;background-size:cover;display: inline-block;}
.owl-nav button.owl-next::before{transform: rotate(180deg);}
.owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:hover{background: transparent;}


.occasion-items > .owl-item{display: none;}
.occasion-items > .owl-item:nth-child(-n+4) {display: block;margin: 0 10px;width: 24%;}
/*common-sldier end*/
/*tabination-tab*/
.nav-tabs{display:inline-flex;list-style:none;padding:0;margin-bottom:43px}
.nav-tabs li:not(:last-child){margin-right:46px}
.nav-tabs li button{background-color:transparent;border:none;padding:10px 30px;cursor:pointer;border-radius:12px;display:block;width:fit-content;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0}
.nav-tabs li button.active{background-color:#a67d37;color:#fff}
/*tabination-tab end*/


/* Banner-Slider */
.banner-section{position: relative;}
.banner-slider div:not(.owl-dots){height:100%;}
.banner-slider .owl-item{overflow: hidden;}
.banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
}
.banner-slider{background:url(../image/banner_bg.png) no-repeat center;background-size:cover;position:relative;/*padding:42px 0 39px;*/z-index:9;height:calc(100vh - 160px);   max-height: 1700px;}
.banner-slider:before{content:'';position:absolute;top:5%;left:-20px;width:164px;height:164px;background:url(../image/ban1.png) no-repeat center;background-size:cover;z-index:-1;opacity: 0}
.banner-slider:after{content:'';position:absolute;bottom:0;left:-60px;/*width:325.5px;height:325.5px;*/    width: 15.5vw;height: 15.5vw;background:url(../image/ban2-new.png) no-repeat center;background-size:cover;z-index:-1;opacity: 0}
.banner-section img{width:100%;display: block;height:100%;object-fit: cover;}
.banner-section .container{max-width:1299px;}
.banner-wrp{display:flex;gap:12px;justify-content:space-between;align-items:center}
.banner-content h2{font-weight:700;letter-spacing:0;color:#fff;margin-bottom:20px;}
.banner-content p{font-weight:500;font-size:36px;line-height:100%;letter-spacing:0;color:#fff;margin:20px 0 27px}
.banner-content{max-width:427px;     max-width: 477px;}

.banner-img {
    width: 100%;
    height: 100%;
    /* max-width: 860px; */
    max-width: 56%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    max-width: 64%;
    right: -90px;
}
.banner-img img {
    width: 100%;
    height: 100%;
    object-position: right;
    object-fit: cover;
    object-fit: contain;
    transform: scale(1.1);
}
/*banner-slider end*/

/* Para-section */
.para-section{padding:81px 0 0px;text-align: center;background-color: #FAF9F6;}
.para-section .para-cnt{max-width: 1009px; margin: 0 auto;}
.para-section .para-cnt p{font-weight:500;letter-spacing:0;margin-bottom: 40px;}
.para-section .para-cnt p:last-child{font-weight: 700;margin-bottom: 0;}

/* Occiasion-section */
.occasion-section{text-align:center;padding: 60px 0 131px;background-color:#faf9f6;position: relative;}
.occasion-section::before, .recipes-slider::before, .our-story::before, .our-halal:before, .about-halal:before, .contact-form:before { content: ''; position: absolute; top: 0; left: 0; background: url(../image/occian-red.png); background-repeat: no-repeat; width: 550px; height: 230px; transform: translateX(-50%); z-index: 9; background-size: 100% 100%;}
.recipes-slider::before{ top: 80px; width: 340px; height: 130px; background: url(../image/recipe-red.png);background-size: 100% 100%;}
.occasion-section::after, .recipes-slider::after, .our-story::after, .our-halal:after, .about-halal:after { content: ''; position: absolute; bottom: -30px; right: 0; background: url(../image/occian-green.png); background-repeat: no-repeat; width: 560px; height: 200px; background-size: 100% 100%; transform: translateX(50%); z-index: 9; }
.occasion-section h4{margin-bottom:41px;font-weight:700;letter-spacing:0}
.occasion-section .owl-carousel.occasion-items { display: flex; margin: 0 auto; justify-content: center; padding: 0 30px; }
.occasion-section .item{width:100%;padding:10px;text-align:center;border-radius:10px;height:100%;min-height:331px;display:flex;flex-direction:column;transition: all 0.33s ease;}
.occasion-section .item:hover {transform: scale(1.04);}
.occasion-section .bg-item1{background:linear-gradient(to bottom,#f5aF2380 50%,#f5af23 50%)}
.occasion-section .bg-item2{background:linear-gradient(to bottom,#db708E80 50%,#db708e 50%)}
.occasion-section .bg-item3{background:linear-gradient(to bottom,#ec694680 50%,#ec6946 50%)}
.occasion-section .bg-item4{background:linear-gradient(to bottom,#72b74D80 50%,#72b74d 50%)}

.bg-hover-img {position: absolute;top: 0;left: 0;opacity: 0;}
.occasion-section .item:hover .bg-hover-img{opacity: 1;}
.occasion-section .owl-stage-outer{padding:15px;}
.occasion-section .owl-stage{display: flex;}
.occasion-section .item .item-img{margin:auto 0}
.occasion-section .item .item-img img{width:100%;display:block;margin:auto 0}
.occasion-section .item p{color:#fff;font-weight:600;font-size:15px;line-height:100%;letter-spacing:0;text-align:center;margin-top:auto;max-width:114px;margin:auto auto 0}
.occasion-section .see-all{width:fit-content;margin:64px auto 0;position:relative}
.occasion-section .see-all a{text-decoration:none;color:#111;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0}
.occasion-section .see-all a span{margin-left:9px}
.occasion-section .owl-nav button.owl-next::before,.occasion-section .owl-nav button.owl-prev::before{content:"";background-image:url(../image/left-arrow.svg);}

/*occiasion-section end*/
/* reciepe home*/
.recipe-section{background:url(../image/humz_bg.png) no-repeat;background-size:100% 100%;background-blend-mode:multiply;padding:140px 0 140px;margin: -100px 0;position:relative;z-index:10;background-position: bottom;}
.recipe-section .container{max-width: 1276px;}
.recipe-section h4, .recipe-section h3{color:#fff;text-align:center;margin-bottom: 30px; font-weight: 700;}
.recipe-section .recipe-wrp{display:flex;justify-content:center;align-items:center}
.recipe-section .recipe-wrp .recipe-slider{display:grid;grid-template-columns: 70% 30%;width: 100%;}
.recipe-section .recipe-wrp .left{position:relative;text-align:center;
    /* margin-top: auto; */
} 
.recipe-section .recipe-wrp .left .naan-img{position:absolute;top:0;left: 70px;width:340px}
.recipe-section .recipe-wrp .left .pack-img{width:100%;max-width:650px;margin-left:auto;transform:rotate(18deg)}
.recipe-section .recipe-wrp .recipe-info{text-align: left;color:#fff;position: absolute;bottom: 0px;right: 40px;}
.recipe-section .recipe-wrp .recipe-info p{margin-top:10px;font-weight:700;font-size:24px;line-height:100%;letter-spacing:0;margin-bottom:18px;font-family: 'Proxima Nova';}
.recipe-section .recipe-wrp .recipe-info a{font-weight:500;font-size:20px;line-height:100%;font-family: 'Proxima Nova';letter-spacing:0;color:#fff;padding-bottom:5px;border-bottom:1px solid #fff; display: block; width: fit-content;}
.recipe-section .recipe-wrp .right{text-align:left;max-width:264px;margin-left:auto;margin-right:auto;}
.recipe-section .recipe-wrp .pick-text{margin-bottom:10px;color:#fff;font-weight:500;font-size:20px;line-height:100%;font-family: 'Proxima Nova';}
.recipe-section .recipe-wrp .curry-options{display:flex;flex-direction:column;}
.recipe-section .recipe-wrp .curry-options .curry{width:100%;height:100%;margin-bottom:33px;border:2.5px solid #A67D37;border-radius:10px;cursor:pointer;transition:border .3s ease}
.recipe-section .recipe-wrp .curry-options .curry:hover{border:3px solid #fff}
.recipe-section .owl-nav button.owl-next::before,.recipe-section .owl-nav button.owl-prev::before{content:"";background-image:url(../image/receipe_leftarrow.svg);height:65px;width:66px;}
/*recipe home end*/

/* why-choose */
.why-choose-section{background:#d8bc94;padding:94px 0 67px; position: relative;}
.why-choose-section h4{text-align:center;margin-bottom: 39px;}
.why-choose-item{display:flex;flex-direction:column;align-items:center}
.why-cnt{text-align:center;max-width:309px;margin:0 auto}
.why-cnt h6 { max-width: 213px; margin: 23px auto 41px; display: flex; min-height: 108px; align-items: baseline; font-weight: 800; justify-content: center;line-height: clamp(1.5rem, 0.8333rem + 1.8519vw, 2.5rem); }
.why-cnt p { font-weight: 500; font-size: 20px; line-height: clamp(1.3125rem, 1.1875rem + 0.3472vw, 1.5rem); text-align: center; }
.why-img img{display:block;width: 100%; height: 100%;}
.why-choose-section .owl-nav .owl-next::before, .why-choose-section .owl-nav .owl-prev::before{ background-image: url('../image/why-choos-arrow.svg'); }
.why-choose-section .why-img{max-width: 365px;    min-height: 373px;}
.why-choose-section .owl-nav{top: 25%;}
/*why-choose end*/
/* logo-section */
.logo-section{padding:23px 0 51px;background: #f5f5f5;position: relative;}
.logo-section::before { content: ''; position: absolute; top: -9px; left: 0; width: 100%; height: 33px; background: url(../image/grainy_texture.svg) no-repeat center; background-size: cover; z-index: 0; }
.logo-section .logo-wrp { padding: 23px 0 0 0; }
.logo-section h6{font-size: clamp(0.9375rem, 0.69rem + 0.9vw, 1.5rem); text-align:center;font-weight:700;line-height:52px;letter-spacing:0;color: #131313;}
.logo-section .logo-items{max-width:1140px;margin:19px auto 53px}
.logo-section .logo-items .logo-item img{width:100%;height:100%;padding-bottom: 10px;display: block; }
.logo-section #sync2.logo-items .logo-item img{ opacity: 0.6 }
.logo-section #sync2 .owl-item.current .logo-item img{opacity: 1; } 
.logo-section .logo-wrp p{max-width:1096px;margin:0 auto;font-weight:700;font-size:20px;line-height:30px;letter-spacing:0;text-align:center;color: #353432;}
.logo-section .owl-nav button.owl-next::before,.logo-section .owl-nav button.owl-prev::before{content:"";background-image:url(../image/logo-leftarrow.svg);height:38px;width:78px;background-repeat:no-repeat;background-size:cover}
.logo-section .owl-stage{display:flex;align-items:baseline}
.logo-section .owl-nav{ /*top: calc(100% + 60%);*/transform: translate(-50%, -50%) }
/*.logo-section .owl-item.active, */
.logo-section .logo-wrp .owl-item.current { border-bottom: 1px solid #A67D37CC; }

.logo-section .logo-wrp .owl-item {border-bottom:1px solid transparent; }


/* product-slider-logo start */
.product-slider-logo.logo-inner-section{background: transparent; padding: 25px 0 45px;}

/* product-slider-logo end */

/* logo-section end */

/* social */
.social-section{background:url(../image/social_bg.png) no-repeat center;background-size:cover;padding:30px 0 38px;border-bottom: 1px solid #A67D37;}
.social-heading{display:flex;align-items:center;max-width:1275px;margin:0 auto 34px}
.social-heading h6{margin-bottom:0;color:#fff;align-items:center;width:100%;display:flex;font-weight:600;letter-spacing:0;text-align:center;vertical-align:middle}
.social-heading h6:after{background:#fff;content:"";flex:auto;height:1px;margin-left:24px;margin-right:15px}
.social-items{ display:grid; grid-template-columns:repeat(4,1fr); gap:32px; padding-bottom: 47px;}
.social-items .item img{width:100%;height:100%}
.social-section .insta-icon img{width: 40px;}


/* footer */
.footer-section{background-color:#19171c;color:#fff;padding:29px 0 50px}
.footer-section .footer-wrp{display:grid;grid-template-columns: 44% 56%;align-items:center;margin-left: 65px;}
.footer-section .footer-wrp .legal,.footer-section .footer-wrp .links{display:flex;flex-direction:column;}
.footer-section .footer-wrp .footer-link a{color:#E3E3E3;text-decoration:none;font-family: 'Inter';font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin-bottom: 16px;}
.footer-section .footer-link{display: flex; justify-content: space-between; width: 100%;}
.footer-section .logo-sec{display:flex;justify-content:end; width: 100%;}
.footer-section .social-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:16px;}
.footer-section .social-icons a { margin-bottom: 15px; }
/* footer end */

/*about-us*/
.about-banner { height: calc(100vh - 160px); }
.about-title{position:relative;text-align: center;padding:61px 0 57px;background-color:#D4BE99;}
.about-title .container{max-width:1079px;}
.our-story::before, .our-halal:before, .contact-form:before{background: url(../image/patches-red.png) no-repeat;max-width:168px;max-height:178px;top:30px; z-index: 0}
.our-story::after, .our-halal:after{background: url(../image/patches-yellow.png) no-repeat;max-width:234px;max-height:224px;bottom:-70px; z-index: 0}
.about-title h3{margin-bottom:58px;}
.about-title p{font-weight:500;}
.about-title p:not(:last-child){margin-bottom:30px;}
.about-title img{margin-bottom:60px;}
.why-choose{position: relative;padding:55px 0 97px;text-align: center;}
.back-texture{position: absolute;top:0;left: 0;width:100%;height:100%;}
.why-choose-grid {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px 32px;}
.why-choose h3{color:#fff;}
.why-choose-box *{color:#82CA9C;}
.why-choose-box h6{font-size:24px;line-height:34px;min-height: 68px;display: flex;align-items: center;justify-content: center;margin-bottom:26px;}
.why-choose-box img{max-height:190px;}
.introducting-sec{padding:57px 0 135px;text-align: center;background:#F5F5F5;}
.introducting-sec h4{margin-bottom:57px;}
.introducting-grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 45px;}
.introducting-grid img{border-radius: 10px;}
.join-community {background:#D4BE99;padding-bottom:17px;}
.join-community .owl-stage{display: flex;}
.join-community .item, .join-community .item img{height:100%;}
.join-title {background-color: #A7DFBA; padding: 12px 56px; border-radius: 10px; max-width: 820px; margin: -65px auto 0 auto; position: relative; z-index: 9; text-align: center; }
.join-title h5{margin-bottom:5px;}
/*about-us end*/

/*recipe page*/
.banner-section .recipe-banner {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.banner-section.recipe-banner .banner-grid {
    height: calc(100vh - 240px); 
    overflow: hidden;
}


.banner-section .left-content h3{color:#fff;margin-bottom:26px;}
.banner-grid {
    display: grid;
    grid-template-columns: 400px auto;
    align-items: center;
    position: relative;
    padding:91px 0px 132px calc((100% - 1327px) / 2);

}

.marquee-text h6{font-size: clamp(1.5rem, 1.28rem + 0.8vw, 2rem);line-height:52px; color:#fff;text-align: center;}

.marquee-text {
background-color:#19171C;
padding:14px 10px;
text-align: center;
box-sizing: border-box;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.marquee-text .top-info-bar {
    font-size: 12px;
    width: 200%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: marquee 25s linear infinite running;
    -moz-animation: marquee 25s linear infinite running;
    -o-animation: marquee 25s linear infinite running;
    -ms-animation: marquee 25s linear infinite running;
    animation: marquee 25s linear infinite running;
}

.marquee-text .top-info-bar:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
}

.marquee-text .top-info-bar .info-text {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@-moz-keyframes marquee {
0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
}

@-webkit-keyframes marquee {
0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
}

@-o-keyframes marquee {
0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }
}


.marquee {
  overflow: hidden;
  display: flex;
  background-color: #19171C;
  padding: 14px 10px;
}

.marquee h1{
  font-size: clamp(1.5rem, 0.8333rem + 1.8519vw, 2.5rem);
  line-height: clamp(1.75rem, 0.75rem + 2.7778vw, 3.25rem);
  white-space: nowrap;
  text-transform: uppercase;
  padding:0px 50px;
  font-weight:600;
  color: #fff;
}

.common-slider{position: relative;text-align: center;}
.common-slider .item, .tabination-content .item{background-color:#fff; border-radius: 4px;}
.common-slider .item-img, .recipe-section .item-img {height:270px;}
.everyday-flavors{padding:28px 0 54px;}
.everyday-flavors h5{margin-bottom:43px;}
.everyday-flavors::before {content: "";background: url(../image/yellow-capsicum.png) no-repeat;width: 344px;height: 118px;position: absolute;top: 10px;left: -160px; background-size: 100% 100%;}
.everyday-flavors .item, .tabination-content .item {border:1px solid #D7BD94;}

.item-img img{height:100%;object-fit:cover;width:100%; display: block;}
.item-desc{padding:15px 21px 25px;height:inherit;display: flex;flex-direction: column;}
.item-desc h6{font-size:20px;margin-bottom:22px;}
.item-desc p{font-size:15px;line-height: 18px;font-weight: 500;margin:0px auto 22px;}

.pure-halal{background:#D8BC94;padding:31px 0 50px;}
.pure-halal::after{content: "";background: url(../image/tomoto-curv.png) no-repeat;width: 344px;height: 118px;position: absolute;top: 10px;right: -130px; background-size: 100% 100%;}
.pure-halal::before, .quick-snake::before{content: "";background: url(../image/grainy_texture-top.png) no-repeat;width: 100%;height: 37px;position: absolute;top: -20px;left: 0px;background-size:cover;}
.pure-halal .item{border:1px solid #DB708E;}
.pure-halal .item-img {height:246px;}
.pure-halal h5{margin-bottom:39px;}
.common-slider .cma-btn, .recipe-section .item-desc .cma-btn{padding:8px 22px;background-color:#DB708E;font-size:15px;border-radius: 7px;margin: auto  auto 0px;}
.quick-snake{position: relative;overflow-x: hidden;}
.quick-snake img{width:100%;margin-top:-15px;}
.quick-desc{width:100%;padding-right:calc((100% - 1190px) / 2);position: absolute;top:50%;right:0;transform: translateY(-50%);}
.quick-desc p{max-width:384px;margin-left:auto;text-align: center;color:#fff;}
.quick-snake::before{top:-25px;}

.recipe-section{text-align: center;}
.tabination-content{margin-bottom:86px;}
.recipe-section .nav-tabs{margin-bottom:61px;}
.recipe-section .nav-tabs li button{color:#fff;}
.tab-data {display: none;}
.tab-data.active{display: block;}
.tabination-content .tab-data.active {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 78px 130px;}
.pagination {display: inline-block;}

.pagination a {
  color: black;
  float: left;
  padding: 11px 16px;
  text-decoration: none;
  background-color:#BE9452;
  border: 1px solid #FFFFFF;
  color:#fff;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a:not(:last-child){margin-right:25px;}
.pagination a.active{background-color:#A67D37;}
.recipes-slider{padding:100px 0 127px;position: relative;}
.recipes-slider .container{padding:0px 60px;}
.recipes-slider h3{margin-bottom:32px;text-align: center;}
/* .recipes-slider::before {top:80px;left:-300px;} */
.recipes-slider::after{background: url(../image/recipe-green.png);background-repeat: no-repeat; width: 350px; height: 135px;bottom:20px;background-size: 100% 100%;}
.recipes-slider .item-img{margin-bottom:8px;}
.recipes-slider .item-desc{padding:10px 0;margin-top:8px;}
.recipes-slider .item-desc h6{font-size:28px;line-height: 30px;font-weight: 700;text-align: center;max-width:158px;margin:0px auto;}


.recipes-slider .pro-s {
    position: relative;
    cursor: pointer;
    height: 100%;
}
.recipes-slider .pro-s a {
 /*   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;*/
    color:#131313;
}
.recipes-slider .pro-s video, .recipes-slider .pro-s a img {
    width: 100%;
    height: 325px;
    display: block;
    object-fit: cover;
    transform: scale(1);
    transition: 0.5s ease;
}
.recipes-slider .pro-s .overlay {
    text-align: center;
    transition: all 0.6s cubic-bezier(.645,.045,.355,1) 0s;
    z-index: 10;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}
body .recipes-slider .owl-item img.tag-img {
    position: absolute;
    top: -24px;
    left: -39px;
    width: 97px;
    height: 119px;
    z-index: 1;
    object-fit: contain;
}
.recipes-slider .owl-stage-outer{padding-top:50px;}
.recipes-slider .owl-stage{display: flex;}
.recipes-slider .item {padding-left: 15px;padding-right:15px;height:100%;}
.recipes-slider .owl-nav button.owl-next::before, .recipes-slider .owl-nav button.owl-prev::before, .loyal-section .owl-nav button.owl-next::before, .loyal-section .owl-nav button.owl-prev::before {
    content: "";
    background-image: url(../image/small-arrow.png);
    height: 49px;
    width: 44px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}
.recipes-slider .pro-s:before, .recipes-slider .pro-s .ply_btn {
    /*content: "";
    background: url(../image/video-icon.svg);*/
    position: absolute;
    top: calc(50% - 45px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 55px;
    height: 55px;
}
.recipes-slider .pro-s .ply_btn img {
    width: auto;
    height: auto;
}
/*recipe page end*/
/*contact-us page*/
.contact-form:before{transform: none;}
.contact-form{text-align: center;padding: 65px 0 36px;background-color: #D4BE99;position: relative;}
.contact-form-inner{max-width:837px;margin:0px auto;}
.contact-form h4{color:#19171C;margin-bottom:48px;}
.contact-form .form-group{margin-bottom:23px;}
.contact-form label {
    font-size: clamp(1.25rem, 0.5833rem + 1.8519vw, 2.25rem);
    line-height: clamp(1.5rem, 1.0714rem + 1.1905vw, 2.5rem);
    font-weight: 600;
    width: 100%;
    display: block;
    color: #19171C;
    margin-bottom: 18px;
    text-align: left;
}
.contact-form input:not([type="checkbox"]):not([type="submit"]), .contact-form textarea, .contact-form select{
    border: 3px solid #A67D37;
    padding:13px 15px;
    font-size:18px;
    line-height: 1;
    border-radius: 10px;
    background:transparent;
    width:100%;
}
.contact-form input[type="checkbox"]{appearance: none;width:22px;height:20px;position: relative;cursor: pointer;}
.contact-form input[type="checkbox"]:before {
    content: "";
    width: 22px;
    height: 20px;
    border: 2px solid #A67D37;
    display: block;
}
.contact-form input[type="checkbox"]:after {
    content: "";
    width: 10px;
    height: 5px;
    border: 2px solid #A67D37;
    border-top: none;
    border-right: none;
    transform: translate(-50%) rotate(-45deg);
    position: absolute;
    left: 55%;
    top: 35%;
    opacity: 0
}
.contact-form input[type="checkbox"]:checked:after{opacity: 1;}
.contact-form input[type="submit"]{padding:14px 20px;border-radius: 6px;font-size:32px;line-height: 1;font-weight: 700;background-color:#DB708E;color:#FFFFFF;border:none;cursor: pointer;font-family: "Filson Soft";}
.contact-form input[type="submit"]:hover{background-color:#A67D37}
.contact-form textarea{height:160px;}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{outline: none;}
.contact-form select{appearance: none;background: url(../image/select-bar.png) no-repeat;background-position: 98% 50%;}
.contact-form .checkbox {display: flex;align-items: center;justify-content: center;}
.contact-form .checkbox{margin-bottom:52px;}
.contact-form .checkbox p{font-size: clamp(1rem, 0.7857rem + 0.5952vw, 1.5rem);line-height: clamp(1.3125rem, 1.0714rem + 0.6696vw, 1.875rem);font-weight:600;color:#19171C;margin-left:18.5px;font-family: 'Proxima Nova';}
.contact-form form{margin-bottom:38px;}
.contact-form h6{color:#131313;font-weight: 700;}
/*contact-us page end*/
/*trust page*/
.our-halal {background-color: #D4BE99;padding: 62px 0 145px;position: relative;z-index: 9;}
.our-halal:before{top: 50%;transform: translateY(-50%);}
.our-halal:after{bottom:70px;}   
.our-halal .container-sm{max-width:1055px;}
.our-halal h4{text-align: center;margin-bottom:58px;}
.our-halal-grid{display: grid;/*grid-template-columns: 380px 1fr;*/grid-gap:30px 100px;}
.our-left p{text-align: center;}
.our-right {background-color: #82CA9C;border-radius: 25px;padding: 18px 30px;}
.our-right *{font-size:20px;line-height: 34px;}
.our-right ul li{list-style: none;}
.our-right ul li:before{content: "";background: url(../image/right-check.png) no-repeat;width:20px;height:20px;display: inline-block;margin-right:10px;}

.trusted-quality {position: relative;}
.trusted-quality img{width:100%;box-shadow: 0px 4px 4px 5px #00000040;    display: block;}
.trust-box {max-width: 627px;background-color: #82CA9C;border-radius: 25px;position: absolute;top: 50%;transform: translateY(-50%);margin-left: calc((100% - 1200px) / 2);padding: 39px 31px;}
.trust-box h4{margin-bottom:38px;color:#fff;max-width:80%;}
.trust-box p{line-height:clamp(1.3125rem, 0.4375rem + 2.4306vw, 2.625rem);}
.about-halal {padding: 76px 0 68px;background-color: #D4BE99;text-align: center;position: relative;}
.about-halal:before{background: url(../image/purple-img.png) no-repeat;width:240px;height:352px;}
.about-halal:after{background: url(../image/green-img.png) no-repeat;width:166px;height:250px;top: 110px;}
.about-halal .about-halal-title{max-width: 1010px;margin:0px auto 40px;}
.about-halal .about-halal-title h4{margin-bottom:27px;}
.about-halal .about-halal-title p{margin-bottom:40px;line-height: clamp(1.5rem, 0.75rem + 2.0833vw, 2.625rem);}
.about-halal .about-halal-title h6{font-size: clamp(1.25rem, 0.75rem + 1.3889vw, 2rem);line-height: clamp(1.5rem, 0.3333rem + 3.2407vw, 3.25rem);font-weight: 700;}
.about-halal .why-cnt p{font-size: clamp(1.25rem, 0.9167rem + 0.9259vw, 1.75rem);line-height: clamp(1.5rem, 1.0417rem + 1.2731vw, 2.1875rem);}
.about-halal .why-img{margin-bottom:40px;}
.about-halal .why-cnt{max-width:336px;}
.about-halal .owl-carousel .owl-item img{max-height:349px;}
.trust-bottom .trust-box{background-color:transparent;max-width:470px;padding:0;}
.trust-bottom .trust-box p{font-size: clamp(1.125rem, 0.375rem + 2.0833vw, 2.25rem);line-height: clamp(1.5rem, 0.3333rem + 3.2407vw, 3.25rem);color:#fff;text-align: center;}
/*trust page end*/
/* product page */
.product-banner{position: relative;}
.banner-section .product-banner {width: 100%;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;object-fit:cover;}
.banner-section.product-banner .left-content h3{color:#fff;margin-bottom:26px;}
.banner-section.product-banner .banner-grid {display: grid;grid-template-columns: 1fr;align-items: center;position: relative;height: calc(100vh - 240px);}
.banner-section.product-banner .left-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 400px;text-align: center;}
.banner-section.product-banner .left-content .cma-btn{margin: 0 auto; }
/* marquee */
.marquee-bg{background-color: #D8BC94;}
.marquee-bg h6, .marquee-bg h1 {color: #131313; }


/* inner-occasion-section */
.occasion-slide{padding: 65px 0 123px; background-color: #FFFFFF; }
.occasion-slide h5 {font-weight: 700; font-size: 40px; line-height: 52px; letter-spacing: 0; text-align: center; }
.occasion-slide p {font-weight: 500; text-align: center; max-width: 687px; margin: 34px auto 47px; }
.occasion-section.occasion-slide::before {content: ''; position: absolute; top: 5%; left: 0; background: url('../image/occians_before1.png'); background-repeat: no-repeat; background-size: contain; width: 440px; height: 150px; transform: translateX(-50%); z-index: 9; }
.occasion-section.occasion-slide::after {content: ''; position: absolute; bottom: -30px; right: 0; background: url('../image/occians_after1.png'); background-repeat: no-repeat; background-size: contain; width: 515px; height: 150px; transform: translateX(50%);}
.occasion-section.occasion-slide .owl-nav button.owl-next::before, .occasion-section.occasion-slide .owl-nav button.owl-prev::before{display: none; }
.occasion-section .tab-data {display: block!important;opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;transition: opacity 0.4s ease, visibility 0.4s ease;width: 100%;}
.occasion-section .tab-data.active {  opacity: 1;visibility: visible;position: relative; }
.occasion-section .tabination-content{min-height:330px;position: relative;margin:0;}

/* menu-section */
.menu-section { position: relative; z-index: 9;}
.menu-section .menu-wrp .menu-box{display: flex; flex-wrap:wrap;width: 100%; }
.menu-section .menu-cnt {display: flex;flex-direction: column;justify-content: center;padding: 56px 101px 45px 96px; color: #fff; overflow: hidden;}
.menu-section .menu-cnt p {margin: 29px 0 38px; }
.menu-section .menu-items{padding: 0 30px;}
.menu-section .menu-item {border: 2px solid #FFFFFF; border-radius: 8px; width: 100%; position: relative; padding-bottom: 100%; display: block; margin: 16px 0px 10px;}
.menu-section .menu-img img {display: block; width: 100%; height: 100%;object-fit:cover; }
.menu-section .owl-nav button.owl-next::before,
.menu-section .owl-nav button.owl-prev::before {content: "";background-image: url('../image/kebabs_arrow.svg');}
.menu-section .menu-bg1{background: #72B74DE5;}
.menu-section .menu-bg2{background: #EC6946;}
.menu-section .menu-bg3{background: #F5AF23;}
.menu-section .menu-bg4{background: #BA5740;}
.menu-section .menu-bg5{background: #80BE5E;}
.menu-section .menu-bg6{background: #DB708E;}
/*.menu-section .menu-item img{width:100%;height:100%;max-width:230px;margin:0 auto}*/
.menu-section .menu-item img{width: 100%; height: 100%; max-width: 100%; margin: 0 auto; position: absolute; top: 0px; left: 0px; bottom: 0; right: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; margin: auto;}
.overlay-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: clamp(0.875rem, 0.71rem + 0.6vw, 1.25rem);
    font-weight: 600;
    background-color: #A67D37B2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    opacity: 0;
    transition:all 0.3s ease-in-out;
    border-radius: 8px;
}
.menu-section .menu-item:hover .overlay-bg{opacity: 1;}

/* loyal-section */
.loyal-section .loyal-wrp .owl-stage{display: flex;}
.loyal-section {padding: 12px 0 36px; position: relative; }
.loyal-section:before { content: ''; position: absolute; top: 5%; left: 0; background: url('../image/loyal_red.png'); background-repeat: no-repeat; width: 360px; height: 177px; transform: translateX(-50%); z-index: 9;    background-size: contain; }
.loyal-section::after, .contact-form:after { content: ''; position: absolute; bottom: 0; right: 0; background: url('../image/loyal_green.png'); background-repeat: no-repeat; width: 340px; height: 100px; transform: translateX(50%);     background-size: contain;}       
.loyal-section .container{max-width: 1170px}
.loyal-section h6 { color: #131313; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; vertical-align: middle; margin-bottom: 37px; }
.loyal-section .loyal-wrp h6 span {font-size: 15px;line-height: 16px;display: block;font-weight: 600;margin-top:10px;}
.loyal-section .loyal-wrp h6{ margin-bottom: 8px; }
.loyal-item { max-width: 246px; text-align: center; margin: 0 auto; border: 1px solid #A67D37; background: #fff; padding: 18px 13px 9px 13px; border-radius: 4px; height:100%;    display: flex;flex-direction: column;}
.loyal-img {display: flex; justify-content: space-between; margin-top:auto;}
.loyal-item p { font-weight: 500; font-size: 15px; line-height: 20px; letter-spacing: 0; margin-bottom: 17px;color:#353432; }
.loyal-img img { max-width: 45%; height: auto; width: 100%; object-fit: contain; }
.loyal-section .logo-items{ display: flex; max-width: 785px; margin: 39px auto 0; justify-content:space-between; align-items: baseline; }
.loyal-section .logo-items img{ max-width: 120px; width: 100%; height: 100%; }
.recipe-section .recipe-wrp .left .recipe-info { display: block; }
.recipe-section .recipe-wrp .right .recipe-info { display: none; }


/*loyal-section end*/

/* recipe-inner page */
.everyday-item{padding: 50px 0 55px;}
.everyday-flavors.everyday-item::before,.everyday-flavors.product-flavors::before{display: none;}
.recipe-inner {background: #D8BC94;}
.recipe-inner .banner-grid{grid-template-columns: 40% 1fr;padding: 0;align-items: start;}
.recipe-inner .banner-grid .left {width: 100%;height: 100%;}
.recipe-inner .banner-grid .left:not(.owl-carousel){position: relative;padding-bottom:85%;}
.recipe-inner .banner-grid .left:not(.owl-carousel) img{position: absolute;top:0;bottom:0;left: 0;right:0;}
.recipe-inner .banner-grid .left img {width: 100%;height: 100%;display: block;object-fit: cover;}
.recipe-inner .banner-grid .right {padding: 45px 104px 28px 68px;}
.recipe-inner .banner-grid .right h6{font-weight:700;font-size:20px;line-height:18px;padding-bottom:7px;width:fit-content;border-bottom:2px solid #A67D37;}
.recipe-inner .banner-grid .right h4{margin:15px 0;}
.recipe-inner .banner-grid .right .options{display:flex;}
.recipe-inner .banner-grid .right .options p{margin-right:24px;color:#19171C;border:1px solid #FFFFFF;padding:6px 27px 6px 28px;border-radius:8px;font-weight:500;font-size:20px;line-height:100%;}
.recipe-inner .banner-grid .right .right-desc p:not(:last-child){
    margin-bottom: 30px;
}
.recipe-inner .banner-grid .right .right-desc{font-weight:500;font-size:20px;line-height:30px;color:#131313;padding:33px 30px 56px 0; border-bottom: 2px solid #A67D37;}
.recipe-inner .banner-grid .right > p:last-of-type {  padding-bottom: 40px; }
.recipe-inner .banner-grid .right .desc-srt{display:flex;margin-top:15px;}
.recipe-inner .banner-grid .right .desc-srt p{font-weight:700;font-size:20px;line-height:20px;color:#131313;}
.recipe-inner .banner-grid .right .desc-srt p:first-child{margin:0 40px 0 29px;}

.recipedetail-section{padding:117px 0px;position:relative;}
.recipedetail-section::before{content:"";background:url(../image/yellow-capsicum.png) no-repeat;width:344px;height:118px;position:absolute;top:10px;left:0px;    transform: translateX(-50%);background-size: contain;}
.recipedetail-section::after {
    content: "";
    background: url(../image/tomoto-curv.png) no-repeat;
    width: 382px;
    height: 189px;
    position: absolute;
    top: 85%;
    right: 0;
    background-size: contain;
    transform: translateX(50%);
}
.recipedetail-section .container{max-width:1250px;margin:0 auto;}
.recipedetail-wrp{display:flex;gap:140px;flex-wrap:wrap;}
.recipedetail-wrp h6{text-transform:uppercase;margin-bottom:29px;font-weight:700;line-height:52px;}
.ingredients-sec{flex:1;max-width:320px;}  
.ingredients-sec .featured-box{display:flex;align-items:center;padding:4px 15px;border-radius:8px;margin-bottom:29px;max-width:290px;border:1.5px solid #A67D37;}
.ingredients-sec .featured-box img{width:62px;height:auto;margin-right:17px;}
.ingredients-sec .featured{color:#9F7E43;font-weight:700;font-size:14px;line-height:22px;}
.ingredients-sec .featured p{font-weight:700;font-size:20px;line-height:22px;color:#131313;}
.ingredients-sec .featured-box strong{font-weight:700;font-size:20px;line-height:22px;}
.ingredients-sec ul{list-style:disc;padding-left:20px;max-width:290px;}
.ingredients-sec ul li{font-weight:600;font-size:20px;line-height:35px;}
.recipedetail-wrp .instructions-sec h6{border-bottom:2px solid #A67D37;padding-bottom:18px;}
.instructions-sec{flex:1;min-width:320px;}
.instructions-sec .steps p{margin-bottom:20px;font-weight:500;font-size:20px;line-height:35px;}  
.instructions-sec .steps strong{font-weight:700;font-size:20px;line-height:35px;}

/* recipe-inner end */

/* product-inner  */
.product-flavors{padding: 33px 0 53px;}
.product-flavors h4{font-weight:700;text-align:left;margin-bottom:59px;}
.product-inner .banner-grid .left{background-color: #72B74DE5;padding: 58px 0 58px;}
.product-inner .banner-grid .left img{max-width:60%;height:auto;display:block;margin:0 auto;}
.product-inner .banner-grid .right{padding:58px 43px 0px;}
.product-inner .banner-grid .right .options p{color:#19171C;font-weight:700;font-size:24px;line-height:52px;border:none;padding:0;margin:0;}
.product-inner .banner-grid .right p{font-weight:500;font-size:20px;line-height:30px;margin-top:29px;max-width: 558px;}
.product-inner::before{content:"";background:url(../image/occians_after1.png) no-repeat;position:absolute;width:586px;height:291px;top:60%;left:80%;z-index:9;}
.product-inner .owl-carousel .owl-dots{position:absolute;bottom:20px;left:50%;transform: translateX(-50%);}
.product-inner .owl-carousel .owl-dots .owl-dot span{background-color:#fff;border:2px solid #fff}
.product-inner .owl-carousel .owl-dots .owl-dot.active span{background-color:#a67d37}
/*faq-accoudian*/
.faq-section{padding:76px 0 17px;position: relative;}
.faq-section::before{content:"";background:url(../image/loyal_red.png) no-repeat;position:absolute;width:356px;height:177px;top:70%;left:-10%;}
.faq-section .faq{border-top:2px solid #a67d37;}
.faq-section .faq-item{padding:30px 0;border-bottom: 2px solid #A67D37;}
.faq-section .faq-item .faq-question h6{font-weight:700}
.faq-section .faq-question{text-align:left;border:none;outline:0;width:100%;cursor:pointer;border-radius:10px;position:relative}
.faq-section .faq-question::after{position:absolute;content:"";width:30px;height:33px;background-image:url(../image/faq-plus.svg);background-repeat:no-repeat;background-size: 100% 100%;top:0;right:30px}
.faq-section .faq-question.active::after{width:30px;height:33px;background-image:url(../image/faq-minus.svg)}
.faq-section .faq-answer{margin-top:15px;display:none;max-width:95%;}
.faq-section .faq-answer p{font-weight:400;font-size:18px;line-height:24px;margin-bottom:10px}
.faq-contact::before {
    background: url(../image/contact-faq.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
    width: 170px;
    height: 220px;
    top:unset;
    bottom: -6%;
}
.faq-title {margin-bottom: 55px;max-width:906px;}
.faq-title h4{margin-bottom:21px;}
.faq-title p{font-weight: 600;font-size: 24px;line-height: 40px;letter-spacing: 0%;}
.faq-contact{padding: 82px 0 193px;}
.faq-contact h6{ font-size:24px;line-height: 30px; }
.faq-head{margin-top: 335px;text-align: center;}
.faq-head h6{font-weight:700;line-height:52px}
.faq-contact .faq-section::before{width:29px;height:5px;}
.faq-contact .faq-question::after{width:29px;height:36px;}



/*Arya*/
.faq-section .faq-answer table {
    width: 100%;
}
.faq-section .faq-answer table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.faq-section .faq-answer td, .faq-section .faq-answer th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.faq-section .faq-answer th{background: #D8BC94;}
.faq-section .faq-answer th:first-child{width:30%;}


/*faq end*/

.logo-inner-section{background-color: #19171C;padding: 15px 0 35px;}
.logo-inner-section::before{display: none;}
.logo-inner-section .logo-items{max-width: 1220px;margin: 0 auto;}
.logo-inner-section .owl-nav{display: none;}
.logo-inner-section .owl-item.active{border: none;}
.everyday-flavors .slider-2{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:130px}


.logo-carousel .owl-stage-outer{overflow:hidden;}
.owl-theme .owl-nav [class*='owl-'] {transition: all .3s ease;}
#sync1.owl-theme {position: relative;}
#sync2 .owl-nav{display: none;}
#sync2 .item {cursor: pointer;}
.why-choose-wrp .owl-stage{display: flex;flex-wrap: wrap;}
.banner-slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}


.recipe-section .recipe-wrp .left .naan-img {transform: rotate(-10deg);transition: 0.3s ease;animation: RoteLeftRight 2s ease infinite;}
.recipe-section .recipe-wrp .left .pack-img {animation: MoveTopBottom 2s ease infinite;}
@keyframes RoteLeftRight {
    0%   { transform: rotate(0deg); }
    50%  { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}
@keyframes MoveTopBottom {
    0%   { transform: translateY(0px); }
    50% { transform: translateY(15px); }
    100% { transform: translateY(0px); }
}

.move-top-bottom {
  animation: MoveTopBottom 2s ease-in-out infinite;
}


/*.menu-section .menu-cnt, .menu-img {max-height: 620px;}*/
.occasion-section .product-logo-slider{margin-top:50px;}
.occasion-section .product-logo-slider .item{min-height: auto;padding:0;text-align: center; align-items: center;}
.occasion-section .product-logo-slider .item div{border-radius: 50%;width:102px;height:102px;display: flex;align-items: center;justify-content: center;    min-height: auto;margin-bottom:6px;}
.occasion-section .product-logo-slider .item img{max-height:72px;object-fit:contain;}
.occasion-section .product-logo-slider .item h6{font-size:20px;line-height: 100%;font-weight: 700;font-family: 'Proxima Nova';}
.product-bg1{background-color:#80BE5E;}
.product-bg2{background-color:#EC6946;}
.product-bg3{background-color:#F5AF23;}
.product-bg4{background-color:#BA5740;}
.product-bg5{background-color:#80BE5E;}
.product-bg6{background-color:#DB708E;}




.banner-section.recipe-banner .banner-grid .right-img img {
    height: calc(100vh - 320px);
    width: auto;
    margin-left: auto;
    max-height: 50vh
}

.our-story::before,
.our-story::after {
    z-index: 1;
    transform: none;
    background-size: 100% 100%;
}
 
html {scroll-behavior: smooth; }
 
 .occasion-section .product-logo-slider a {color:#000;}




.content-section {
    padding: 55px 0 70px;
}
 
.content-section .content-wrp{
        padding-left: calc((100% - 1327px) / 2);
}
 
.content-section .content-head {
        margin-bottom: 30px;
}
 
.content-section h4{
    font-size: 30px;
    line-height: 36px;
    margin: 24px 0;
    color: #131313;
}
 
.content-section p {
    font-size: 18px;
    line-height: 28px;
    color: #131313;
}
 
.content-section p:not(:last-child) {
  margin-bottom: 15px;
}

.left.owl-carousel, .left.owl-carousel .owl-stage, .left.owl-carousel .owl-item {
  width: 100% !important;
  box-sizing: border-box;
}


.fancybox-close{background: url(../image/fancybox_sprite.png) no-repeat;}
.fancybox-wrap {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.fancybox-wrap .fancybox-inner{height:auto !important;}

.fancybox-lock body::after{
  content:"";
  background-color: rgba(0, 0, 0, 0.7); 
  /*backdrop-filter: blur(4px);*/ 
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index: 99;
}

.menu-section .owl-nav{height:0;}

.slider-3 .owl-stage{display: flex;}
.common-slider .item {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.banner-ingredients {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    /*display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;*/
}
.banner-ingredients img{max-width:197px; }
.occasion-section .item .item-img {min-height: 253px; display: flex; justify-content: center; align-items: center; }

.banner-ingredients{
    display: none;
}