body {white-space: normal;font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300)));line-height: 1.4;margin: 0px;padding: 0px;font-weight: normal; font-family:'Lovechild', Arial, Helvetica, sans-serif;overflow-x: hidden;color: #000000;}
html{ scroll-behavior: smooth;}
 
@font-face {font-family: 'Lovechild';src: url('Lovechild-Regular.woff2') format('woff2'),url('Lovechild-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Brown LL TT';src: url('BrownLLTT-Regular.woff2') format('woff2'),url('BrownLLTT-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Brown LL TT';src: url('BrownLLTT-Bold.woff2') format('woff2'),url('BrownLLTT-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}

*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
a:focus {outline: 0px auto -webkit-focus-ring-color;outline-offset: 0px;} 
a, img {text-decoration: none;outline: none;}
section{display: block; width: 100%;}
ul{margin:0;padding:0;list-style:none;}
a:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
img{ max-width: 100%; }
/* width */
::-webkit-scrollbar {width: 10px;}/* Track */::-webkit-scrollbar-track { background: #c7000d;}/* Handle */::-webkit-scrollbar-thumb { background: #141925;}/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #555;}/* Firefox */ * {scrollbar-width: auto;scrollbar-color: #c7000d #f1f1f1;}

h1{font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (1920 - 300)));  }
h2{font-size: calc(20px + (35 - 20) * ((100vw - 300px) / (1920 - 300)));  }
h3{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1920 - 300)));  }
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300)));  }
h1,h2,h3,h4,h5,h6,p,a{ text-transform: none;}
a:focus {outline: 0px auto;}

/*-------Header---------*/
.logo{float: left;min-height: 98px;width: 100%; display: flex; align-items: center; position: fixed; top: 0; z-index: 99; background: #c7000d;   }
.logo h1{ font-size: 72px; color: #ffffff; font-family:'Lovechild', Arial, Helvetica, sans-serif;}
.banner{width: 100%; padding-top: 98px; display: flex; align-items: center; height: 100vh; }
.banner img{width: 100%;height: 100%; object-fit: cover;}
.mobile_view{display: none;} 

/*--------Recipe card---------*/
.recipe-card{ padding: 53px 0 0; width: 100%; background: #e6b773 url('../images/bg-pattern-new.jpg') repeat;}
ul#RoyalList {display: flex;width: 100%;flex-wrap: wrap;gap: 2%;justify-content: flex-start;}
/* #RoyalList li{display:none;} */
#RoyalList li{ width: 32%; -webkit-box-orient: vertical;margin: 0 0 50px;}
#RoyalList li a{position: relative;-webkit-transition: all .3s;transition: all .3s;display: flex;flex-direction: column;overflow: hidden;height: 100%;padding: 0 0 43px;}
#RoyalList li .rec__img{aspect-ratio: 303 / 190;height: 258px;overflow: hidden;transition: all .6s;}
#RoyalList li:hover .rec__img img{transform: scale(1.1); }
#RoyalList li:hover .rec__img{box-shadow: -4px -1px 8px 4px rgb(0 0 0 / 35%);}
#RoyalList li h3{font-size: 42px;color: #c6000d;line-height: 45px;padding: 31px 0 20px;}
.object-cover {-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%; -webkit-transition: all .3s;transition: all .3s;}
.btn-cartouche{color: #e6b773;background-color: #c7000d;border-radius: 0;display: inline-block;font-size: 1.3rem;font-weight: 400;line-height: 42px;position: absolute;text-align: center;max-width: 126px;width: 100%;height: 42px;margin-left: 18px;transition: all .3s;font-family:'Brown LL TT', Arial, Helvetica, sans-serif;bottom: 0px;}
.btn-cartouche:after, .btn-cartouche:before {background-color: #c7000d;content: "";height: 33px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 18px; transition: all .3s;}
.btn-cartouche:before {border-bottom-left-radius: 9999px;border-top-left-radius: 9999px;left: -17px;}
.btn-cartouche:after {border-bottom-right-radius: 9999px;border-top-right-radius: 9999px;right: -17px;}
.btn-cartouche:hover, .btn-cartouche:hover:after, .btn-cartouche:hover:before{color: #c7000d;background-color: #f7f2e8;}
#loadMore {width: 100%;text-align: center;display: flex;justify-content: center;}
.btn-floron{color: #c6000d;font-size: 1.4rem;cursor:pointer;letter-spacing: 2.2px;text-transform: uppercase;position: relative; padding: 1px 8px; margin: 17px 0 45px; border-bottom: 2px solid transparent; transition: all .3s;font-family:'Brown LL TT', Arial, Helvetica, sans-serif;}
.btn-floron:hover {border-bottom: 2px solid;}

.btn-floron:after, .btn-floron:before {content: "";position: absolute;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1;text-transform: none;display: inline-block;vertical-align: top;width: 30px;height: 30px;}
.btn-floron:before {background: url('../images/leaves.png') no-repeat;-webkit-transform: rotate(180deg);transform: rotate(180deg);background-size: contain;left: -36px;}
.btn-floron::after {background: url('../images/leaves.png') no-repeat;background-size: contain;right: -36px;}

/*--------Footer---------*/
.footer-description{width: 100%; display: flex; align-items: center; position: relative;z-index: 99; background: #c7000d; font-family:'Brown LL TT', Arial, Helvetica, sans-serif; }
.footer-description ul { font-size: 1.375rem;font-weight: 400; line-height: 1.2;color: #e6b773; display: flex; padding: 39px 0 26px;-webkit-column-gap: 33px;-moz-column-gap: 33px;column-gap: 33px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.footer-description ul li a{color: #e6b773;text-decoration: underline;transition: all .3s;}
.footer-description ul li a:hover {color: #f1f1f1; }

.scroll-top-arrow {bottom: 38px;right: 40px;cursor: pointer;position: fixed;transition: all .5s ease 0s;animation: mymove 2s infinite;border: 3px solid #c7000d;border-radius: 100%;z-index: 9999;box-shadow: 0 0px 6px 0 rgb(57 34 0);}
.scroll-top-arrow div {font-size: 36px;line-height: 58px;color: #e9bb7a;background: #c7000d;height: 55px;width: 55px;padding: 0;text-align: center;border-radius: 100%;margin: 3px;box-shadow: 0 0px 6px 0 rgb(166 112 34);}
.scroll-top-arrow:focus, .scroll-top-arrow:hover, .scroll-top-arrow:hover > div {color: #c7000d;background: #e6b773;}
@keyframes mymove{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}




/*==========Responsive=======*/
@media only screen and (max-width:1400px){
#RoyalList li h3{font-size: 36px; line-height: normal;  }
}
@media only screen and (max-width:1280px){
.banner {height: 100%;}
#RoyalList li h3{font-size: calc(22px + (36 - 22) * ((100vw - 300px) / (1920 - 300))); line-height: normal;padding: 17px 0 14px; }
}
@media only screen and (max-width:1100px){
.container, .container-sm{max-width: 100%;}
}
@media only screen and (max-width:767px){
.mobile_view{display: inline-block;}
.desk_view{display: none;}
.footer-description ul{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1920 - 300))); }
.btn-floron{font-size: 18px; margin: 16px 0 35px;}
.btn-cartouche{font-size: 17px; max-width: 111px; line-height: 36px; height: 36px;margin-left: 12px;}
.footer-description ul{column-gap: 10px;padding: 25px 0 24px; justify-content: center; flex-wrap: wrap;}
.scroll-top-arrow{right: 7px; bottom: 20px;}
.scroll-top-arrow div{ line-height: 38px;font-size: 26px; height: 33px;width: 33px;}
.recipe-card {padding: 32px 0 0;}
.logo{ min-height: 70px;}
.logo img{ height: 52px;}
.banner{padding-top:70px; }
.btn-cartouche:after, .btn-cartouche:before{height: 26px; width: 14px;}
.btn-cartouche:before{left: -12px;} .btn-cartouche:after{right: -12px;}
#RoyalList li h3 br{display: none;}
#RoyalList li h3{padding: 17px 0 7px;}
} 
@media only screen and (max-width:580px){
#RoyalList li{width: 49%; margin: 0 0 25px;}
#RoyalList li .rec__img{ height: 133px;}
}
@media only screen and (max-width:380px){
#RoyalList li{width: 99%; margin: 0 0 25px;}
#RoyalList li .rec__img{ height: 212px;}
}