.blog-overview-sec{background:0 0;border:none;padding:0;position:relative}.blog-overview-sec .overview-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:20px;grid-template-columns:460px 1fr;align-items:center;gap:36px;padding:32px;display:grid;box-shadow:0 10px 30px -10px #0f172a0a}@media (max-width:1024px){.blog-overview-sec .overview-card{grid-template-columns:1fr;gap:24px;padding:24px}}.blog-overview-sec .overview-img-wrap{background:linear-gradient(135deg,#33a1e00f 0%,#0f172a0a 100%);border:1px solid #33a1e02e;border-radius:14px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.blog-overview-sec .overview-img-wrap .main-blog-img{object-fit:cover;width:100%;height:100%}.blog-overview-sec .overview-img-wrap .fallback-media-box{color:var(--main_color);opacity:.85}.blog-overview-sec .overview-info-wrap{flex-direction:column;display:flex}.blog-overview-sec .overview-info-wrap .badges-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.blog-overview-sec .overview-info-wrap .badges-meta-row .type-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.blog-overview-sec .overview-info-wrap .badges-meta-row .type-badge.category-badge{color:var(--main_color);background:#33a1e017;border:1px solid #33a1e038}.blog-overview-sec .overview-info-wrap .badges-meta-row .type-badge.date-badge{color:#475569;background:#0f172a0a;border:1px solid #0f172a1a}.blog-overview-sec .overview-info-wrap .badges-meta-row .type-badge.author-badge{color:var(--main_color);background:#33a1e01f;border:1px solid #33a1e04d;font-weight:700}.blog-overview-sec .overview-info-wrap .badges-meta-row .type-badge.author-badge svg{color:var(--main_color)}.blog-overview-sec .overview-info-wrap .article-detail-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:12px;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.35}.blog-overview-sec .overview-info-wrap .article-short-desc{color:#475569;margin:0;font-size:14.5px;line-height:1.75}
.blog-content-sec{background:0 0;border:none;padding:0;position:relative}.blog-content-sec .home-style-header{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto 32px;display:flex}.blog-content-sec .home-style-header .section-badge{color:var(--main_color);background:#33a1e014;border:1px solid #33a1e033;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.blog-content-sec .home-style-header .section-badge .badge-icon{color:var(--main_color)}.blog-content-sec .home-style-header .section-title{color:#0f172a;margin-bottom:8px;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.35}.blog-content-sec .home-style-header .section-title .highlight{color:var(--main_color);background:linear-gradient(135deg, var(--main_color) 0%, #0284c7 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.blog-content-sec .home-style-header .section-subtitle{color:#64748b;font-size:14px;line-height:1.6}.blog-content-sec .sections-list{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;display:flex}.blog-content-sec .section-item-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:18px;flex-direction:column;gap:12px;padding:26px 30px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px -4px #0f172a08}.blog-content-sec .section-item-card:hover{border-color:#33a1e059;transform:translateY(-3px);box-shadow:0 10px 24px -6px #33a1e01a}.blog-content-sec .section-item-card .sec-header-row{align-items:center;gap:14px;display:flex}.blog-content-sec .section-item-card .sec-header-row .sec-number{width:36px;height:36px;color:var(--main_color);background:#33a1e017;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:800;display:flex}.blog-content-sec .section-item-card .sec-header-row .sec-title{color:#0f172a;margin:0;font-size:17px;font-weight:800;line-height:1.35}.blog-content-sec .section-item-card .sec-body{padding-inline-start:50px}@media (max-width:640px){.blog-content-sec .section-item-card .sec-body{padding-inline-start:0}}.blog-content-sec .section-item-card .sec-body .sec-paragraph{color:#475569;margin:0;font-size:14px;line-height:1.8}