.biosPageMain{display:flex}.biosPageMain .biosFilterSection{width:30%}.biosPageMain .biosFilterSection ul li{list-style:none;margin-bottom:8px}.biosPageMain .biosFilterSection ul li,.biosPageMain .biosFilterSection ul li a{color:#595959;font-size:14px;font-weight:500}.biosPageMain .biosFilterSection ul .titleListCategory h4{color:#194f90;font-size:14px;font-weight:700}.biosInfoSection{width:70%}.titleDepartment{display:block;padding:5px 23px;scroll-margin-top:200px;width:100%}.titleDepartment h4{color:#194f90;font-size:24px}.containDepartments{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.bioCard{display:inline-block;margin:10px 10px 40px;width:30%}.containerBios{background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;position:relative;width:100%}.containerBios:before{background:hsla(0,0%,100%,0) linear-gradient(180deg,transparent 10%,transparent 40%,rgba(0,0,0,.1) 75%,#000) repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;right:0;width:100%}.infoPersonBio{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:20px;position:relative;width:100%;z-index:2}.infoPersonBio .nameBioPerson{font-size:19px;font-weight:700}.infoPersonBio .jobBioPerson{font-size:14px}html{overflow:inherit}.biosFilterSection ul{position:sticky;top:50px}.bioSectionDetail{margin:0 auto;max-width:1000px}.topInfoBio{display:flex;justify-content:center}.textBioDetail{padding-left:50px;width:50%}.textBioDetail h3{font-weight:400!important}picture.imgBioDetail{text-align:right;width:50%}picture.imgBioDetail img{width:100%}.boxInfoBioDetail ul li,.boxInfoBioDetail ul li .iconBoxInfo{display:flex}.boxInfoBioDetail ul li .iconBoxInfo svg{width:20px;fill:#194f90}.boxInfoBioDetail ul li .linkBioInfo{color:#595959;margin-left:15px}.boxInfoBioDetail{background:#f7f7f7;margin-top:20px;padding:30px 25px}.boxInfoBioDetail h4{font-size:16px;margin-bottom:15px}.boxInfoBioDetail ul li{margin-bottom:7px}section.blog-posts{display:flex}.blog-post--card{border:1px solid #ddd;display:flex;flex:1 1 0px;flex-direction:column;justify-content:space-between;margin:10px;padding:10px}.blog-post--card,.blog-post--card img{border-radius:20px}.blog-post--card h2{color:#003057;font-size:20px;padding:20px 0 0}.blog-post--card .btn.btn-primary{background:#0565eb;border-radius:10px;color:#fff;margin-top:20px;padding:5px 30px;width:fit-content}.row.blog-post-card-contain{display:flex;width:100%}.col-4.blog-post-card-contain{max-width:33%}@media(max-width:1024px){.topInfoBio{display:flex;flex-wrap:wrap;justify-content:center}.textBioDetail{padding:30px 20px;width:100%}picture.imgBioDetail{width:100%}.bioCard{margin:10px 10px 40px;width:70%}}@media(max-width:767px){.biosInfoSection,.biosPageMain .biosFilterSection{text-align:center;width:100%}.biosPageMain{display:flex;flex-wrap:wrap}.boxInfoBioDetail ul li .linkBioInfo{line-break:anywhere}.boxInfoBioDetail{padding:30px 5px}.textBioDetail{padding:30px 0}}