.blog-page{padding-top:80px}@media(min-width:992px){.blog-page{padding-top:120px}}.page-header{background:#0c2744;padding:4rem 0 3rem;margin-bottom:3rem}.page-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:hsla(0,0%,100%,.7);margin:0}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(27,54,93,.06);transition:all .3s ease;display:flex;flex-direction:column;width:100%;height:100%}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(27,54,93,.12)}.blog-card:hover .blog-image img{transform:scale(1.08)}.blog-image{position:relative;display:block;width:100%;padding-top:65%;overflow:hidden}.blog-image img{transition:transform .5s ease}.blog-image .blog-category{position:absolute;top:15px;left:15px;background:#f5c518;color:#1b365d;padding:.3rem .75rem;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase;z-index:2}[dir=rtl] .blog-image .blog-category{left:auto;right:15px}.blog-content{padding:1.35rem 1.4rem 1.4rem;display:flex;flex-direction:column;flex:1 1}.blog-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.8rem;color:#8a97a5}.blog-meta span{display:flex;align-items:center;gap:.3rem}.blog-meta span svg{color:#f5c518}.blog-title{font-size:1.12rem;margin-bottom:.65rem;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-title a{color:#1b365d}.blog-title a:hover{color:#f5c518}.blog-excerpt{font-size:.9rem;color:#8a97a5;margin-bottom:1rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}.read-more{font-size:.9rem;font-weight:600;color:#f5c518;margin-top:auto}.read-more:hover{color:#e0b00a}.pagination-wrap{display:flex;justify-content:center;margin-top:3rem}.pagination-wrap .pagination{gap:.3rem}.pagination-wrap .page-link{border:none;color:#5c6b7a;font-weight:600;border-radius:8px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination-wrap .page-item.active .page-link,.pagination-wrap .page-link:hover{background:#f5c518;color:#fff}.pagination-wrap .page-item.disabled .page-link{opacity:.4}.loading-spinner{width:40px;height:40px;border:3px solid #e6ebf0;border-top-color:#f5c518;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:767.98px){.page-header{padding:3rem 0 2rem}.page-header h1{font-size:1.75rem}}