.blog-section{background-color:#fff;min-height:100vh;font-family:Open Sans,sans-serif}.blog-hero{background-color:#b2eaf9;padding:3rem 1rem;text-align:center;color:#1d5c72}.blog-hero-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem}.blog-hero-subtitle{font-size:clamp(1rem,2.5vw,1.125rem);opacity:.9}.blog-container{max-width:1400px;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:2rem}@media (min-width:992px){.blog-container{flex-direction:row;align-items:flex-start;gap:0;justify-content:space-between}}.blog-list{flex:3;margin-right:.5rem}.blog-card{overflow:hidden;margin-bottom:2rem;transition:all .3s ease;max-width:100%;height:100%;gap:10px}.blog-card:hover{transform:translateY(-3px)}.blog-image-wrapper{position:relative;width:100%;aspect-ratio:24/12;overflow:hidden;border-radius:8px;background-color:#f9f9f9}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block}.blog-content{padding:1.25rem 0 .5rem}.blog-meta-row{display:flex;align-items:flex-start;gap:15px;margin-bottom:1rem}.date-badge{background:#f4f4f4;color:#3098a0;border-radius:4px;text-align:center;width:48px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);flex-shrink:0}.date-badge .day{font-size:18px;font-weight:700;padding:6px 0;background:#f4f4f4}.date-badge .month{background:#3098a0;font-size:12px;font-weight:600;text-transform:uppercase;padding:4px 0;color:#fff}.blog-meta-details{flex:1}.blog-meta-details .blog-tag{margin-bottom:5px}.blog-meta-details .blog-title{font-size:20px;margin-bottom:6px;color:#222529;line-height:1.3}.blog-meta-details .blog-description{font-size:15px;line-height:1.6;color:#666}.read-moree{display:inline-block;background-color:#3098a0;color:#fff;text-decoration:none;padding:8px 16px;border-radius:3px;margin-top:8px;transition:background-color .3s}.read-moree:hover{background-color:#277c82}.blog-sidebar{flex:1;max-width:300px;border-radius:12px;padding:20px;height:-moz-fit-content;height:fit-content;align-self:flex-start}.sidebar-title{margin-bottom:15px;font-size:1rem;font-weight:700;text-transform:uppercase;color:#222}.sidebar-search{display:flex;margin-bottom:20px;width:100%}.sidebar-search .search-input{flex:1;height:38px;padding:0 12px;border:1px solid #ddd;border-radius:4px 0 0 4px}.search-btn{background-color:#373a3d;color:#fff;border:none;border-radius:0 4px 4px 0;padding:0 16px;cursor:pointer;transition:all .3s ease}.search-btn:hover{background-color:#25282b}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.category-item{cursor:pointer;padding:10px 12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;color:#777;transition:all .2s ease}.category-item:hover{background-color:#f5f5f5}.category-item.active{background-color:#f0f5ff;color:#3098a0;font-weight:600}.category-list .arrow{font-size:10px;margin-right:6px;vertical-align:middle}.category-list .cat-name{font-size:14px}.clear-filter{margin-left:8px;color:#3098a0;font-size:13px;cursor:pointer;font-weight:600}.clear-filter:hover{color:#3098a0}.pagination-wrapper{text-align:center;margin:10px}@media (max-width:992px){.blog-container{flex-direction:column;gap:0}.blog-list{flex:none;margin-right:0}.blog-sidebar{flex:none;max-width:100%;margin-left:0}}@media (max-width:768px){.blog-meta-row{flex-direction:row;align-items:center}.date-badge{width:42px}.blog-meta-details .blog-title{font-size:18px;margin-bottom:5px}.blog-meta-details .blog-description{font-size:14px}.sidebar-search{flex-direction:column;gap:10px}.search-btn{width:100%;border-radius:4px}}@media (max-width:480px){.blog-hero{padding:2rem 1rem}.blog-meta-row{flex-direction:row;gap:10px}.date-badge{align-self:flex-start}.blog-meta-details .blog-title{font-size:17px}.read-moree{font-size:14px;padding:7px 12px}}.blog-link,.blog-link:active,.blog-link:focus,.blog-link:hover,.blog-link:visited,.read-more,.read-more:active,.read-more:focus,.read-more:hover{color:#3098a0;text-decoration:none;cursor:pointer}.loading-wrapper{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%}.pagination-wrapper{display:flex;justify-content:center;margin-top:40px}.ant-pagination-item-active{border-color:#3098a0!important}.ant-pagination-item-active a,.ant-pagination-item:hover a{color:#3098a0!important}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{border-color:#3098a0!important;color:#3098a0!important}.blog-tag{position:absolute;top:15px;right:15px;background-color:#69727d;color:#fff;padding:6px 12px;font-size:12px;font-weight:400;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2;line-height:1}