.display{display:none}.load-more{display:inline-block;padding:10px 20px;font-size:1rem;color:#fff;background-color:#6196fe;border:none;border-radius:15px;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .3s,transform .3s;margin:50px auto;display:block}.search{display:flex;justify-content:space-between;flex-direction:column}.search .tags-container{display:flex;padding:50px 10%;width:80%;align-self:flex-end;justify-content:end;flex-wrap:wrap;gap:15px}.search .tags-container button{padding:10px 30px;border:1px solid hsla(0,0%,47%,.85);border-radius:10px;font-weight:500;margin:0;background:transparent;cursor:pointer;color:hsla(0,0%,47%,.85);transition:.2s ease}.search .tags-container button.active,.search .tags-container button:hover{background-color:#6196fe;color:#fff;border:1px solid #6196fe}.search .tags-container button:hover{transform:translateY(-2px);box-shadow:4px 4px 20px hsla(0,0%,47%,.3)}.articles-container{display:flex;flex-wrap:wrap;gap:40px;padding:50px 10% 100px}.articles-container .article-card{position:relative;min-width:40%;width:calc(50% - 20px);flex:1 1;max-width:calc(50% - 10px);box-sizing:border-box;padding:60px;margin-bottom:0;color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;height:55vh;transition:.3s ease;animation:serv1 1s ease;gap:10px;overflow:hidden}.articles-container .article-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;left:0;bottom:0;margin-bottom:0;border-radius:0;transition:.5s ease;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-transition:.5s ease;-moz-transition:.5s ease;-ms-transition:.5s ease;-o-transition:.5s ease}.articles-container .article-card h4{margin:0 0 10px;color:#fff;font-size:34px;overflow:hidden;transition:.3s ease;z-index:1;text-align:center;transform:translateY(50%);opacity:0;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.articles-container .article-card span{padding:3px 10px;color:#fff;font-size:16px;font-weight:400;z-index:1;text-align:center;transform:translateY(100%);opacity:0;transition:.3s ease;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.articles-container .article-card:before{content:"";background-image:inherit;width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover;background-position:50%;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.articles-container .article-card:hover:before{scale:1.05}.articles-container .article-card:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background:#262626;background:linear-gradient(0deg,hsla(0,0%,5%,.7),hsla(0,0%,5%,0) 50%,hsla(0,0%,5%,0));background-size:100% 200%;transition:.3s ease;background-position:top}.articles-container .article-card:hover:after{background-position:bottom}.articles-container .article-card:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}.articles-container .article-card:hover h4{transform:translateY(0);opacity:1;color:#fff}.articles-container .article-card:hover span{transform:translateY(0);opacity:1}.articles-container .no-articles{width:100%;text-align:center;font-size:1.25em;color:#666}@media(max-width:1600px){.articles-container{padding:50px 5% 100px;gap:30px}.search .tags-container{padding:50px 5%;width:80%}}@media(max-width:1500px){.search .tags-container{padding:50px 5%;width:90%}}@media(max-width:1150px){.search .tags-container{gap:10px}.search .tags-container button{font-size:15px;padding:7px 25px}}@media(max-width:800px){.search .tags-container{gap:5px;width:100%;padding:30px 5%}.search .tags-container button{font-size:12px;padding:5px 10px}.articles-container{padding:0 3vw 20px;gap:3vw}.articles-container .article-card{max-width:none;height:25vh;padding:15px;min-width:100%}.articles-container .article-card h4{transform:translateY(0);opacity:1;color:#fff;font-size:20px;margin-bottom:0}.articles-container .article-card span{transform:translateY(0);opacity:1;font-size:14px;font-weight:400}.articles-container .article-card:after{background-position:bottom}}