@font-face{font-family:'Kunika';src:local("Kunika"),url("../../assets/fonts/Kunika-Regular.ttf")}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background-color:#1e3219;color:#d9ffb1;font-family:Kunika;overflow-x:hidden}img{max-width:100%}::selection{background-color:#f86900;color:#1e3219}::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6,a,img{z-index:50}.preloader{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:1000;color:#1e3219;background-color:#d0ce6f;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all 300ms ease-in}.preloader img{height:15rem;animation:rotate 1s linear infinite}@media (min-width: 770px){.preloader img{height:20rem}}.preloader h4{margin-top:8rem;font-size:1.5rem;font-weight:500}.preloader::after{content:'Loading the website';position:absolute;text-align:left;line-height:0.8;bottom:0;left:0;opacity:0.1;font-size:17rem;pointer-events:none;font-weight:900;color:#303010;margin-bottom:-1rem;margin-right:-1rem}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.preloader--done{transform:translateX(-100%);pointer-events:none}.preloader--done img{animation:unset}nav{padding:1rem;display:flex;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:10vh;z-index:888;backdrop-filter:blur(5rem)}@media (min-width: 425px){nav{padding:1rem 2.5rem}}nav .logo{z-index:999}nav .logo a{width:7rem;text-decoration:none;color:#d0ce6f;font-size:2rem}nav ul{position:fixed;transform:translateY(-100%);transition:transform 0.3s ease-in-out}nav ul li{display:none;list-style-type:none;margin:1rem}nav ul li a{text-decoration:none;color:#f86900}nav .burger{z-index:999;cursor:pointer}nav .burger div{margin-block:0.3rem;background-color:#d0ce6f;height:0.2rem;margin-left:auto;border-radius:0.8rem;transition:all 0.3s ease-in-out}nav .burger .line-1{width:0.7rem}nav .burger .line-2{width:0.9rem}nav .burger .line-3{width:1.2rem}nav .icons{display:flex;justify-content:center;align-items:center}nav .icons .cart{z-index:999}nav .icons .cart a{font-size:1.5rem;display:inline-block;color:#d0ce6f;margin-inline:2rem}nav.open ul{transform:translateY(0);padding-block:8rem;padding-inline:1rem;height:100vh;width:100%;position:fixed;top:0;left:0;background-color:#d0ce6f;display:flex;flex-direction:column}@media (min-width: 425px){nav.open ul{padding:6rem 2.5rem}}nav.open ul li{display:block}nav.open ul li a{font-size:3rem;font-weight:800;color:#1e3219}nav.open ul li a:hover,nav.open ul li a:focus-visible{text-decoration:underline;text-decoration-color:#f86900}@media (min-width: 425px){nav.open ul li a{font-size:4rem}}@media (min-width: 770px){nav.open ul li a{font-size:5rem}}nav.open ul::after{content:'find your own way through: "Navigation"';position:absolute;text-align:right;line-height:0.6;bottom:0;left:0;opacity:0.1;font-size:17rem;pointer-events:none;font-weight:900;color:#303010;margin-bottom:-4rem;margin-left:-1rem}nav.open .burger div{background-color:#1e3219}nav.open .cart a{color:#1e3219}nav.open .logo a{color:#1e3219}nav.open .line-1{transform:translateY(8px) rotate(45deg);width:1.7rem}nav.open .line-2{opacity:0}nav.open .line-3{transform:translateY(-8px) rotate(-45deg);width:1.7rem}.home{padding-top:8rem;padding-inline:1rem;height:95vh;display:flex;overflow:hidden;max-width:100%}@media (min-width: 425px){.home{padding-inline:2.5rem}}@media (min-width: 770px){.home{padding-top:10rem}}.home .home__grid-1{height:100%;background-color:#1e3219}.home .home__grid-1 h1{font-size:2.5rem;line-height:1;z-index:10;font-weight:900}@media (min-width: 425px){.home .home__grid-1 h1{font-size:3rem}}@media (min-width: 770px){.home .home__grid-1 h1{font-size:5.8rem}}.home .home__grid-1 h1 span{font-size:2.25rem;color:#d0ce6f;font-weight:500}@media (min-width: 425px){.home .home__grid-1 h1 span{font-size:2.5rem}}@media (min-width: 770px){.home .home__grid-1 h1 span{font-size:5.5rem}}.home .home__grid-1 h3{font-size:1rem;font-weight:500;max-width:70vw;margin-right:auto;color:#c0ff7e;margin-block:1.25rem;z-index:10}@media (min-width: 770px){.home .home__grid-1 h3{font-size:2rem}}.home .home__grid-1 a{display:inline-block;margin-block:0.45rem;background-color:#f86900;padding:1rem 1.5rem;text-decoration:none;color:#1e3219;font-size:2rem;font-weight:800;text-transform:uppercase;border-radius:0.4rem;z-index:10}@media (min-width: 425px){.home .home__grid-1 a{font-size:1.5rem}}@media (min-width: 770px){.home .home__grid-1 a{font-size:2rem}}.home .home__grid-1 a:hover,.home .home__grid-1 a:focus-visible{background-color:#df5e00}.home::after{content:'LittleTrees';position:absolute;bottom:0;right:0;opacity:0.05;font-size:17rem;margin-bottom:-3rem;pointer-events:none;font-weight:900;color:#d0ce6f}@media (min-width: 770px){.home::after{margin-right:-2rem}}.facts{min-height:35vh;padding-inline:1rem;padding-block:2rem;background-color:#ad9673;display:flex;justify-content:space-evenly;align-items:center;position:relative;overflow:hidden;flex-direction:column}@media (min-width: 770px){.facts{padding-inline:2.5rem;flex-direction:row;overflow:unset}}.facts .facts__block-1{margin-block:auto}.facts .facts__block-1 h2{font-size:1.2rem;color:#1e3219;max-width:80vw;margin-right:auto}@media (min-width: 770px){.facts .facts__block-1 h2{font-size:2.5rem;max-width:40vw}}.facts .facts__block-2 img{z-index:777;height:20rem}@media (min-width: 770px){.facts .facts__block-2 img{height:37rem;margin-top:-10rem}}.facts::after{content:'Recycle';position:absolute;bottom:0;left:0;opacity:0.08;font-size:19rem;pointer-events:none;margin-bottom:-7rem;margin-left:-3rem;font-weight:900;color:#15110c}.images{display:flex;overflow-x:hidden;padding-bottom:1rem;margin-left:-5rem}.images img{height:20rem}@media (min-width: 770px){.images img{height:30rem}}.images img:first-of-type{border-radius:0.4rem 0 0 0.4rem}.images img:last-of-type{border-radius:0 0.4rem 0.4rem 0}.features{padding:2rem 1rem;padding-top:4rem;background-color:#1e3219;color:#d0ce6f;display:flex;overflow-x:hidden;flex-wrap:wrap}@media (min-width: 770px){.features{padding:2rem 2.5rem}}.features section{padding:1rem 1.5rem;margin:1rem;display:flex;justify-content:space-evenly}.features section .icon{font-size:2rem;margin:1rem;margin-right:3rem;color:#c3c149}@media (min-width: 770px){.features section .icon{font-size:4rem}}.features section h1{font-size:1.2rem}@media (min-width: 770px){.features section h1{font-size:2rem}}.features section p{font-size:1rem;color:#a4a135;max-width:30ch}@media (min-width: 770px){.features section p{font-size:1.2em}}.products{background-color:#96bc89;padding:4rem 1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;overflow-x:hidden;overflow-y:hidden;position:relative;flex-direction:column}@media (min-width: 770px){.products{padding:4rem 2.5rem;flex-direction:row}}.products .card{height:55vh;width:70vw;background-color:#96bc89;border:0.2rem solid #1e3219;border-radius:0.4rem;position:relative;margin:1rem;z-index:555}@media (min-width: 770px){.products .card{width:20vw}}.products .card .desc{position:absolute;bottom:0;left:0;padding:1rem 1.5rem}.products .card .desc h2{font-size:2rem;color:#d0ce6f;line-height:1}@media (min-width: 770px){.products .card .desc h2{font-size:2.5rem}}.products .card .desc h3{margin-top:0.5rem;font-size:1.5rem;color:#dddb95}.products .card .desc h3 del{color:#999;font-style:italic}@media (min-width: 770px){.products .card .desc h3{font-size:2rem}}.products .card .desc a{margin-top:0.55rem;font-size:2rem;font-weight:800;background-color:#f86900;color:#1e3219;text-decoration:none;padding:0.5rem;border-radius:0.4rem;display:block;text-align:center}@media (min-width: 770px){.products .card .desc a{font-size:2.5rem}}.products .card .desc a:hover,.products .card .desc a:focus-visible{background-color:#df5e00}.products .card-1{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/1-green-ficus.jpg")}.products .card-2{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/2-Adenium Plant.jpg")}.products .card-3{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/3-Sakura-Bonsai.jpg")}.products .card-4{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/4-Green-Maple-Bonsai.jpg")}.products .card-5{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/5-Trident-Maple-Bonsai.jpg")}.products .card-6{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/6-Cape-Jasmine.jpg")}.products .card-7{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/plants/7-Cedar-Bonsai-2.jpg")}.products .card-8{background:linear-gradient(transparent, #1e3219 80%),url("../../assets/images/trees/green-leaves-(2).jpg")}.products .card-1,.products .card-2,.products .card-3,.products .card-4,.products .card-5,.products .card-6,.products .card-7,.products .card-8{background-repeat:no-repeat;background-position:center;background-size:cover}.products::after{content:'Our Products';position:absolute;bottom:0;left:0;opacity:0.4;font-size:20rem;pointer-events:none;font-weight:900;color:#303010;margin-bottom:-5rem}.images-2{display:flex;overflow-x:hidden;margin-left:-2.5rem}.images-2 img{height:20rem}@media (min-width: 770px){.images-2 img{height:30rem}}.images-2 img:first-of-type{border-radius:0.4rem 0 0 0.4rem}.images-2 img:last-of-type{border-radius:0 0.4rem 0.4rem 0}.contact{padding:2rem 2.5rem;background-color:#d0ce6f;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;overflow-x:hidden;overflow-y:hidden}.contact .cont{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;gap:2rem}@media (min-width: 770px){.contact .cont{flex-direction:row}}.contact .cont .social{list-style:none;display:flex;flex-direction:column;text-align:center}@media (min-width: 770px){.contact .cont .social{text-align:left}}.contact .cont .social li{margin-block:1rem}.contact .cont .social li a{text-decoration:none;color:#1e3219;font-size:1.5rem}@media (min-width: 770px){.contact .cont .social li a{font-size:2rem}}.contact .cont .social li a i{font-size:1.5rem}.contact .cont .social li a:hover,.contact .cont .social li a a:focus-visible{text-decoration:underline}.contact .cont .logo{font-size:5rem;margin-block:auto}@media (min-width: 770px){.contact .cont .logo{font-size:8.5rem}}.contact .cont .logo a{text-decoration:none;color:#1e3219;display:flex;flex-direction:column;align-items:center;line-height:0.65}.contact .cont .logo a span.undertxt{font-size:1.5rem;color:#32542a}@media (min-width: 770px){.contact .cont .logo a span.undertxt{font-size:2rem}}.contact .cont .logo h4{margin-top:3rem;font-size:1.3rem;text-align:center;font-weight:500;color:#32542a}.contact .cont .logo h4 a{text-decoration:underline;text-decoration-color:#f86900;display:inline-block}.contact .cont .address{padding:1rem 1.5rem;border:0.2rem solid #1e3219;color:#1e3219;border-radius:0.4rem}.contact .cont .address h3{font-size:2rem}@media (min-width: 770px){.contact .cont .address h3{font-size:3rem}}.contact .cont .address h4{margin-top:1rem;font-size:1.2rem;color:#32542a}@media (min-width: 770px){.contact .cont .address h4{font-size:2rem}}.contact .cont .address h5{font-size:1rem;color:#32542a}@media (min-width: 770px){.contact .cont .address h5{font-size:1.5rem}}.contact::after{content:'Contact Us';position:absolute;bottom:0;left:0;opacity:0.1;font-size:16rem;pointer-events:none;font-weight:900;color:#303010;margin-bottom:-5.5rem;margin-left:-3rem}
/*# sourceMappingURL=style.css.map */