@import"https://fonts.googleapis.com/css2?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";.header{display:flex;top:0;width:100%;height:auto;background:var(--color-white);filter:drop-shadow(0 0 3px var(--color-gray));padding:1rem 15rem;justify-content:space-between;align-items:center;position:sticky;z-index:3}.cont-img-header{display:flex;width:auto;height:auto}.cont-img-header img{height:70px}.nav-header{display:flex;width:auto;height:auto;align-items:center}.nav-list-header{display:flex;width:auto;height:auto;list-style:none;gap:2rem}.nav-list-item-header{font-weight:500;font-size:16px;transition:.2s ease-in-out;text-decoration:none;color:var(--color-gray);border-bottom:2px solid var(--color-white);padding:7px 0}.nav-list-item-header svg{display:none}.nav-list-item-header:hover{color:var(--color-green)!important;transition:.2s ease-in;border-bottom:2px solid var(--color-green)}.nav-search-header{display:flex;width:auto;height:auto;margin-left:6rem;gap:1rem}.nav-search-item-header{display:flex;width:auto;height:auto;cursor:pointer;background:transparent;border:none;align-items:center;justify-content:center}.nav-list-cart-item-header{display:none}.nav-search-item-header svg{width:19px;height:19px;color:var(--color-gray)!important}.btn-menu{display:none}@media screen and (max-width: 1440px){.header{padding:1rem 10rem}.cont-img-header img{height:65px}.nav-list-item-header{font-size:14px}.nav-search-header{margin-left:5rem}.nav-search-item-header svg{width:17px;height:17px}}@media screen and (max-width: 1280px){.nav-list-header{gap:1.5rem}.nav-search-header{margin-left:3.5rem}}@media screen and (max-width: 1024px){.header{padding:.9rem 6rem}.nav-search-header{display:none}.nav-list-header{position:absolute;top:6rem;width:290px;height:90vh;overflow:auto;transition:.3s;transform:translate(-100%);left:0;padding:2rem 2.5rem;z-index:2;flex-direction:column;background:var(--color-white);gap:1rem}.nav-list-header.active{display:flex;transform:translate(0)!important;opacity:1}.nav-list-item-header{display:flex;border:none;align-items:flex-start;gap:8px;font-size:15px}.nav-list-cart-item-header{display:flex}.nav-list-item-header svg{display:flex;width:18px;height:18px}.nav-list-item-header:hover{border-bottom:none}.btn-menu{display:flex;width:auto;height:auto;border:none;background:transparent;cursor:pointer}.btn-menu svg{width:32px;height:32px;color:var(--color-gray)!important}}@media screen and (max-width: 768px){.header{padding:1rem 3.5rem}.nav-list-header{top:6.2rem;width:280px}}@media screen and (max-width: 425px){.header{padding:1rem 2.2rem}.nav-list-header{top:6.2rem;width:265px}}.banner-plants{display:flex;width:100%;height:auto;border-bottom:2px solid var(--color-green);align-items:center;padding:3rem 15rem}.txt-banner-plants,.img-banner-plants{display:flex}.txt-banner-plants{width:55%;height:100%;flex-direction:column}.txt-banner-plants h1{color:var(--color-gray);font-size:45px;line-height:60px}.txt-banner-plants h1,.txt-banner-plants h1 b{font-weight:600}.txt-banner-plants h1 b{color:var(--color-green)}.txt-banner-plants p{color:var(--color-gray);font-size:16px;width:60ch;margin-top:2rem}.btn-banner-plants{display:flex;width:220px;height:auto;padding:12px 1rem;margin-top:2rem;border:none;border-radius:7px;background-color:var(--color-green);color:var(--color-white);align-items:center;justify-content:center;font-size:15px}.img-banner-plants{width:auto}.img-banner-plants img{scale:.9;aspect-ratio:3 / 4}@media screen and (max-width: 1440px){.banner-plants{padding:0 10rem}.txt-banner-plants h1{font-size:40px}.txt-banner-plants p{width:50ch;font-size:14px}.img-banner-plants{margin-left:3rem}.img-banner-plants img{scale:.75}}@media screen and (max-width: 1280px){.banner-plants{flex-direction:column-reverse;padding:1rem 6rem 4rem}.txt-banner-plants,.img-banner-plants{width:100%;height:auto;align-items:center;justify-content:center;text-align:center}.img-banner-plants{max-height:500px}.txt-banner-plants h1{font-size:35px;line-height:45px}.txt-banner-plants h1,.txt-banner-plants h1 b{font-weight:500}.txt-banner-plants p{width:50ch;font-size:14px}.img-banner-plants{margin-left:0}.img-banner-plants img{scale:.7}}@media screen and (max-width: 768px){.banner-plants{padding:0 3.5rem 3rem}.txt-banner-plants h1{font-size:30px;line-height:40px}.txt-banner-plants p{width:90%}.img-banner-plants img{scale:.65}}@media screen and (max-width: 425px){.banner-plants{padding:0 2.2rem 3rem}.img-banner-plants{max-height:450px;align-items:center}.txt-banner-plants h1{font-size:27px;line-height:37px}.txt-banner-plants p{margin-top:1.5rem}.img-banner-plants img{scale:.6;margin-left:-1rem}}.cont-title-section{display:flex;width:100%;height:auto;align-items:center;justify-content:center;margin:5rem 0 3.5rem}.title-section{display:flex;width:auto;height:auto;padding:0 2.5rem;padding-bottom:7px;border-bottom:2px solid var(--color-green);align-items:center;justify-content:center;text-align:center;font-size:19px;font-weight:500;color:var(--color-green);gap:8px}.title-section svg{width:21px;height:21px}@media screen and (max-width: 1440px){.title-section{font-size:18px}}.gallery{display:flex;width:100%;height:auto;flex-wrap:wrap;gap:4rem;align-items:center;justify-content:space-between;padding:0 15rem;margin:3rem 0}.item-gallery{display:flex;width:auto;min-width:290px;min-height:400px;padding:2rem 1.5rem;height:auto;background-color:var(--color-green-light);border-radius:8px;flex-direction:column;filter:drop-shadow(1px 4px 3px var(--color-gray));cursor:pointer;justify-content:space-evenly}.img-item-gallery{display:flex;align-items:center;justify-content:center}.img-item-gallery img{width:42%}.content-item-gallery{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin-top:2rem}.content-item-gallery a{color:#000;font-weight:500;font-size:18px;line-height:25px;transition-duration:.3s ease-in}.content-item-gallery a:hover{text-decoration:underline;transition-duration:.3s ease-in-out}.content-item-gallery h3{color:var(--color-gray);font-weight:500;font-size:15px}.content-item-gallery h4{color:var(--color-green);font-weight:500;font-size:20px;margin:10px 0}.btn-item-gallery{display:flex;width:100%;height:auto;padding:12px 0;align-items:center;justify-content:center;text-align:center;background-color:var(--color-green);color:var(--color-white);font-size:15px;border:none;border-radius:8px;cursor:pointer;gap:7px}.btn-item-gallery svg{width:20px;height:20px}@media screen and (max-width: 1440px){.gallery{gap:4.5rem;padding:0 10rem}.item-gallery{min-width:270px;min-height:340px}.img-item-gallery img{width:42%}.content-item-gallery a{font-size:16px}.content-item-gallery h3{font-size:14px}.content-item-gallery h4{font-size:18px}.btn-item-gallery{font-size:14px}}@media screen and (max-width: 1280px){.gallery{gap:3.5rem}}@media screen and (max-width: 768px){.gallery{padding:0 4rem;gap:3rem}.item-gallery{min-width:250px;min-height:300px}.img-item-gallery img{width:40%}}.contact-us{display:flex;justify-content:space-between;height:auto;background-color:var(--color-green-light);border-top:1px solid var(--color-gray);padding:8rem 15rem 6rem}.contact-data{display:flex;width:57.5%;flex-direction:column;height:auto}.contact-data h1{font-size:35px;font-weight:600}.contact-data p{width:75%;font-size:16px;font-weight:400;margin:1rem 0 2rem}.contact-data h2{font-size:17px;font-weight:600}.contact-data h3{font-size:16px;font-weight:400;margin-bottom:1.5rem}.contact-data-icons{display:flex;width:100%;height:auto}.contact-data-icons a{display:flex;height:auto}.contact-data-icons a svg{display:flex;width:28px;height:28px;color:var(--color-gray)!important;margin-right:.5rem;transition:.25s ease-in-out}.contact-data-icons a svg:hover{color:var(--color-green)!important;transition:.25s ease-in}.contact-form{display:flex;width:42.5%;flex-direction:column;height:auto}.contact-form h1{font-size:28px;font-weight:600}.form-group{display:flex;flex-direction:column;width:100%;height:auto;margin:.75rem 0 1rem}.form-group label{font-size:16.5px;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{display:flex;width:100%;height:auto;padding:11px 1rem;border:none;border-bottom:2px solid var(--color-green);font-size:15px;font-family:Poppins,serif;outline:none;transition:.25s ease-in-out}.form-group input:focus,.form-group textarea:focus{border-bottom:2px solid var(--color-gray);transition:.25s ease-in}.form-group textarea{field-sizing:content;min-height:100px}.btn-submit{display:flex;width:100%;height:auto;padding:14px 1rem;border:none;border-radius:8px;background-color:var(--color-green);color:var(--color-white);font-size:16px;font-weight:500;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease-in-out;text-align:center;margin-top:1rem}@media screen and (max-width: 1440px){.contact-us{padding:8rem 10rem 6rem}.contact-data h1{font-size:28px}.contact-data p,.contact-data h3{font-size:14.5px}.contact-data h3{margin-top:3px}.contact-data h2{font-size:16px}.contact-data-icons a svg{width:24px;height:24px}.contact-form h1{font-size:22px}.form-group label{font-size:15px}.form-group input,.form-group textarea{font-size:14px;padding:10px 1rem}.btn-submit{font-size:14px}}@media screen and (max-width: 1024px){.contact-us{padding:6rem 0;flex-direction:column;gap:5rem;align-items:center}.contact-data,.contact-form{width:70%}.contact-data,.contact-data-icons{text-align:center;align-items:center}.contact-data-icons{display:flex;width:100%;justify-content:center;margin-top:.75rem}.contact-data h1{font-size:25px}.contact-data p{width:80%}.contact-data h3,.contact-data p{font-size:14px}.contact-form h1{text-align:center;margin:1rem 0 3rem}}@media screen and (max-width: 768px){.contact-data,.contact-form{width:75%}}@media screen and (max-width: 425px){.contact-data,.contact-form{width:80%}}.footer{display:flex;width:100%;height:auto;background-color:var(--color-green-light);border-top:1px solid var(--color-green);padding:1.5rem 0;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:var(--color-gray);gap:4px}.footer a{color:var(--color-green);text-decoration:none}.footer a:hover{text-decoration:underline}.cont-btn-view-all{display:flex;width:100%;height:auto;align-items:center;justify-content:center}.btn-view-all{display:flex;width:auto;height:auto;padding:12px 3rem;align-items:center;justify-content:center;gap:10px;font-size:16px;border-radius:8px;background-color:var(--color-green);color:var(--color-white);margin:2rem 0 5rem}.btn-view-all svg{width:20px;height:20px}@media screen and (max-width: 1440px){.btn-view-all{font-size:15px}.btn-view-all svg{width:18px;height:18px}}*{box-sizing:border-box;margin:0}body{padding:0;margin:0}:root{--color-white: #FFFFFF;--color-green-light: #F7F8F3;--color-green: #4F823F;--color-gray: #5E5E5E;font-family:Poppins,serif}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background-color:var(--color-white);box-shadow:inset 0 0 2px var(--color-gray)}body::-webkit-scrollbar-thumb{background-color:var(--color-green);box-shadow:inset 0 0 2px var(--color-gray);border-radius:5px}.btn{display:flex;opacity:1;transition:.3s ease-in-out}.btn:hover{opacity:.8;transition:.3s ease-in}button{font-family:Poppins,serif}a{text-decoration:none}.page-content{display:flex;width:100%;height:auto;flex-direction:column;margin:auto;padding:0 15rem}@media screen and (max-width: 1440px){.page-content{padding:0 10rem}}@media screen and (max-width: 1024px){.page-content{padding:0 6rem}}@media screen and (max-width: 768px){.page-content{padding:0 4rem}}@media screen and (max-width: 425px){.page-content{padding:0 2.5rem}}.top-search-title{display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:3rem 0 1rem;background-color:var(--color-white)}.top-search-title h2{color:var(--color-green);font-size:24px;font-weight:500}.top-search-bar{display:flex;width:30%;min-width:360px;height:auto;background-color:var(--color-green-light);border-bottom:2px solid var(--color-green);gap:8px;padding:10px 12px;align-items:center}.top-search-bar svg{width:20px;height:20px;color:var(--color-gray)!important}.top-search-bar input{display:flex;width:100%;font-size:15.5px;background:transparent;border:none;outline:none;font-family:Poppins,serif}@media screen and (max-width: 1440px){.top-search-bar{padding:9px 11px}.top-search-title h2{font-size:20px}.top-search-bar svg{width:18px;height:18px}.top-search-bar input{font-size:14px}}@media screen and (max-width: 768px){.top-search-title{flex-direction:column;align-items:flex-start;gap:1rem}.top-search-bar{width:100%;min-width:200px}}