@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css");
@import url("https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css");
@import url("https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css");
/* @import url('aos.css'); */
@import url('header.css');
@import url('footer.css');

@font-face {
    font-family: 'Feeling Passionate Personal Use';
    src: url('../fonts/FeelingPassionatePersonalUse-.eot');
    src: url('../fonts/FeelingPassionatePersonalUse-.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FeelingPassionatePersonalUse-.woff2') format('woff2'),
        url('../fonts/FeelingPassionatePersonalUse-.woff') format('woff'),
        url('../fonts/FeelingPassionatePersonalUse-.ttf') format('truetype'),
        url('../fonts/FeelingPassionatePersonalUse-.svg#FeelingPassionatePersonalUse-') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-Geist);}
.text-danger{color:red;font:var(--font-15);}
p{font: var(--font-16);color:var(--color-1d); margin-bottom: 3rem;}
p:last-of-type{margin-bottom: 0;}
p:not(:has(+ *)){margin-bottom:0;}
a{text-decoration: none;}
figure{margin:0;}
.img-radius{ border-radius:0.8rem ; -webkit-border-radius:0.8rem ; -moz-border-radius:0.8rem ; -ms-border-radius:0.8rem ; -o-border-radius:0.8rem ; }
ul{padding-left:0;}
ul li{list-style:none;}

:root {
    --font-Geist: "Geist", sans-serif;
    --font-poppins: "Poppins", sans-serif;
    --font-feeling:'Feeling Passionate Personal Use';
    --color-ec: #EC3136;
    --color-d4: #D4322D;
    --color-1d: #1D1D1D;
    --color-d1:#d1d1d1;
    --color2c: #2C2B29;
    --color23:#231F27;
    --color-44: #444444;
    --color-58: #585858;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-ed:#ED31370F;
    --color-f2: #F2F2F2;
    --color-f3: #f3f3f3;
    --color-f0: #F0F0F0;
    --color-f8: #F8F8F8;
    --color-e8: #E8E8E8;
    --color-db: #dbdbdb;
    --color-e9: #E9E9E9;
    --color-70: #707070;
    --mx2545:2545px;
    --mx1375:71.6145833vw;
    --font-159: var(--font_normal) 15.9rem/1.194 var(--font-feeling);
    --font-158: 15.8rem;
    --font-122:12.2rem;
    --font-100: var(--font_normal) 10rem/1.31 var(--font-Geist);
    --font-75:var(--font_normal) 7.5rem/1.1 var(--font-feeling);
    --font-88: var(--font_normal) 8.8rem/2.15 var(--font-feeling);
    --font-82: var(--font_normal) 8.2rem/1.09 var(--font-Geist);
    --font-80:8rem;
    --font-66:6.6rem;
    --font-64: var(--font_normal) 6.4rem/1.06 var(--font-Geist);
    --font-65: var(--font_normal) 6.5rem/1 var(--font-Geist);
    --font-62: var(--font_normal) 6.2rem/1 var(--font-Geist);
    --font-60: var(--font_normal) 6rem/0.9 var(--font-Geist);
    --font-56: var(--font_normal) 5.6rem/0.9 var(--font-Geist);
    --font-48: var(--font_normal) 4.8rem/1 var(--font-Geist);
    --font-46: var(--font_normal) 4.6rem/1.26 var(--font-Geist);
    --font-45: var(--font_normal) 4.5rem/1.28 var(--font-Geist);
    --font-42: var(--font_normal) 4.2rem/1 var(--font-Geist);
    --font-40: var(--font_normal) 4rem/1.05 var(--font-Geist);
    --font-38: var(--font_normal) 3.8rem/1.105 var(--font-Geist);
    --font-36: var(--font_normal) 3.6rem/1.16 var(--font-Geist);
    --font-32: var(--font_300) 3.2rem/1.43 var(--font-Geist);
    --font-30: var(--font_normal) 3rem/1.266 var(--font-Geist);
    --font-28: var(--font_normal) 2.8rem/1.5 var(--font-Geist);
    --font-26: var(--font_normal) 2.6rem/1.5 var(--font-Geist);
    /* --font-26: 2.6rem; */
    --font-25: var(--font_normal) 2.5rem/1.25 var(--font-Geist);
    --font-24: var(--font_normal) 2.4rem/1.25 var(--font-Geist);
    --font-22: var(--font_normal) 2.2rem/1.36 var(--font-Geist);
    --font-21: 500 2.1rem/1.28 var(--font-Geist);
    --font-18: var(--font_normal) 1.8rem/1.33 var(--font-Geist);
    --font-17: 1.7rem;
    --font-16: var(--font_normal) 1.6rem/1.62 var(--font-Geist);
    --font-15: var(--font_normal) 1.5rem/1.33 var(--font-Geist);
    --font-14: var(--font_normal) 1.4rem/1.5 var(--font-Geist);
    --font-13: var(--font_normal) 1.3rem/1.33 var(--font-Geist);
    --font-12: var(--font_normal) 1.2rem/1.33 var(--font-Geist);
    --font-10: var(--font_normal) 1rem/1.33 var(--font-Geist);
    --font_normal: 400;
    --font_200: 200;
    --font_300: 300;
    --font_medium: 500;
    --font_600: 600;
    --font_bold: bold;
}

body{margin:0;scroll-behavior:smooth;color:var(--color-44);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
 /* html{font-size:clamp(5px,0.520833333vw,10px);} 
.container{max-width:min(1505px,78.3854167vw);padding-left:1.5rem;padding-right:1.5rem;margin-inline:auto;}
.container-lg{max-width:min(1755px,91.40625vw);padding-left:1.5rem;padding-right:1.5rem;}  */
.container-fluid{max-width:100%;padding:0;}
.max-container{margin-right:0;padding-left:0;width:calc(100% - ((100% - min(1475px,76.8229vw)) / 2));max-width:var(--mx2545);margin-left:auto;}
.container{ width: 100%; max-width: min(1505px, 68.409090vw); padding-inline: 1.5rem; margin: auto;}
.container-lg{width: 100%; max-width: min(1755px, 79.77272727vw); padding-inline: 1.5rem; margin: auto;}
html{font-size:min(0.45454545vw,10px);} 


/* @media (max-width:1899px) {
  html{font-size:57.5%}
 

}


@media (max-width:1599px) {
  html{font-size:42.5%}


} */


@media (max-width:991px) {
     html{font-size:58.5%}
:root {
    --font-100: var(--font_normal) 7.5rem/1.31 var(--font-Geist); 
     --font-64: var(--font_normal) 4.8rem/1.06 var(--font-Geist);
      --font-60: var(--font_normal) 4rem/1.06 var(--font-Geist);
}

   
    .container{max-width:100%;padding-left:2.5rem;padding-right:2.5rem;}
    .container-lg{max-width:100%;padding-left:2.5rem;padding-right:2.5rem;}
    .container-fluid{max-width:100%;padding:2.5rem;}
}

@media (max-width:767px) {
:root {
    --font-100: var(--font_normal) 5rem/1.31 var(--font-Geist); 
    --font-64: var(--font_normal) 3.6rem/1.06 var(--font-Geist);
    --font-60: var(--font_normal) 3.5rem/0.9 var(--font-Geist);
    
}

    html{font-size:55.5%}
    .container{padding-left:2rem;padding-right:2rem;}
    .container-lg{padding-left:2rem;padding-right:2rem;}
    .container-fluid{padding:2rem;}
    
}
@media (max-width:599px) {
:root {
    --font-100: var(--font_normal) 4.2rem/1.31 var(--font-Geist); 
     --font-64: var(--font_normal) 3.2rem/1.06 var(--font-Geist);
       --font-60: var(--font_normal) 3rem/0.9 var(--font-Geist);
    
}

}




.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}

h1{font:var(--font-60);}
h2{font:var(--font-48);}
h3{font:var(--font-36);}
h4{font:var(--font-24);}
h5{font:var(--font-21);}
h6{font:var(--font-18);}
.streched_link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.goldiee-red{color:var(--color-ec); }
.border-line{width: 100%; height: 0.1rem;background-color: var(--color-e8);}
.border75{width: var(--mx1375); height: 0.1rem;background-color: var(--color-e8); margin-inline: auto;}

.know-more{color:#1D1D1D;text-decoration:none;letter-spacing:0.106rem;font:var(--font-12);font-weight:600;margin-top:2rem;display:inline-block;}
.know-more svg{stroke:var(--color-1d);color:currentColor;margin-left:1rem;transition:.2s ease all;}
.know-more:hover{color:var(--color-d4);}
.know-more:hover svg{color:var(--color-d4);stroke:currentColor;margin-left:1.5rem;}


.know_btn{ display:inline-flex; align-items:center; gap:1.65rem; text-decoration: none; font:var(--font-14); color:var(--color-ec); font-weight:500; letter-spacing: 0.252rem; text-transform:uppercase; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.know_btn::after{ content:''; background:url(../images/arrow-right.svg) no-repeat; width:4rem; height:2rem; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;    background-position: center; }
.know_btn:hover{color: var(--color-1d);}
.know_btn:hover::after{ filter: brightness(0); -webkit-filter: brightness(0); transform: translateX(-0.5rem); -webkit-transform: translateX(-0.5rem); -moz-transform: translateX(-0.5rem); -ms-transform: translateX(-0.5rem); -o-transform: translateX(-0.5rem); }
.over_btn{position: absolute;top: 0;left: 0;bottom: 0;right: 0;font-size: 0;}

.theme_btn{position:relative;overflow:hidden;z-index:1;display:inline-block;font:var(--font-18);font-weight:600;color:var(--color-white);border:0.1rem solid var(--color-ec);align-content:center;background-color:var(--color-ec);padding:0.2rem 1.5rem;height:4.1rem;}
.theme_btn::after{content:'';position:absolute;width:100%;height:100%;inset:0;z-index:-1;background-color:var(--color-1d);opacity:0.1;transform:translateX(-100%);transition-property:transform;transition-timing-function:cubic-bezier(0.56,0,0,0.99);transition-duration:0.6s;}
.theme_btn:hover::after{transform:translateX(0);transition-duration:1s;}

.theme_rdsbtn{position:relative;overflow:hidden;z-index:1;display:inline-block;font:var(--font-14);color:var(--color-white);letter-spacing:-0.042rem;align-content:center;padding:0.2rem 1.8rem;background-color:var(--color-ec);border:0.1rem solid var(--color-ec);border-radius:5rem;height:3.5rem;}
.theme_rdsbtn::after{content:'';position:absolute;width:100%;height:100%;inset:0;z-index:-1;background-color:var(--color-1d);opacity:0.1;transform:translateX(-100%);transition-property:transform;transition-timing-function:cubic-bezier(0.56,0,0,0.99);transition-duration:0.6s;}
.theme_rdsbtn:hover::after{transform:translateX(0);transition-duration:1s;}

.scroll_more{text-align:center;padding-top:29rem;margin-top:-30rem;background: transparent linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #FFFFFF 65%);}
.scroll_more:not(:has(*)){display: none;}
.moredown_btn{ display:inline-flex; flex-direction:column; font:var(--font-14); color: var(--color-1d); font-weight:500; letter-spacing:0.252rem; align-items:center; gap:1.6rem; border:none; background-color:transparent; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.moredown_btn>img{ width:4.2rem; animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; }
.moredown_btn:hover{color: var(--color-d4);}
@keyframes bounce {
    0%,100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
    50%{transform:translateY(-1rem);-webkit-transform:translateY(-1rem);-moz-transform:translateY(-1rem);-ms-transform:translateY(-1rem);-o-transform:translateY(-1rem);}
}



@media (max-width: 767px) {
    .know_btn {gap: 1rem;letter-spacing: 1.52px;}
}

blockquote{margin: 0;}
.title100{font:var(--font-100);line-height: 0.9; font-weight:bold;color:var(--color-1d);}
.title100>strong{font-weight:inherit;color:var(--color-d4);}
.title48{font:var(--font-48);font-weight:300;color:var(--color-1d);letter-spacing: -1.44px;}
.title48>strong{font-weight:inherit;color:var(--color-ec);}
.title42{font:var(--font-42);line-height:1.190;font-weight:300;color:var(--color-1d);letter-spacing:-0.126rem;}
.title38{font:var(--font-38);font-weight:bold;color:var(--color-1d);letter-spacing:-0.114rem;}
.title36{font:var(--font-36);font-weight:bold;color:var(--color-1d);}
.title32{font:var(--font-32);line-height:1.43;font-weight:300;color:var(--color-1d);letter-spacing:-0.096rem;}
.title24{font:var(--font-24);font-weight:normal;color:var(--color-1d);}
.title18{font:var(--font-18);font-weight:500;color:var(--color-ec);letter-spacing:0.324rem;text-transform:uppercase;}


/* animation  */
@media(min-width:991px){
    .image,.image2,.image3{opacity:0;}
    .image4::before{scale:0 1;}
    .reveal-image,.reveal-image:after{position:absolute;animation-delay:.2s;animation-iteration-count:1;animation-duration:1200ms;animation-fill-mode:both;animation-timing-function:ease-in-out;}
    .reveal-image2,.reveal-image2:after{position:absolute;animation-delay:.1s;animation-iteration-count:1;animation-duration:1200ms;animation-fill-mode:both;animation-timing-function:ease-in-out;}
    .reveal-image{opacity:1;position:relative;animation-name:reveal-image;}
    .reveal-image2{opacity:1;position:relative;animation-name:reveal-image2;}
    .reveal-image3{opacity:1;position:relative;animation-name:fadeInline1;animation-delay:.1s;animation-iteration-count:1;animation-duration:1200ms;animation-fill-mode:both;animation-timing-function:ease-in-out;transform-origin:top;}
    .reveal-image4::before{scale:0 1;position:relative;animation-name:fadeInline2;animation-delay:.5s;animation-iteration-count:1;animation-duration:1500ms;animation-fill-mode:both;animation-timing-function:ease-in-out;transform-origin:left;}


/* .reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;} */

@keyframes reveal-image {
    from{clip-path:inset(0 100% 0 0);}
    to{clip-path:inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from{clip-path:inset(0 0% 100% 0);}
    to{clip-path:inset(0 0 0 0);}
}

@keyframes fadeInLeft {
    from{opacity:0;margin-left:-25%;}
    to{opacity:1;margin-left:0%;}
}

@keyframes fadeInRight {
    from{opacity:0;margin-left:30%;}
    to{opacity:1;margin-left:0%;}
}

@keyframes fadeInline1 {
    0%{opacity:0;scale:1 0}
    100%{opacity:1;scale:1 1;}
}

@keyframes fadeInline2 {
    0%{opacity:0;scale:0 1}
    100%{opacity:1;scale:1 1;}
}
}



/* Recipe Area Start */
.recipe_sec{padding-block:12rem;background-color:var(--color-d4);}
.recipe_sec .sec_title{margin-bottom:6rem;}
.recipe_sec .sec_title>*{color:var(--color-white);}
.recipe_sec .sec_title>.title18{margin-bottom:0.5rem;}
.recipe_sec .sec_title>.title48{margin-bottom:1.6rem;}
.recipe_sec .sec_title>p{font:var(--font-13);padding-inline:3rem;}

.resipe_swiper{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;}
.resipe_item{position:relative;border-radius:1.6rem;overflow:hidden;}
.resipe_caption{position:absolute;bottom:0;left:0;width:100%;padding:9.1rem 2.1rem 2.8rem;background:transparent linear-gradient(180deg,#00000000 0%,rgb(0 0 0 / 45%) 100%);}
.resipe_caption>*{color:var(--color-white);}
.resipe_caption>h4{font:var(--font-24);font-weight:bold;letter-spacing:-0.072rem;margin-bottom:0.76rem;}
.resipe_caption>.know_btn{font:var(--font-12);letter-spacing:0;font-family:var(--font-poppins);font-weight:normal;gap:0.6rem;text-transform:capitalize;}
.resipe_caption>.know_btn::after{background-size:1.7rem;width:1.8rem;height:1rem;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}
.iti__selected-dial-code{ color: #fff !important;     font-size: 1.4rem;}
.iti__arrow {     border-top: 4px solid #fff; }


@media(max-width:1649px) {
    .recipe_sec{padding-block:8.5rem 9.8rem;}
    .recipe_sec .sec_title>p{padding-inline: 2rem;}
    .recipe_sec .sec_title{margin-bottom:4.6rem;}
     p {font: var(--font-18);    line-height: 1.6;}
}
@media(max-width:1299px) {
    .recipe_sec { padding-block:6.5rem 7.8rem;}
    .recipe_sec .sec_title{margin-bottom:3.6rem;}
    .recipe_sec .sec_title>h3{margin-bottom: 1.2rem;}
    .recipe_sec .sec_title>p{padding-inline:1rem;}
    .resipe_grid{gap: 1rem;}

}
@media(max-width:1199px) {
    .recipe_sec{padding-block:5.5rem 5.8rem;}
    .recipe_sec .sec_title{margin-bottom:3rem;}
    .resipe_caption{ padding: 5.1rem 2.1rem 2rem;}
}
@media(max-width:991px){
    .recipe_sec{padding-block:4.5rem 4.8rem;}
    .title36 {font: var(--font-28); font-weight: 700; line-height: 3.2rem}
    .title32 {font: var(--font-21);}
    .title42 {font: var(--font-28);}
    .title48{font: var(--font-32);font-weight: 400;line-height: 3.5rem}
    .title38 {font: var(--font-28);font-weight: 400;line-height: 3.5rem;letter-spacing: 0.1rem;}
    .responsive_coming_soon{margin-top: 18rem;margin-bottom: 5rem;}
    .responsive_coming_soon img{height: 29rem;}
      p {font: var(--font-15);  line-height: 1.6;}

}
@media (max-width: 675px) {
    .recipe_sec .sec_title{margin-bottom:2rem;}
    .recipe_sec .sec_title>p{padding-inline:0;}
    .resipe_grid { grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 599px) {
    .title48{font: var(--font-28);font-weight: 400;line-height: 3.5rem}
    p {font: var(--font-14)}
    .recipe_sec .sec_title>.title18 {   margin-bottom: 1.5rem;}
    .recipe_sec .sec_title>h3 {    margin-bottom: 1.2rem;font: var(--font-21);}
    .responsive_coming_soon {margin-top: 10rem;}
    .responsive_coming_soon img {   height: 20rem;}
    h6 {   font: var(--font-16);}
}
@media (max-width: 425px) {
    .title48{font: var(--font-28);font-weight: 400;line-height: 3.5rem}
    .title24{font: var(--font-21);}
    p {font: var(--font-15); line-height: 1.5;}
}
@media (max-width: 375px) {
.responsive_coming_soon {margin-top: 15rem;margin-bottom: 10rem;}
.responsive_coming_soon img {height: 12rem;}
}