*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#32cd32;--secondary:#151e12;--ternary:#f0fdec;--primary-light:#90ee90;--primary-dark:#4cbb17;--pure:#fefefe;--white:#fff;--light:#f0f0f0;--danger:#fe4545;--tetra:#daa520;--footer:#20361c;--smooth:all 0.3s ease;font-size:10px}html{scroll-behavior:smooth}@font-face{font-family:RBaloo;src:url(/React-Professional-Landing-Page/static/media/BalooBhai2-Regular.5a192340355c75000523.ttf)}@font-face{font-family:BBaloo2;src:url(/React-Professional-Landing-Page/static/media/BalooBhai2-Bold.dcb27486160e96cc2d6e.ttf)}@font-face{font-family:MBaloo2;src:url(/React-Professional-Landing-Page/static/media/BalooBhai2-Medium.bcca51a72ca0b35c81e0.ttf)}@font-face{font-family:RRaleway;src:url(/React-Professional-Landing-Page/static/media/Raleway-Regular.9ade142e81dd8d55cd32.ttf)}@font-face{font-family:MRaleway;src:url(/React-Professional-Landing-Page/static/media/Raleway-Medium.1af9f1e9f3fd4766df83.ttf)}@font-face{font-family:BRaleway;src:url(/React-Professional-Landing-Page/static/media/Raleway-Bold.d1a96e2aa6257c864d4d.ttf)}@font-face{font-family:BOpenSans;src:url(/React-Professional-Landing-Page/static/media/OpenSans-Bold.dbb97fd982ce1b96b6de.ttf)}@font-face{font-family:IOpenSans;src:url(/React-Professional-Landing-Page/static/media/OpenSans-Italic.20653d2fac6285bf4dea.ttf)}@font-face{font-family:BSansita;src:url(/React-Professional-Landing-Page/static/media/SansitaSwashed-Bold.91aca87979541553dc5b.ttf)}body{font-family:RBaloo,RRaleway}.container{margin:0 auto;width:100%}@media (min-width:768px){.container{width:750px}}@media (min-width:1024px){.container{width:1000px}}@media (min-width:1250px){.container{width:1200px}}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.wrap{flex-wrap:wrap}.flex1{flex:1 1}.flex2{flex:2 1}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.btn{background-color:initial;border:2px solid #151e12;border:2px solid var(--secondary);border-radius:.4rem;font-size:1.5rem;font-weight:700;outline:none;padding:1rem 1.8rem;transition:all .3s ease;transition:var(--smooth)}.btn-primary{background-color:#32cd32;background-color:var(--primary)}.btn-primary,.btn-secondary{color:#f0fdec;color:var(--ternary)}.btn-secondary{background-color:#151e12;background-color:var(--secondary)}.btn-primary:hover{border:2px solid #32cd32;border:2px solid var(--primary);color:#32cd32;color:var(--primary)}.btn-primary:hover,.btn-secondary:hover{background-color:#f0fdec;background-color:var(--ternary)}.btn-secondary:hover{border:2px solid #151e12;border:2px solid var(--secondary);color:#151e12;color:var(--secondary)}.section-heading{font-size:4rem;font-weight:700;margin:4rem auto;padding:.5rem 2rem;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.section-heading:after{background:linear-gradient(60deg,#151e12,#4cbb17);background:linear-gradient(60deg,var(--secondary),var(--primary-dark));bottom:0;color:#151e12;color:var(--secondary);content:"";height:.4rem;left:0;position:absolute;transition:all .3s ease;transition:var(--smooth);width:80%}.section-heading:hover:after{width:100%}@-webkit-keyframes scale{50%{-webkit-transform:translateX(4rem) rotate(10deg) scale(.5);transform:translateX(4rem) rotate(10deg) scale(.5);-webkit-transform-origin:center;transform-origin:center}}@keyframes scale{50%{-webkit-transform:translateX(4rem) rotate(10deg) scale(.5);transform:translateX(4rem) rotate(10deg) scale(.5);-webkit-transform-origin:center;transform-origin:center}}.main-wrapper{min-height:100vh;overflow:hidden;position:relative;width:100%}.nav-bg{background-color:var(--light);height:100%;left:0;padding:1rem;position:absolute;top:0;width:100%;z-index:1}.nav-bg .first{margin:2rem 1rem}.nav-bg .first h3{color:var(--primary);font-family:BSansita;font-size:4rem;font-style:italic;font-weight:bolder;margin:1rem 0;text-shadow:16px -20px 1px var(--light)}.nav-bg .first div img{height:3rem;margin:0 1rem;object-fit:cover;width:3rem}.nav-bg .first div span{font-size:2rem}.nav-bg .second{margin:3rem 1rem}.nav-bg .second ul{list-style:none}.nav-bg .second ul li{margin:1rem}.nav-bg .second ul li a{border-radius:.5rem;color:var(--secondary);font-family:BBRaleway;font-size:2rem;line-height:2.5rem;padding:.5rem 1rem;text-decoration:none;transition:var(--smooth)}.nav-bg .second ul li a:hover{color:var(--primary-dark);font-weight:bolder}.nav-bg .third img{height:4rem;margin-right:1rem;object-fit:cover;width:4rem}.nav-bg .third span{font-size:1.6rem;font-weight:bolder}.nav-bg .third{margin-top:auto}.nav-bg .third div{margin:1rem 0}.nav-bg .third div div>span:first-of-type{font-family:BBaloo2;font-size:2rem}.nav-trigger{display:none;left:0;padding:2rem;position:absolute;top:0;transition:var(--smooth);z-index:1}.nav-trigger .img{-webkit-transform:rotate(0);transform:rotate(0)}.nav-trigger .img,.nav-trigger .img-rotate{cursor:pointer;height:6rem;transition:var(--smooth);width:6rem}.nav-trigger .img-rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-trigger img:active{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.site-content-wrapper{height:100%;position:absolute;transition:var(--smooth);width:100%;z-index:11}.scaled{border-radius:1rem;box-shadow:0 .4rem 1.4rem 0 var(--secondary);-webkit-transform:scale(.94) translateX(85%);transform:scale(.94) translateX(85%)}.site-content{background:var(--light);height:100%;overflow-x:hidden;width:100%}.top{background-color:var(--secondary);color:var(--ternary);padding:1rem 0}.top .container .left a img{background-color:var(--pure);border-radius:50%;height:2.4rem;margin-right:1rem;width:2.4rem}.top .container .right div{align-items:center;display:flex}.top .container .right div,.top .container .right span{font-size:1.6rem;margin:0 .5rem}.top .container .right div img{background-color:var(--ternary);border-radius:50%;height:2.5rem;margin-right:.5rem;width:2.5rem}nav{background-color:var(--light);padding:4rem 0}nav .container{font-size:1.6rem;margin:4rem auto}nav .container div .slogan{color:var(--primary);font-family:BSansita;font-size:4rem;font-style:italic;font-weight:bolder;text-shadow:16px -20px 1px var(--light)}nav .container div>div img{height:3.5rem;margin-right:2rem;width:3.5rem}nav .container div>div span:first-of-type{font-family:BBaloo2}nav .navigation{font-size:2rem;list-style-type:none}nav .navigation ul{background-color:var(--pure);box-shadow:1px 1px 2px 0 var(--primary-light);list-style-type:none;padding:.5rem 1.5rem}nav .navigation li a{color:var(--secondary);margin:1rem;padding:.5rem 1.5rem;text-decoration:none;transition:var(--smooth)}nav .navigation li a.active{background-color:var(--primary);border-radius:.4rem;color:var(--white);font-weight:700}nav .navigation li a:hover{background-color:var(--primary);border-radius:.4rem;color:var(--ternary)}.hero{background-attachment:fixed;background-blend-mode:luminosity;background-image:linear-gradient(60deg,var(--primary-dark),var(--secondary),var(--primary-dark)),url(/React-Professional-Landing-Page/static/media/berry.37c9d2d1a873775f04f0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:2rem 0}.hero .container .greet{font-size:1.5rem;text-shadow:2px 2px 1px var(--light)}.hero .container{color:var(--ternary);margin:2rem auto;padding:6rem;position:relative}.hero .container .greet span{color:var(--primary);font-family:BSansita;font-size:2.2rem;font-style:italic;font-weight:bolder}.hero .container h1{font-family:BRaleway;font-size:3rem;margin:1rem 0 1.5rem}.hero .container h1 span{color:var(--primary-dark);text-shadow:2.5px 0 0 var(--primary-dark)}.hero .container .intro{font-size:1.5rem;padding-right:50%}.hero .container div{margin:2rem 0}.hero .container div .btn{margin-right:1rem}.hero .container .hero-image{-webkit-animation:scale 4s ease-in-out infinite forwards;animation:scale 4s ease-in-out infinite forwards;height:40rem;position:absolute;right:25rem;top:-10rem;-webkit-transform:rotate(-10deg) scale(.95);transform:rotate(-10deg) scale(.95);transition:var(--smooth);width:40rem}.hero .container .hero-image img{height:125%;width:125%}section.fruits{background-color:var(--light);padding:4rem 0}#fruits>.btn-wrapper{margin-bottom:4rem}#fruits .container{margin:3rem auto;overflow-x:scroll;scrollbar-width:none}#fruits .container::-webkit-scrollbar{display:none}#fruits .container .card{background-color:var(--white);border:2px solid var(--primary-dark);box-shadow:1px 1px 1px var(--secondary);margin:2rem;max-width:22rem;min-height:25rem;min-width:20rem;-webkit-transform:scale(1);transform:scale(1);transition:var(--smooth);width:20rem}#fruits .container .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#fruits .container .card .top{background-color:var(--white)}#fruits .container .card .top img{border-radius:50%;height:10rem;object-fit:cover;width:10rem}#fruits .container .card .top img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#fruits .container .card hr{color:var(--secondary);font-weight:700;width:100%}#fruits .container .card .bottom h3{font-size:2rem;margin:.4rem}#fruits .container .card .bottom img{height:1.1rem;object-fit:contain;width:1.1rem}#fruits .container .card .bottom .price{font-size:1.1rem}#fruits .container .card .bottom .add-to-cart{border:2px solid var(--primary-dark);margin:.5rem;width:12rem}#fruits .container .card .bottom .add-to-cart img{background-color:var(--primary-light);color:var(--secondary);height:3rem;width:3rem}#fruits .container .card .bottom .add-to-cart span{border:2px solid var(--primary-primary);cursor:pointer;font-size:1.3rem;line-height:2.5rem;margin-right:auto;padding:0 1rem}section.about{background-color:var(--secondary);-webkit-clip-path:ellipse(80rem 70rem at 50% 125%);clip-path:ellipse(80rem 70rem at 50% 125%);font-size:1.4rem;padding:3rem 0}#about .section-heading{color:var(--light);margin-top:0}#about .container div img{height:40rem;object-fit:cover;transition:var(--smooth);width:40rem}#about .container div img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#about .container .right{color:var(--white);padding-right:15rem}#about .container .right p:first-of-type{font-family:BBaloo2;font-size:2.5rem;letter-spacing:.1rem;line-height:3.4rem;margin:3rem 0}#about .container .right p:nth-of-type(2){font-size:1.8rem;margin:3rem 0}section.service{background-color:var(--light);font-size:1.2rem;padding:3rem 0}.service .container{align-items:center;flex-wrap:wrap;justify-content:center}.service .container .card{border:2px solid var(--primary-dark);margin:4rem;max-width:30rem;min-height:30rem;min-width:25rem;padding:2rem;position:relative;-webkit-transform:scale(1);transform:scale(1);transition:var(--smooth)}.service .container .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.service .container .card:nth-child(2) div{background-color:var(--primary)}.service .container .card:nth-child(2) div img{background-color:var(--white);border-radius:50%}.service .container .card:nth-child(2) h3{color:var(--primary-dark)}.service .container .card:nth-child(2) .btn{background-color:var(--primary);color:var(--ternary);font-weight:700}.service .container .card div{background-color:var(--secondary);border:2px solid var(--secondary);border-radius:1rem;left:40%;position:absolute;top:-35px;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.service .container .card div img{background-color:var(--light);border-radius:50%;height:4rem;margin:1rem;object-fit:contain;padding:.2rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:4rem}.service .container .card h3{font-family:BBaloo2;font-size:2rem;margin:1.5rem auto 0}.service .container .card p{font-size:1.7rem;margin:2rem auto;text-align:center}section.deal{background-attachment:fixed;background-blend-mode:multiply;background-image:linear-gradient(60deg,var(--primary),var(--secondary),var(--tetra)),url(/React-Professional-Landing-Page/static/media/mix.9204961507f226ce1b15.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;font-size:1.8rem;font-weight:bolder;padding:3rem 0 8rem}.deal .section-heading,section.deal{color:var(--light)}.deal .container div{background-color:var(--tetra);color:var(--secondary);height:15rem;margin:2rem;width:15rem}section.blog{background-color:var(--light);font-size:1.6rem;padding:3rem 0}.blog .container{flex-wrap:wrap}.blog .container .card{border-radius:.5rem;box-shadow:1px 1px 2px var(--light),-1px -1px 2px var(--light);height:auto;margin:2rem;min-width:20rem;transition:var(--smooth);width:40rem}.blog .btn-wrapper{margin:4rem 0}.blog .container .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.blog .container .card .first img{border-top-left-radius:.5rem;border-top-right-radius:.5rem;height:30rem;min-width:20rem;object-fit:cover;width:40rem}.blog .container .card .second,.blog .container .card .third{margin:1rem 0;padding:0 2rem}.blog .container .card .second div{display:flex;flex-wrap:wrap;justify-content:flex-end}.blog .container .card .second div span{margin:0 .4rem}.blog .container .card .third h3{font-family:BBRaleway;font-size:1.6rem;margin:1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog .container .card .third p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}section.subscribe{background:url(/React-Professional-Landing-Page/static/media/melon.1b15eb0d5d9b64fcf934.jpg);background-position:50%;background-size:contain;color:var(--white);font-size:1.8rem;padding:5rem 0}.subscribe .container .left{text-align:center}.subscribe .container .left img{height:50rem;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:var(--smooth);width:80%}.subscribe .container .left img:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.subscribe .container .right h3{font-family:BBRaleway;font-size:2.8rem;margin:3rem 0}.subscribe .container .right p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;margin:2rem 0;overflow:hidden}.subscribe .container .right div{justify-content:flex-start;margin:3rem 0}.subscribe .container .right div input{outline:none;padding:1rem}section.contact{background-color:var(--white);font-size:1.6rem}.contact .form-wrapper{background-color:var(--secondary);-webkit-clip-path:ellipse(60rem 50rem at 30% 50%);clip-path:ellipse(60rem 50rem at 30% 50%);color:var(--white)}.contact .map{-webkit-clip-path:ellipse(65rem 55rem at 50% 50%);clip-path:ellipse(65rem 55rem at 50% 50%);z-index:0}.contact div .outer .inner{background-color:var(--light);color:var(--secondary);margin:2rem 0;padding:2rem}.contact div .outer .inner img{border-radius:50%;height:4rem;margin:0 2rem;object-fit:cover;width:4rem}.contact div .outer .inner>div{background-color:var(--white);border-radius:1rem;margin:2rem 0;padding:2rem}footer{background-color:var(--secondary);display:flex;flex-wrap:wrap;font-size:2rem;justify-content:space-between;padding:3rem 0}footer,footer hr{color:var(--white)}footer hr{font-weight:bolder;margin:-2rem auto 2.5rem;width:50%}footer h3{font-size:2.6rem}footer .btn{margin:2rem 0}footer .about,footer .follow,footer .insta,footer .links{margin:auto;max-width:40rem;min-width:30rem}footer .links div a{color:var(--white);margin:.4rem 0;text-decoration:none}footer .links div a:hover{text-decoration:underline}footer .follow div img{background-color:var(--white);border-radius:50%;height:3rem;margin:1rem 1.5rem;object-fit:cover;width:3rem}footer .insta div{grid-row-gap:2rem;display:grid;grid-template-columns:repeat(3,1fr);padding:1rem 2rem;place-items:center}footer .insta img{height:8rem;object-fit:cover;width:8rem}footer .box{flex:1 1;margin:1rem auto;text-align:center}@media (max-width:1248px) and (min-width:1024px){.hero .container .hero-image{height:36rem;right:14rem;width:36rem}}@media (max-width:1024px){header.top,nav{display:none}.hero .container{padding-right:20rem}.hero .container .intro{padding-right:30%}.hero .container .hero-image{right:0}.nav-trigger{display:block}section.about{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,75% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,75% 85%,0 100%);padding:0 0 8rem}#about .container div img{height:36rem;width:36rem}#about .container .right{padding-right:0}.service .container .card{margin:2rem;padding:2rem}.blog .container .card{height:auto;margin:2rem;width:35rem}.blog .container .card .first img{height:25rem;width:35rem}.blog .btn-wrapper{margin:4rem 0}.blog .container .card .second div span{font-size:1rem}.contact div .outer .inner{margin:0}.contact .section-heading{margin:2rem 0}}@media (max-width:768px){.section-heading{font-size:3rem}.hero .container{padding-right:10rem}.hero .container .hero-image{height:32rem;right:0;top:-5rem;width:32rem}section.about{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,80% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,80% 90%,0 100%);padding:0 0 8rem}#about .container .right{padding-right:4rem}.service .container .card{margin:4rem}.subscribe .container .left img{height:40rem;width:100%}.subscribe .container .right{padding:3rem}.contact{flex-direction:column;flex-wrap:wrap}.contact .form-wrapper{align-items:center;-webkit-clip-path:initial;clip-path:none;display:flex;flex:0 1;flex-direction:column;justify-content:center}#product .container{margin:4rem auto 4rem 4rem}footer .insta div{padding:1rem 4rem}footer .insta img{height:8rem;object-fit:cover;width:8rem}}@media (max-width:576px){.nav-trigger{padding:1rem .5rem}.section-heading{font-size:2rem}.hero .container{margin:2rem auto;padding:2rem}.hero .container .hero-image{height:28rem;right:-6rem;top:0;width:28rem}section.about{padding:6rem 0 8rem}#about .container .right{padding:4rem}#about .container .left img{height:28rem;width:28rem}.subscribe .container .left img{height:40rem;width:100%}.subscribe .container{flex-direction:column;flex-wrap:wrap}.subscribe .container .left img{height:30rem;width:30rem}.subscribe .container .right{padding:-1rem 6rem}.subscribe .container .right input{width:18rem}.blog .container .card{height:auto;margin:3rem;width:28rem}.blog .container .card .first img{height:20rem;width:28rem}.blog .container .card .second div{flex-direction:column}.blog .container .card .second div span{font-size:1rem}#product .container{margin-left:3rem}footer{justify-content:normal}}
/*# sourceMappingURL=main.90cddd0d.css.map*/