.blog-page{font-family:Be Vietnam Pro}.blog-page h3{text-align:center}.blog-page #filter{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 1023px){.blog-page #filter{margin-bottom:20px}}.blog-page #filter #orderForm{width:100%}.blog-page #filter .head-blog{padding-top:130px;padding-bottom:80px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;width:100%}@media screen and (max-width: 1023px){.blog-page #filter .head-blog{padding-top:100px;padding-bottom:30px}}.blog-page #filter h1{color:#0545c6;text-align:center;font-size:68px;font-style:normal;font-weight:700;line-height:81.6px}.blog-page #filter .filter-container{width:100%}.blog-page #filter .search-container{position:relative;width:min-content;display:flex;align-items:center;margin:0 auto}@media screen and (max-width: 1023px){.blog-page #filter .search-container{width:100%}}.blog-page #filter .search-container .buttons-container{display:flex;align-items:center;gap:10px;position:absolute;right:20px}.blog-page #filter .search-container button{border:none;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.blog-page #filter .search-container button svg{color:#c2c2c2}.blog-page #filter .search-container button :hover{background-color:transparent}.blog-page #filter .input-search{background-color:#fff;width:500px;border-radius:24px;border:1px solid #3f3f3f;padding:5px 12px;font-size:16px;width:400px}.blog-page #filter .input-search ::placeholder{color:#0545c6}@media screen and (max-width: 1023px){.blog-page #filter .input-search{width:100%}}.blog-page #filter .topics-container{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Be Vietnam Pro}@media screen and (max-width: 1023px){.blog-page #filter .topics-container{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}}.blog-page #filter .topics-container .input-filter{padding:8px 16px;border-radius:35px;color:#3f3f3f;font-size:16px;font-style:normal;font-weight:400;line-height:23px;letter-spacing:-.48px;border:1px solid #3f3f3f}.blog-page #filter .topics-container .filter-select{background-color:#0545c6;border-color:#0545c6;color:#fff}.blog-page #blog-articles{width:100%;max-width:1440px;margin:0 auto 60px}.blog-page #blog-articles .posts-container{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:15px;row-gap:40px}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(1,1fr)}}.blog-page #blog-articles .posts-container a{height:100%;width:100%;max-width:400px}.blog-page #blog-articles .posts-container a:hover{text-decoration:none;color:inherit}.blog-page #blog-articles .posts-container .card{width:100%;height:100%;border:none;border-top-right-radius:24px;border-top-left-radius:24px;box-shadow:0 2px 6px #1f4ba014,0 -2px 6px #1e4aa014}.blog-page #blog-articles .posts-container .card img{width:100%;object-fit:cover;aspect-ratio:364/266;border-radius:24px}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container .card img{border-radius:10px}}.blog-page #blog-articles .posts-container .card .tag{position:absolute;top:18px;right:18px;font-size:11px;color:#fff;background-color:#0545c6;padding:4px 14px;border-radius:16px;font-weight:400}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container .card .tag{right:5px;top:5px}}.blog-page #blog-articles .posts-container .card .title-card{margin-top:10px;font-family:Be Vietnam Pro;font-weight:700;font-size:18px;color:#000;padding:0 15px;min-height:54px}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container .card .title-card{margin-bottom:0;font-size:16px}}.blog-page #blog-articles .posts-container .card p{padding:0 15px;font-family:Be Vietnam Pro;font-size:14px;font-weight:400;color:#666e82;margin:8px 0 6px;display:-webkit-box;line-clamp:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container .card p{font-size:14px}}.blog-page #blog-articles .posts-container .card span{font-size:12px;font-weight:400;color:#8a989a;padding:0 15px 15px}@media screen and (max-width: 1023px){.blog-page #blog-articles .posts-container .card span{font-size:12px}}.blog-page .pagination{display:flex;align-items:center;justify-content:center;margin-top:50px;gap:5px;font-family:Be Vietnam Pro;font-size:20px;font-weight:500}.blog-page .pagination .nav-page{height:35px;width:35px;display:flex;justify-content:center;align-items:center}.blog-page .pagination .disabled{pointer-events:none;cursor:default}.blog-page a{height:35px;width:35px;display:flex;justify-content:center;align-items:center}.blog-page a:hover{background-color:#f5f5f5;color:currentColor;text-decoration:none}.blog-page .current-page{font-weight:700;background-color:#f5f5f5}.order-filter-container{display:flex;align-items:center;justify-content:space-between;max-width:1440px;width:100%;margin:0 auto 20px}@media screen and (max-width: 1023px){.order-filter-container{flex-direction:column-reverse;gap:20px}}.order-container{display:flex;align-items:center;border:1px solid #0545C6;border-radius:20px;padding:2px 20px;color:#3f3f3f;cursor:pointer}.order-container:hover{cursor:pointer}.order-container label{width:-webkit-fill-available;font-weight:400}.order-container select{font-weight:400;border:none;width:max-content;padding-right:50px;color:#3f3f3f}.order-container select:focus{box-shadow:none}.form-select{cursor:pointer}.count-blog{font-family:Be Vietnam Pro;color:#000;font-size:16px;font-weight:400}.count-blog b{color:#0545c6;font-weight:700}