:root{--clr-primary-5: #ffa600;--clr-primary-10: #301202;--clr-white: #fff;--clr-black: #644904;--transition: all .3s linear;--transform: scale(1.1);--text-transform: capitalize;--spacing: .1rem;--radius: .25rem;--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--dark-shadow: 0 5px 15px rgba(0, 0, 0, .2);--max-width: 1400px;--fixed-width: 1200px}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{overflow-x:hidden;width:100%}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.25rem}h4{font-size:.9rem}p{margin-bottom:1.25rem;color:var(--clr-black);font-size:1.8rem}.flex-cont{display:flex;align-items:center;gap:17px;margin-bottom:38px}.about-image{max-width:210px}.par-about{font-size:1.2rem;line-height:1.6;font-family:Roboto,sans-serif;color:#333;background-color:#fff;margin-bottom:20px;margin-top:8px}.about-section{padding:10rem}.about-title{color:#f70;margin-bottom:3rem;text-align:center}p{font-size:1.2rem}@media(max-width:768px){.flex-cont{flex-direction:column;align-items:center}.about-image{max-width:100%}.about-image:first-child{display:none}.about-section{padding:4rem}.par-about,p{font-size:.8rem}.about-title{margin-top:40px;margin-bottom:20px;font-size:1.5rem}}.blog-main{width:90vw;max-width:var(--fixed-width);margin:2rem auto}.one-blog{background:var(--clr-white);border-radius:var(--radius);margin:2rem 0;box-shadow:var(--dark-shadow);transition:var(--transition);padding:2rem}.one-blog:hover{box-shadow:var(--light-shadow)}.one-blog img{width:100%;height:35rem;object-fit:cover;border-top-right-radius:var(--radius);border-top-left-radius:var(--radius)}.blog-info{margin-bottom:1.5rem;font-size:1.2rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem}.link{text-decoration:none;padding:20px;color:#000;font-size:30px}.title{display:flex;justify-content:center;margin-top:5rem}.subtitle{margin:2rem 0;text-align:center;color:#ff6f00}.btn{border-radius:var(--radius);text-transform:capitalize;color:#ff6200;letter-spacing:var(--spacing);border-color:transparent;cursor:pointer;font-size:1.2rem}.delete-btn{display:block;width:200px;margin:2rem auto;color:#ff4500;letter-spacing:var(--spacing);background:transparent;border:1px solid;border-color:#ff4500;padding:.25rem .5rem;border-radius:var(--radius);transition:var(--transition)}.delete-btn:hover{background:var(--clr-primary-5);color:var(--clr-white)}.center{margin-top:3rem;text-align:center}.reload{margin-top:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.btn-reload{display:block;width:300px;margin:2rem auto;color:var(--clr-primary-5);letter-spacing:var(--spacing);background:transparent;border:2px solid var(--clr-primary-5);padding:.5rem;border-radius:var(--radius);transition:var(--transition)}.btn-reload:hover{background:var(--clr-primary-5);color:var(--clr-white)}@media screen and (max-width:500px){.title h1{font-size:2rem;text-align:center}.subtitle{font-size:1.5rem}.blog-info,.btn{font-size:.8rem}}.types{display:flex;justify-content:space-between;flex-wrap:wrap;width:var(--max-width);margin:0 auto}.bread-card{width:460px;margin-top:3rem;padding:20px;border-radius:var(--radius);box-shadow:var(--dark-shadow)}.bread-card:hover{box-shadow:var(--light-shadow);transition:var(--transition)}.types-title{margin-top:10rem;text-align:center;color:#6a3602}.type-subtitle{margin:1rem 0}.type-text{font-size:1rem;line-height:1.5rem;letter-spacing:var(--spacing)}.type-img{width:420px;border-radius:var(--radius)}.btn-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:700px;margin:3rem auto}.change{padding:10px 30px;background:#ff6200;border:none;color:var(--clr-white);font-size:1.1rem;font-weight:500}.change:hover{background:var(--clr-white);color:#ff4500;transition:var(--transition)}@media screen and (max-width:1260px){.types{width:500px;flex-direction:column;align-items:center}}@media screen and (max-width:850px){.types-title{font-size:2rem;margin:8rem auto 2rem}.btn-container{width:400px;flex-direction:column;margin:2rem auto}.change{padding:10px 30px;margin:.3rem}}@media screen and (max-width:500px){.types{width:350px}.btn-container{width:350px;flex-direction:column}.bread-card{width:350px}.type-img{width:300px;border-radius:var(--radius)}.type-subtitle{font-size:1.5rem}.type-text{font-size:.8rem;line-height:1.2rem}}video{display:block;object-fit:cover;width:100vw;height:80vh;position:relative;top:0;left:0;z-index:-1}@media(max-width:1200px){video{height:50vh;width:100%}}.hero{display:flex;padding-top:13rem;padding-left:10rem;background-image:url(/assets/05-DyLIYaPp.jpg);background-size:cover;background-repeat:no-repeat;width:100%;height:100vh}.container{position:relative}.container h1{color:var(--clr-white);font-size:4rem;line-height:1.3;margin:100px 0 20px;font-weight:600;text-transform:var(--text-transform);letter-spacing:var(--spacing)}.hero-link{display:flex;margin-top:2rem}.hero-link .explore{margin-right:20px;padding:12px 60px;border:2px solid var(--clr-primary-5);border-radius:var(--radius);color:var(--clr-white);font-weight:600;letter-spacing:var(--spacing);transition:var(--transition);font-size:18px}.hero-link .explore:hover{background-color:var(--clr-white);border:none;color:var(--clr-primary-5);border:2px solid var(--clr-white)}a{text-decoration:none}@media screen and (max-width:1120px){.hero{padding-top:9rem;padding-left:3rem;background-position:center;height:80vh}.container h1{font-size:3.5rem}}@media screen and (max-width:768px){.hero{padding-top:7rem;padding-left:4rem;height:80vh;background-position:center}.container h1{font-size:2.8rem}.link .explore{padding:10px 20px}}@media screen and (max-width:480px){.hero{padding:6rem 2rem 0 5rem}.container h1{font-size:2.8rem}.hero-link .explore{padding:10px 50px}}@media screen and (max-width:380px){.hero{padding:5rem 2rem 0 5rem}.container h1{font-size:2rem}.hero-link .explore{padding:8px 20px}}.serv-section{padding:0 10rem;background-color:#000;margin-top:-1px;padding-bottom:100px;outline:1px solid #000;box-sizing:border-box}.el-section{display:flex;justify-content:space-between;flex-wrap:wrap}.element{position:relative;width:380px;height:300px;border-radius:20px;margin-bottom:5rem}.one{background-image:url(https://images.unsplash.com/photo-1509440159596-0249088772ff?q=80&w=2072&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.two{background-image:url(https://images.unsplash.com/photo-1608198093002-ad4e005484ec?q=80&w=1332&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.three{background-image:url(https://plus.unsplash.com/premium_photo-1700767185782-47a987a495df?q=80&w=1169&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.element:before{content:"";position:absolute;inset:0;background:var(--clr-primary-10);border-radius:20px;opacity:.6}.el-title{color:#fff;font-size:3rem;font-weight:300;position:absolute;line-height:2.6rem;top:65%;left:10%}.el-title:hover{transform:scale(1.1);transition:var(--mainTransition)}@media screen and (max-width:1100px){.serv-section{padding:0 2rem;margin-top:-1px}.el-section{display:flex;justify-content:center;flex-wrap:wrap}.el-title{color:#fff;font-size:2.5rem;position:absolute;line-height:2rem;top:55%;left:10%}.element{width:350px;height:250px;margin:10px}}@media screen and (max-width:930px){.serv-section{padding:0 2rem}.el-title{font-size:2rem}.element{width:300px;height:200px}}@media screen and (max-width:780px){.el-title{font-size:2rem}.element{width:300px;height:200px}.serv-section{padding-top:20px;padding-bottom:40px;margin-bottom:-1px}}@media screen and (max-width:360px){.el-title{font-size:1.5rem}.element{width:200px;height:140px}}.slider-main{background-color:#000;height:60vh;margin-bottom:-1px}.slider{margin:0 auto;width:50%;height:450px;max-width:800px;text-align:center;position:relative;display:flex;flex-direction:column;color:var(--clr-white)}.fact{font-weight:400;color:var(--clr-white);font-size:2rem;margin-top:60px}.br-icon{font-size:5rem;margin:0 auto;margin-bottom:2rem;color:var(--clr-primary-5)}.prev,.next{position:absolute;bottom:400px;margin:-90px -150px;transform:translateY(-50%);background:transparent;color:var(--clr-primary-5);display:grid;place-items:center;border-color:transparent;font-size:3rem;cursor:pointer;transition:var(--transition)}.prev{left:0}.next{right:0}.facts{color:orange;margin:0 auto;width:80%;height:200px;max-width:800px;text-align:center;position:relative;display:flex;flex-direction:column}.our-bread{color:#ff8e05}@media screen and (max-width:1028px){.slider{width:60%}.fact{font-size:1.7rem}.slider-main{background-color:#000;margin-top:-1px;margin-bottom:-1px}.br-icon{margin-top:20px}}@media(max-width:768px){.slider{width:50%}.fact{font-size:1.2rem;margin-top:80px}.prev,.next{bottom:200px;font-size:2rem;margin:100px -100px}}@media screen and (max-width:500px){.slider{padding:0;height:250px;width:50%}.slider-main{background-color:#000;margin-top:-1px;margin-bottom:-1px}.br-icon{font-size:4rem}.fact{font-size:1.1rem;margin-top:50px}.prev,.next{font-size:2rem;bottom:200px;margin:-55px -80px}.our-bread{font-size:32px}}.counter{padding:10rem 5rem 5rem;background-color:#000}.counter-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.counter-column{display:flex;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;border-right:1px solid;border-color:#f60}.counter-column:last-child{border-right:none}.counter-column span{font-weight:400;font-size:55px;color:#ff4500}.counter-column .text{color:#fff;font-size:19px;font-weight:300;line-height:1.2;padding-left:15px;display:inline}@media screen and (max-width:1160px){.counter-row{grid-template-columns:1fr 1fr}.counter-column{padding:2rem 0;border:none}.counter{padding:3rem 2rem}}@media screen and (max-width:780px){.counter-column span{font-size:20px;font-weight:400}.counter-column .text{font-size:14px}.counter{padding:3rem 2rem}}@media screen and (max-width:560px){.counter{padding:1rem 1rem 2rem}.counter-row{grid-template-columns:1fr}.counter-column{padding:2rem 0}.counter-column span{font-size:36px}.counter-column .text{font-size:16px}}.serv-title{color:var(--clr-white);text-align:center;font-weight:350px;padding:5rem 0;position:relative}.serve-section{padding:0 10rem;background-color:#000;width:100%;height:80vh}.serve-section h1{display:flex;align-items:center;justify-content:center}.story{color:#f3ae1a;margin-top:-2rem;margin-bottom:1rem;line-height:28px}.my-text-color{color:beige;font-weight:700}.eat{color:#f8eeee;font-size:21px}.quo{font-size:4.5rem;color:var(--clr-primary-5);margin-left:4px}@media screen and (max-width:1084px){.serve-section{padding:4rem;background:#000;height:auto!important}.serv-title{font-size:38px;padding-left:5rem}}@media screen and (max-width:780px){.serve-section{padding:4rem;background:#000}.serv-title{font-size:28px;padding-left:3rem}.eat{font-size:19px}}@media screen and (max-width:650px){.serve-section{padding:2rem;background:#000}.serv-title{font-size:24px;padding-left:2rem}.eat{font-size:17px}}@media screen and (max-width:500px){.serve-section{padding:0 1rem;height:auto;background:#000;overflow:hidden}.serv-title{font-size:21px;padding-left:3rem}.eat{font-size:17px}.story{font-size:14px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:5px;text-align:center;box-shadow:0 2px 10px #fff}.butt-m{margin-top:20px;padding:10px 20px;border:none;background-color:#ff8400;color:#fff;border-radius:5px;cursor:pointer}.butt-m:hover{background-color:#f20}@media(max-width:540px){.modal-content{padding:18px;width:80vw}}nav{position:absolute;left:0;right:0;top:0;width:100%;font-size:1.3rem;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:18px 10rem}.sticky{position:fixed;top:0;width:100%;background-color:#000}nav .bread-title{color:var(--clr-primary-5);font-size:1.6rem;font-weight:700;letter-spacing:.5px}.menu,.menu ul{display:flex}.menu ul li{padding:10px 25px;list-style-type:none}.menu ul li a{color:var(--clr-white);text-decoration:none;font-weight:700;letter-spacing:.5px}.menu ul li a:hover{color:var(--clr-primary-5);transition:var(--transition)}.bar{display:none;font-size:2rem;cursor:pointer;color:var(--clr-white)}.icon-b{font-size:2rem;margin-left:1px;color:var(--clr-primary-5)}.sticky a{display:flex;align-items:center}@media screen and (max-width:1200px){nav{padding-left:3rem;padding-right:3rem}.bar{display:flex}.bar:hover{color:var(--clr-primary-5);transition:var(--transition)}.menu{display:block;z-index:9999!important;position:absolute;left:0;top:60px;background-color:var(--clr-primary-10);transform:translate(-300px);transition:transform 1s ease-in-out visibility 1s;width:100%;padding-top:1rem;padding-bottom:100%;visibility:hidden}.mobile-menu{visibility:visible;transform:translate(0);transition:transform 1s ease-in-out,visibility 1s}.menu ul{display:block}.menu ul li{padding:17px 3rem}}@media screen and (max-width:550px){nav{padding-left:2rem;padding-right:2rem}}.cont{display:flex;justify-content:center;align-items:stretch;gap:50px;max-width:1200px;margin:190px auto 50px;padding:0 20px}.contactes{flex:1;background-color:#f9f9f9;padding:40px;border:1.5px solid #ccc;border-radius:10px;box-shadow:0 4px 15px #0000000d}.contacts{flex:1;background-color:#f9f9f9;padding:40px;border:1.5px solid #ccc;border-radius:10px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column}.contacts h2{margin-top:0}.contacts form{display:flex;flex-direction:column;flex-grow:1}.contacts textarea{flex-grow:1;min-height:120px;margin-bottom:15px;padding:12px;border:1.5px solid #ccc;border-radius:5px;resize:none}.contacts input{margin-bottom:15px;padding:12px;border:1.5px solid #ccc;border-radius:5px}.contacts button{padding:15px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-top:auto}h2{color:#6a3602;margin-bottom:25px}h3{color:#854403;margin-bottom:10px}.contact-item{margin-bottom:25px}.contact-item p{display:flex;align-items:center;gap:4px}.our-contact{color:#ae3d09;margin-right:15px;font-size:1.4rem}.breadd{color:#ae3d09;font-size:2.5rem;vertical-align:middle}@media(max-width:900px){.cont{flex-direction:column;align-items:center}.contactes,.contacts{width:100%;max-width:600px}}@media(max-width:500px){h3{font-size:.9rem}}
