.translate-middle{transition:all .3s;background-color:#566747!important;transform:translateY(-100%)!important}.display{display:none}.load-more{color:#fff;cursor:pointer;text-align:center;background-color:#566747;border:none;border-radius:4px;margin:50px auto;padding:10px 20px;font-size:1rem;text-decoration:none;transition:background-color .3s,transform .3s;display:block}.container{max-width:80%;margin:100px auto;padding:20px}.container .search{flex-direction:column;justify-content:space-between;margin:50px 0;display:flex}.container .search .search-container{flex-direction:row;align-items:center;column-gap:20px;width:100%;margin-bottom:20px;display:flex}.container .search .search-container .filters{background:#fff;border:1px solid #ccc;border-radius:5px;min-width:46px;height:100%;padding:10px}.container .search .search-container .filters svg{fill:#666;width:100%;height:100%}.container .search .search-container h3{margin-bottom:0}.container .search .search-container input{border:1px solid #ccc;border-radius:5px;width:100%;padding:10px}.container .search .tags-container{width:100%;margin-bottom:20px}.container .search .tags-container button{cursor:pointer;background:#e0e0e0;border:none;border-radius:5px;margin:5px;padding:3px 10px}.container .search .tags-container button.active{color:#fff;background:#566747}.articles-container{flex-wrap:wrap;gap:20px;margin-top:50px;display:flex}.articles-container .article-card{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;flex:calc(25% - 20px);justify-content:start;max-width:calc(25% - 20px);height:500px;margin-bottom:20px;padding:15px;transition:all .3s;display:flex;box-shadow:0 0 10px #0000001a}.articles-container .article-card img{object-fit:cover;border-radius:5px;width:100%;height:120px;margin-bottom:10px}.articles-container .article-card h4{color:#0f0f0f;margin:0 0 10px;font-size:1em;transition:all .3s;overflow:hidden}.articles-container .article-card p{color:#666;margin:0}.articles-container .article-card p:nth-child(3){margin:10px 0;font-size:.85em}.articles-container .article-card .tags{flex-wrap:wrap;place-content:end;align-items:end;margin-top:10px;display:flex}.articles-container .article-card .tags span{color:#fff;background:#566747;border-radius:5px;height:fit-content;margin-bottom:5px;margin-right:10px;padding:3px 10px;font-size:.75em;font-weight:500}.articles-container .article-card .tags:last-of-type{flex:1;align-items:flex-end}.articles-container .article-card:hover h4{color:#566747}.articles-container .no-articles{text-align:center;color:#666;width:100%;font-size:1.25em}@media (max-width:1500px){.articles-container{margin-top:50px}.articles-container .article-card{flex:calc(33% - 20px);max-width:33%}}@media (max-width:1200px){.articles-container{margin-top:50px}.articles-container .article-card{flex:calc(50% - 20px);max-width:50%}}@media (max-width:992px){.blog h3{font-size:46px!important}.blog .page{margin-top:20px!important}.blog .page .article-card{min-width:60%!important}.blog .page .article-card img{height:40vh!important}}
.display{display:none}.container{max-width:80%;margin:100px auto;padding:20px}.container .load-more{color:#fff;cursor:pointer;text-align:center;background-color:#566747;border:none;border-radius:4px;margin:50px auto;padding:10px 20px;font-size:1rem;text-decoration:none;transition:background-color .3s,transform .3s;display:block}.container .search{flex-direction:column;justify-content:space-between;margin:50px 0;display:flex}.container .search h1{text-transform:uppercase;font-size:64px;font-weight:300;animation:1s serv2}.container .search .search-container{flex-direction:row;align-items:center;column-gap:20px;width:100%;margin-bottom:20px;display:flex}.container .search .search-container h3{margin-bottom:0}.container .search .search-container input{border:1px solid #ccc;border-radius:5px;width:100%;padding:10px}.container .search .tags-container{justify-content:center;width:100%;padding:0 10%;display:flex}.container .search .tags-container button{cursor:pointer;color:#787878d9;background:0 0;border:none;border-bottom:1px solid #78787880;border-radius:0;margin:0;padding:15px 30px;font-weight:500;transition:all .2s}.container .search .tags-container button.active{color:#000;background:0 0;border-bottom:1px solid #000}.container .search .tags-container button:hover{color:#000}.articles-container{flex-wrap:wrap;gap:20px;margin-top:50px;padding:0 0%;display:flex}.articles-container .article-card{box-sizing:border-box;color:#fff;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:10px;width:calc(50% - 20px);min-width:40%;max-width:calc(50% - 10px);height:55vh;margin-bottom:0;padding:60px;transition:all .3s;animation:1s serv1;display:flex;position:relative;overflow:hidden}.articles-container .article-card img{object-fit:cover;object-position:center;-ms-border-radius:0;-o-border-radius:0;-o-transition:.5s ease;border-radius:0;width:100%;height:100%;margin-bottom:0;transition:all .5s;position:absolute;bottom:0;left:0}.articles-container .article-card h4{color:#fff;z-index:1;text-align:center;opacity:0;margin:0 0 10px;font-size:34px;transition:all .3s;overflow:hidden;transform:translateY(50%)}.articles-container .article-card span{color:#fff;z-index:1;text-align:center;opacity:0;padding:3px 10px;font-size:16px;font-weight:400;transition:all .3s;transform:translateY(100%)}.articles-container .article-card:before{content:"";background-image:inherit;-o-transition:.3s ease-in-out;background-position:50%;background-size:cover;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.articles-container .article-card:hover:before{scale:1.05}.articles-container .article-card:after{content:"";background:linear-gradient(#0e0e0e00 0% 50%,#0e0e0eb3 100%) top/100% 200%;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.articles-container .article-card:hover:after{background-position:bottom}.articles-container .article-card:hover img{transform:scale(1.05)}.articles-container .article-card:hover h4{opacity:1;color:#fff;transform:translateY(0)}.articles-container .article-card:hover span{opacity:1;transform:translateY(0)}.articles-container .no-articles{text-align:center;color:#666;width:100%;font-size:1.25em}@media (max-width:1500px){.container{max-width:90%;margin:100px 5%!important}.articles-container{margin-top:50px}}@media (max-width:1200px){.articles-container{margin-top:50px}}@media (max-width:992px){.container{max-width:100%;margin:100px 0%!important;padding:0 3%!important}.container .search{flex-direction:column;justify-content:space-between;margin:10px 0;display:flex}.container .search h1{text-transform:uppercase;text-align:center;font-size:36px;font-weight:300;animation:1s serv2}.container .search .tags-container{justify-content:center;width:100%;margin-top:20px;padding:0 5%;display:flex}.container .search .tags-container button{cursor:pointer;color:#787878d9;background:0 0;border:none;border-bottom:1px solid #78787880;border-radius:0;margin:0;padding:10px 25px;font-size:12px;font-weight:500;transition:all .2s}.container .search .tags-container button.active{color:#000;background:0 0;border-bottom:1px solid #000}.container .search .tags-container button:hover{color:#000}.articles-container{gap:10px;width:100%;margin-top:0;padding:0}.articles-container .article-card{box-sizing:border-box;color:#fff;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:10px;min-width:100%;max-width:100%;height:35vh;padding:30px;transition:all .3s;animation:1s serv1;display:flex;position:relative;margin-bottom:0!important}.articles-container .article-card h4{opacity:1;font-size:20px;transform:translateY(0)}.articles-container .article-card span{opacity:1;transition:all .3s;transform:translateY(0)}.articles-container .article-card:after,.articles-container .article-card:hover:after{background-position:bottom}.articles-container .article-card:hover h4{opacity:1;color:#fff;transform:translateY(0)}.articles-container .article-card:hover span{opacity:1;transform:translateY(0)}.articles-container .no-articles{text-align:center;color:#666;width:100%;font-size:1.25em}}
