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