body{background-color:#e0dddd;font-family:Poppins,sans-serif;margin:0;padding:0;height:100%;overflow-x:hidden}.blog-container{display:flex;min-height:100vh;padding:16px;margin-top:125px;margin-left:200px}@media (min-width: 768px){.blog-container{margin-top:101px}}.sidebar{width:300px;padding:16px;font-size:16px;color:#0c1f34;line-height:16px;overflow-y:auto;height:100%;position:relative}.scroll-up,.scroll-down{display:none;position:absolute;left:50%;transform:translate(-50%);background-color:#0c1f34;color:#fff;border:none;cursor:pointer;padding:5px;z-index:10}.scroll-up{top:0}.scroll-down{bottom:0}@media (max-width: 768px){.scroll-up,.scroll-down{display:block;position:fixed;left:50%;transform:translate(-50%);z-index:1000}.scroll-up{top:10px}.scroll-down{bottom:10px}}.sidebar .category-name{color:#0c1f34;font-size:16px!important;text-transform:uppercase;margin-top:auto;margin-bottom:0}.sidebar .category-name.selected{font-weight:700}.category-name:hover{background-color:transparent;transform:scale(1.1);transition:transform .2s ease-in-out;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.sidebar .sidebar-title{margin-bottom:5px;font-weight:900;color:#0c1f34;font-size:24px;line-height:24px;text-transform:uppercase}.content{flex-grow:1;padding:16px}.content .content-title{font-weight:700;margin-bottom:16px;text-align:center}.content .articles-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.articles-container .article-card{width:250px;height:275px;background-color:#0c1f34;color:#fff;border:1px solid #0C1F34;display:flex;flex-direction:column;justify-content:space-between}.article-card .MuiCardContent-root{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.article-card .MuiTypography-h6{font-size:20px;font-weight:700;color:#fff;margin-bottom:1px;text-transform:uppercase}.article-card .MuiTypography-body2{font-size:16px;color:#fff;line-height:16px;margin-bottom:5px;flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card .MuiTypography-root{color:#fff!important}.articles-container .article-image{width:100%;height:120px;object-fit:cover}.article-card .read-more-btn{margin:auto 5px 5px;color:#fff;background-color:#0c1f34;font-size:14px;text-transform:initial;box-shadow:none;border:none;outline:none;align-self:flex-start}.article-card .read-more-btn:hover{background-color:#0c1f34;transform:scale(1.15);transition:all .2s ease-in-out}@media (max-width: 768px){.blog-container{flex-direction:column;margin-left:0;padding:8px}.sidebar{width:100%;margin-bottom:16px}.articles-container{flex-direction:column;align-items:center}.articles-container .article-card{width:100%;max-width:320px;margin-bottom:16px}}.sidebar .MuiList-root{display:grid;grid-template-columns:repeat(1,1fr);gap:8px}@media (max-width: 768px){.sidebar .MuiList-root{grid-template-columns:repeat(2,1fr)}}