@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.blog-page{background:#f8faff;min-height:100vh;margin-top:80px}#blogTitle{border-radius:0 0 32px 32px;height:420px;animation:.8s both heroFadeIn;position:relative;overflow:hidden}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#blogTitle .layer-1{object-fit:cover;object-position:center;z-index:0;filter:brightness(.7);width:100%;height:100%;animation:8s ease-out both zoomIn;position:absolute;inset:0;transform:scale(1.05)}@keyframes zoomIn{0%{transform:scale(1.12)}to{transform:scale(1.05)}}#blogTitle .layer{z-index:2;text-align:center;background:linear-gradient(#0a25404d 0%,#0a2540bf 100%);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}#blogTitle h1{color:#fff;text-shadow:0 2px 20px #0006;max-width:820px;font-family:Inter,sans-serif;font-size:42px;font-weight:800;line-height:1.25;animation:.7s .3s both slideUpText}#blogTitle p{color:#ffffffd9;text-align:center;max-width:600px;margin-top:12px;font-size:18px;font-weight:400;animation:.7s .5s both slideUpText}@keyframes slideUpText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#blogDetails{font-family:Inter,sans-serif}#blogDetails article{animation:.6s .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}#blogImg{object-fit:cover;border-radius:16px;width:100%;max-height:55vh;margin:20px 0;box-shadow:0 8px 30px #0a25401f}.typography{font-style:normal;line-height:1.8}.article-p{color:#334155;margin-top:14px;font-size:17px;font-weight:400;line-height:1.85}#blogDetails h2{color:#0a2540;border-bottom:3px solid #635bff;margin-top:36px;margin-bottom:10px;padding-bottom:8px;font-size:26px;font-weight:700;display:inline-block}#blogDetails li{color:#1e40af;padding:4px 0;font-size:16px}.blog-meta-row{background:#635bff0d;border:1px solid #635bff1f;border-radius:12px;flex-wrap:wrap;gap:18px;margin:20px 0;padding:16px 20px;display:flex}.blog-meta-row .d-flex{color:#475569;gap:8px;font-size:14px;font-weight:500}.blog-meta-row .text-primary{color:#635bff}.breadcrumbs{background:#fff;border:1px solid #635bff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:20px 0 16px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0a25400d}.breadcrumbs__home-icon{color:#635bff;margin-right:8px;font-size:13px}.breadcrumbs__item{align-items:center;gap:6px;display:flex}.breadcrumbs__link{color:#64748b;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.breadcrumbs__link:hover{color:#635bff}.breadcrumbs__separator{color:#cbd5e1;font-size:10px}[dir=rtl] .breadcrumbs__separator{transform:scaleX(-1)}.social-share{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.social-share__label{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600}.social-share__buttons{gap:10px;display:flex}.social-share__btn{background:var(--share-color,#635bff);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px color-mix(in srgb, var(--share-color,#635bff) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.social-share__btn:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--share-color,#635bff) 50%, transparent);color:#fff;transform:translateY(-4px)scale(1.1)}.suggestion__border{border-left:1px solid #635bff1a}[dir=rtl] .suggestion__border{border-left:none;border-right:1px solid #635bff1a}#leftSection{top:100px}.suggested-panel{background:#fff;border:1px solid #635bff1a;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 20px #0a25400f}.suggested-panel__title{color:#0a2540;border-bottom:2px solid #635bff26;margin-bottom:20px;padding-bottom:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.suggested-list{flex-direction:column;gap:14px;display:flex}.suggested-item{border-radius:10px;align-items:center;gap:12px;padding:8px;text-decoration:none;transition:background .2s;display:flex}.suggested-item:hover{background:#635bff0d}.suggested-item__img{object-fit:cover;border-radius:8px;flex-shrink:0;width:68px;height:54px}.suggested-item__info{flex:1}.suggested-item__title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.suggested-item:hover .suggested-item__title{color:#635bff}.suggested-item__date{color:#94a3b8;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.suggested-item__date-icon{color:#635bff;font-size:10px}.suggested-panel__tags-title{color:#0a2540;margin:20px 0 10px;font-size:14px;font-weight:700}.suggested-tags{flex-wrap:wrap;gap:8px;display:flex}.suggested-tag{color:#635bff;background:#635bff14;border:1px solid #635bff33;border-radius:50px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.suggested-tag:hover{color:#fff;background:#635bff;transform:translateY(-2px)}#blogDetails a.text-primary{letter-spacing:1px;text-transform:uppercase;background:#635bff14;border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-flex;color:#635bff!important}#blogDetails .custom-width{border-radius:12px;width:100%;margin:16px 0;box-shadow:0 4px 16px #0a25401a}@media (min-width:768px){.custom-width{width:55%}}@media (max-width:767px){#blogTitle{border-radius:0 0 20px 20px;height:300px}#blogTitle h1{font-size:26px}#blogTitle p{font-size:15px}#blogDetails h2{font-size:20px}.article-p{font-size:15px}.suggestion__border{border-top:1px solid #635bff1a;border-left:none;margin-top:30px;padding-top:20px}[dir=rtl] .suggestion__border{border-top:1px solid #635bff1a;border-right:none}}