.documents{max-width:144rem;padding:6rem 15rem;width:100%}.document_box{column-gap:2rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:6.4rem}.documents .top_content{color:var(--main,#141414);font-size:2rem;font-weight:400}.documents ul{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin-top:.4rem}.documents ul li{color:var(--main,#141414);font-size:2rem;font-weight:400}.searchbar{align-items:center;display:flex;gap:4rem;justify-content:center;width:100%}.searchbar input{background:var(--white,#fff);box-shadow:0 0 .5px .5px #2862ae;color:var(--around_2,#a7a7a7);padding:.5rem 2rem;width:80%}.searchbar button,.searchbar input{border:none;font-size:1.6rem;font-weight:400}.searchbar button{align-items:center;background:var(--accent,#2862ae);color:var(--white,#fff);display:flex;gap:2rem;justify-content:center;padding:.5rem 2.4rem;width:20%}.searchbar button img{width:2.2rem}.top_tags{display:flex;flex-wrap:wrap;margin-bottom:4rem;margin-top:2.4rem}.top_tags .top_tag{background:var(--gray2,#f4f4f4);color:var(--blue,#2862ae);font-size:1.2rem;margin-right:1rem;padding:.5rem 2.1rem}.document_box .doc_card{background:#fff;box-shadow:.2rem .2rem .4rem 0 rgba(0,0,0,.15);transition:all .2s ease}.document_box .doc_card:hover{cursor:pointer;transform:scale(1.05)}.document_box .doc_card img{height:20.2rem;width:100%}.doc_card .card_bottom{display:flex;flex-direction:column;padding:1.5rem 2rem;width:100%}.card_bottom .tags{display:flex;flex-wrap:wrap}.card_bottom .tags .tag{background:var(--gray2,#f4f4f4);color:var(--blue,#2862ae);margin-right:1rem;margin-top:.5rem;padding:.5rem 1.3rem}.tags{margin-bottom:.8rem}.doc_card .card_bottom p{color:var(--around_2,#a7a7a7);font-size:.8rem;font-weight:400;margin-top:.8rem}.doc_card .card_bottom h3{color:var(--main,#141414);font-size:1.6rem;font-weight:700}.hubdb-pagination{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.hubdb-pagination a{border:.1rem solid var(--blue,#2862ae);border-radius:.4rem;color:var(--blue,#2862ae);font-size:1.6rem;padding:.5rem 1rem;text-decoration:none}.hubdb-pagination a:hover,.pagination-button.current{background:var(--blue,#2862ae);color:#fff}@media (max-width:1200px){.documents{padding:5rem}}@media (max-width:1000px){.document_box{grid-template-columns:repeat(2,1fr);row-gap:3.6rem}}@media (max-width:600px){.documents{padding:2.4rem}.document_box{grid-template-columns:1fr;row-gap:1.6rem}}