#top-fold{width:100%;background-color:#e6ebe5;display:flex;justify-content:center;padding:2rem 0;box-sizing:border-box}.container{display:flex;max-width:1280px;width:100%;height:100%;padding:0 1rem;box-sizing:border-box;gap:2rem}.content-left,.content-right{flex:1;display:flex;flex-direction:column;justify-content:center}.content-left{padding-right:1rem}.content-left h1{margin:0 0 1rem;font-size:2.5rem}.content-left p{margin:0 0 2rem;font-size:1.2rem;line-height:1.5}.learn-more-btn{padding:.75rem 1.5rem;background-color:#567357;color:#fff;text-decoration:none;font-weight:700;width:max-content;border-radius:4px;transition:background-color .3s ease}.learn-more-btn:hover{background-color:#485e49;color:#fff}.content-right img{max-width:100%;max-height:100%;object-fit:cover;border-radius:8px;align-self:center}#postsContainer{display:grid;gap:20px;margin-top:20px}.grid-view{grid-template-columns:repeat(4,1fr)}.list-view{grid-template-columns:1fr}.list-view .post-card{display:flex;flex-direction:row;align-items:flex-start;gap:15px}.post-card{border:1px solid #ddd;padding:10px;background:#fff;flex-direction:column;display:none}.post-card .thumbnail img{width:100%;height:auto}.list-view .post-card .thumbnail{flex:0 0 150px}.list-view .post-card .thumbnail img{width:150px;height:auto}.list-view .post-card .content{flex:1}.post-filter-container{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.view-buttons button,#loadMoreBtn{padding:8px 16px;cursor:pointer}.load-more-wrapper{margin-top:20px;text-align:center}.view-buttons>button{padding:1px 7px;margin:unset}.view-buttons>button svg{color:#fff}svg.icon.grid-icon,svg.icon.list-icon{fill:#fff !important;border:unset;width:35px}svg.icon.grid-icon{position:relative;top:5px;left:2px}.filter-search{display:flex;flex-direction:row;gap:5px;width:100%;margin:0 auto}.view-buttons{display:flex;gap:5px}.view-buttons button{border:unset}input#searchBox{width:100%}.post-filter-container{width:1265px;margin:75px auto}.input-filter-search{padding:15px;border:solid 1px #e6ebe5}.tag-cat-mix{padding:120px 0;text-align:center}div#tagsContainer,div#tagsContainer a{line-height:20px !important;text-align:center;overflow-x:clip;font-family:'Barlow',sans-serif !important}.tag-cat-mix.container-tc button{border-radius:100%;height:110px;transform:scale(.6)}.tag-cat-mix.container-tc button:hover{transform:scale(1.05)}.tag-cat-mix.container-tc button:before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 20%,transparent 70%);animation:waterMove 3s linear infinite;filter:blur(15px);z-index:-1}@keyframes waterMove{0%{transform:rotate(0deg) translateX(0)}100%{transform:rotate(360deg) translateX(10px)}}@media (max-width:1280px){.container{max-width:100%;padding:0 1rem}.post-filter-container{width:95%}}@media (max-width:768px){.container{flex-direction:column;height:auto}#top-fold{height:auto;padding:1.5rem 0}.content-left{padding-right:0;margin-bottom:1.5rem}.content-right img{width:100%;height:auto;max-height:none;border-radius:8px}}@media (max-width:1024px){.grid-view{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-view{grid-template-columns:repeat(1,1fr)}}@media (max-width:480px){.mobie-filterlayout{display:flex;flex-direction:column}}