section{width:100%;align-items:center}article{flex:1;display:flex;max-width:1700px}#blogHead{flex-direction:column}#titleBlog{display:grid;padding:30px 0;place-content:center}#categoryBlog{gap:20px;display:flex;align-items:center;justify-content:center}#categoryBlog h2{font-size:22px;padding:0 0 5px 0}#categoryBlog h3{cursor:pointer;font-size:15px;position:relative;padding:0 0 5px 0;color:#143c64}#categoryBlog h3::after{content:"";width:0;height:4px;bottom:0;right:50%;position:absolute;transition:all .5s;will-change:width;background-color:#00a162}#categoryBlog h3:hover::after{right:0;width:100%}#listCategory{border:none;padding:5px 8px;cursor:pointer;font-family:Montserrat;color:#143c64;border-bottom:2px solid #143c64;position:relative;display:none}#leftB,#minBlog{display:flex;flex-direction:column;flex:0 0 70%}#minBlog{gap:30px;padding:30px 30px}.boxBlog{display:flex;max-width:1100px}.rightB{width:100%;padding:0 15px 0 0}.rightB .bi-clock-history{color:#143c64}.rightB p{color:#143c64}.rightB p:nth-child(3){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;margin:0 0 8px 0}.boxBlog h3{font-size:22px;padding:10px 0;font-weight:600;font-style:italic;color:#143c64}.rightB h3:nth-child(2){cursor:pointer}.boxBlog figure{width:100%;overflow:hidden;max-width:450px;max-height:250px;position:relative;border-bottom-right-radius:30px;border-top-right-radius:30px;display:grid;place-content:center}.boxBlog figure img{width:100%;object-fit:cover}.buttonB{top:50%;left:61%;width:120px;height:26px;display:flex;cursor:pointer;overflow:hidden;position:absolute;border-radius:25px;align-items:center;justify-content:center;background-color:#00a162}.buttonB::after{content:"";left:0;z-index:2;left:-100%;width:100%;height:100%;position:absolute;transition:all .3s ease-in;background-color:#143c64}.buttonB:hover::after{left:0}.buttonB p,i{z-index:3;color:#fff}.buttonB i{padding:0 0 0 5px}.hide{display:none}@media (max-width:1440px){#minBlog{flex:0 0 80%}.othersB:nth-child(n+5){display:none}.othersB figure{max-width:255px}}@media (max-width:1160px){.othersB h3{font-size:16px}}@media (max-width:960px){#categoryBlog{gap:40px}#categoryBlog h2{padding:0}#categoryBlog h3{display:none}#listCategory{display:flex}}@media (max-width:930px){#leftB{display:none}#minBlog{flex:0 0 100%}}@media (max-width:650px){.boxBlog{flex-direction:column}.boxBlog figure{max-width:586px}.rightB p:nth-child(4){padding:0 0 8px 0}}@media (max-width:390px){#categoryBlog{gap:20px;flex-direction:column}}