.boxListBlog{width:100%;margin-top:3rem}.boxListBlog .searchResult{color:#7d868e;padding:0 1rem;font-size:1.2rem}.boxListBlog .contentBlog{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;padding:1rem;display:grid}@media screen and (max-width:768px){.boxListBlog .contentBlog{grid-template-columns:repeat(1,1fr)}}.boxListBlog .contentBlog .boxBlog{cursor:pointer;border-bottom:.01rem solid gray;flex-direction:column;gap:1rem;width:100%;max-width:50rem;min-height:14.5rem;padding:2rem 0;display:flex}.boxListBlog .contentBlog .boxBlog .headerBox{align-items:center;gap:1rem;display:flex}.boxListBlog .contentBlog .boxBlog .headerBox .image{border-radius:50%;width:3rem;min-width:3rem;height:3rem;overflow:hidden}.boxListBlog .contentBlog .boxBlog .headerBox .image img{object-fit:cover;width:3rem;height:3rem}.boxListBlog .contentBlog .boxBlog .headerBox .descHeader{flex:1;min-width:0}.boxListBlog .contentBlog .boxBlog .headerBox .descHeader .category{color:gray;font-size:1.3rem;font-weight:700;line-height:1.6rem}.boxListBlog .contentBlog .boxBlog .headerBox .descHeader .link{color:gray;margin-top:.2rem;font-size:1.1rem;font-weight:400;line-height:1.5rem}.boxListBlog .contentBlog .boxBlog .titleBox{flex-direction:column;font-size:1rem;display:flex}.boxListBlog .contentBlog .boxBlog .titleBox .titleBlog{color:#2b84c4}.boxListBlog .contentBlog .boxBlog .titleBox .descBlog{color:gray;margin-top:.7rem;font-size:1.2rem;line-height:1.8rem}.boxListBlog .contentBlog .boxBlog.skeletonCard{pointer-events:none}.boxListBlog .pagination{justify-content:center;margin-top:2rem;display:flex}.boxListBlog .pagination .containerPagination{gap:1.5rem;list-style:none;display:flex}@media screen and (max-width:768px){.boxListBlog .pagination .containerPagination{gap:1rem}}.boxListBlog .pagination .containerPagination .link{color:#314755;cursor:pointer;background-color:#fff;border:.1rem solid #c8d1d5;border-radius:.6rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.4rem;font-weight:700;display:flex}.boxListBlog .pagination .containerPagination .link.on{color:#fff;background-color:#3e5d6e;border:none;font-weight:700;box-shadow:0 2px 5px 3px #32325d40,0 1px 3px -1px #0000004d}.boxListBlog .pagination .containerPagination .disabled{cursor:not-allowed;background-color:#c8d1d5;border:#0000;border-radius:.5rem}.titleBlogSkeleton span,.descBlogSkeleton span{opacity:0}@keyframes skeletonLoadingBlog{0%{background-color:#d5dde2}to{background-color:#eef2f4}}.skeletonBlog{animation:1s linear infinite alternate skeletonLoadingBlog}.skeletonBlog.skeletonImageBlog{border-radius:50%;width:3rem;min-width:3rem;height:3rem}.skeletonBlog.skeletonCategoryBlog{border-radius:.5rem;width:8rem;height:1.2rem}.skeletonBlog.skeletonLinkBlog{border-radius:.5rem;width:18rem;max-width:100%;height:1rem;margin-top:.5rem}.skeletonBlog.skeletonTitle{border-radius:.5rem;width:85%;height:2rem;margin-bottom:1rem}.skeletonBlog.skeletonDesc{border-radius:1rem;width:100%;height:1rem;margin-top:.5rem}.skeletonBlog.skeletonDesc.short{width:72%}
.search{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.search .wrapContainer .searchGroup{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.search .wrapContainer .searchGroup input{border:.01rem solid #7d868e;border-radius:.5rem;outline:none;width:40rem;height:3rem;padding:2rem 1rem;font-size:1.6rem}@media screen and (max-width:527px){.search .wrapContainer .searchGroup input{width:90vw}}.search .wrapContainer .searchGroup input:focus{border:.1rem solid #314755}.search .wrapContainer .searchGroup span{justify-content:space-between;gap:2rem;display:flex}.search .wrapContainer .searchGroup span .icon{font-size:1.4rem}.search .wrapContainer .searchGroup span button{color:#fff;cursor:pointer;background-color:#314755;border:#0000;border-radius:.5rem;padding:.5rem 2rem;font-size:1.4rem;box-shadow:0 2px 5px 3px #32325d40,0 1px 3px -1px #0000004d}.search .wrapContainer .tabNavigation{justify-content:center;align-items:center;width:100%;margin:1rem auto;display:flex;position:relative}.search .wrapContainer .tabNavigation .leftBtn,.search .wrapContainer .tabNavigation .rightBtn{display:none}@media screen and (max-width:527px){.search .wrapContainer .tabNavigation .leftBtn,.search .wrapContainer .tabNavigation .rightBtn{color:#cdcccc;cursor:pointer;z-index:2;padding:1rem;font-size:1.8rem;display:block;position:absolute}}.search .wrapContainer .tabNavigation .leftBtn{background:linear-gradient(270deg,#0000,#fff);border-top-left-radius:.1rem;border-bottom-left-radius:.1rem;display:none;left:0}.search .wrapContainer .tabNavigation .rightBtn{background:linear-gradient(90deg,#0000,#fff);border-top-right-radius:.1rem;border-bottom-right-radius:.1rem;right:0}.search .wrapContainer .tabNavigation .tabMenu{color:#fff;white-space:nowrap;border-radius:.5rem;justify-content:center;gap:.5rem;max-width:50rem;padding:1rem;list-style:none;display:flex}@media screen and (max-width:527px){.search .wrapContainer .tabNavigation .tabMenu{-webkit-user-select:none;user-select:none;scroll-behavior:smooth;justify-content:flex-start;width:99vw;overflow-x:auto}}.search .wrapContainer .tabNavigation .tabMenu::-webkit-scrollbar{display:none}.search .wrapContainer .tabNavigation .tabMenu .tabButton{color:#314755;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:.1rem solid #c8d1d5;border-radius:1rem;margin:0 .2rem;padding:1rem 2rem;font-size:1.2rem;transition:all .3s}.search .wrapContainer .tabNavigation .tabMenu .tabButton:hover{color:#fff;background-color:#314755}.search .wrapContainer .tabNavigation .tabMenu .tabButton.active{color:#fff;background-color:#314755;border:none;box-shadow:0 2px 5px 3px #32325d40,0 1px 3px -1px #0000004d}
.blog{margin-top:9rem;margin-bottom:5rem}.blog .wrapContainer .wrapBlog{flex-direction:column;justify-content:center;align-items:center;display:flex}