/* =========================
CATEGORY PAGE
========================= */
.category-page{background:#071426;padding:40px 0 60px}
/* =========================
BREADCRUMB
========================= */
#breadcrumbs{margin-bottom:25px;color:#8fa3b8;font-size:13px}
#breadcrumbs a{color:#c7d7e7;text-decoration:none}
/* =========================
CATEGORY HERO
========================= */
.category-hero{background:linear-gradient(135deg,#0d1b2e,#132743);padding:45px;border-radius:18px;margin-bottom:40px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.category-hero:before{content:'';position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,193,7,.06)}
.category-title{color:#fff;font-size:42px;line-height:54px;margin:0 0 15px;font-weight:700;position:relative;}
.category-desc{color:#9fb3c8;font-size:16px;line-height:30px;max-width:850px;position:relative;}
/* =========================
BLOG CARD
========================= */
.blog-card{background:#0d1b2e;border-radius:18px;overflow:hidden;margin-bottom:30px;border:1px solid rgba(255,255,255,.06);transition:.35s;height:100%}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgba(0,0,0,.25)}
.blog-thumb{display:block;overflow:hidden;position:relative}
.blog-thumb img{width:100%;height:240px;object-fit:cover;transition:.5s}
.blog-card:hover .blog-thumb img{transform:scale(1.05)}
.blog-content{padding:24px}
.blog-meta{margin-bottom:15px;color:#7f96ad;font-size:13px}
.blog-meta span{margin-right:15px}
.blog-title{margin:0 0 15px;font-size:22px;line-height:34px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-title a{color:#fff;text-decoration:none}
.blog-title a:hover{color:#ffc107}
.blog-excerpt{color:#9fb3c8;line-height:28px;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more{display:inline-block;padding:11px 22px;background:#ffc107;color:#000;border-radius:40px;font-weight:700;text-decoration:none!important;transition:.3s}
.read-more:hover{background:#fff}
/* =========================
SIDEBAR
========================= */
.sidebar-box{background:#0d1b2e;border-radius:18px;padding:28px;margin-bottom:30px;border:1px solid rgba(255,255,255,.06)}
.sidebar-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 25px;padding-bottom:15px;position:relative}
.sidebar-title:after{content:'';position:absolute;left:0;bottom:0;width:60px;height:3px;background:#ffc107}
.popular-post{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.06)}
.popular-post:last-child{border:none;margin:0;padding:0}
.popular-post a{display:block;color:#dce7f3;line-height:28px;font-weight:600;text-decoration:none;margin-bottom:8px}
.popular-post span{color:#7f96ad;font-size:12px}
.tags a{display:inline-block;padding:10px 16px;background:#132743;color:#dce7f3;border-radius:40px;margin:5px;text-decoration:none;transition:.3s}
.tags a:hover{background:#ffc107;color:#000}
/* =========================
PAGINATION
========================= */
.pagination-wrap{text-align:center;margin-top:20px}
.pagination-wrap .page-numbers{display:inline-block;min-width:42px;height:42px;line-height:42px;padding:0 14px;background:#0d1b2e;color:#fff;border-radius:50px;margin:0 5px;text-decoration:none;transition:.3s}
.pagination-wrap .page-numbers.current,.pagination-wrap .page-numbers:hover{background:#ffc107;color:#000}
/* =========================
RESPONSIVE
========================= */
@media(max-width:991px){
  .category-title{font-size:34px;line-height:46px}
}
@media(max-width:767px){
  .category-page{padding:25px 0 40px}
  .category-hero{padding:30px 25px}
  .category-title{font-size:28px;line-height:40px}
  .blog-thumb img{height:220px}
}