.blog-layout{display:grid;grid-template-columns:3fr 1fr;gap:20px;padding:50px 0;width:100%;margin:auto}.blog-left{display:flex;flex-direction:column;gap:30px}.contact-hero{height:200px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin-top:114px}.contact-hero-overlay{background:rgba(0,0,0,.55);width:100%;height:100%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.contact-hero h1{font-size:42px;font-weight:700}.blog-page .pagination-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:40px}.blog-page .pagination-wrapper button{min-width:50px;padding:.85rem 1.25rem}.blog-page .pagination-wrapper .pagination-pages button[aria-current=page]{background:#4f46e5;color:#fff;border-color:#4f46e5}.blog-page .pagination-wrapper .pagination-pages button:not([aria-current=page]){background:#fff;color:#334155;border-color:#cbd5e1}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:baseline}section.blog-page{width:95%;max-width:1400px;margin:auto}.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.06);text-decoration:none;color:#111;transition:.3s}.blog-card:hover{transform:translateY(-6px)}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card-body{padding:20px}.blog-category{font-size:10px;color:#2563eb;font-weight:500}.blog-date{font-size:12px;color:#777}.sidebar-box{background:#f8fafc;padding:25px;border-radius:16px;margin-bottom:25px}.blog-content img{width:100%;border-radius:20px;margin:30px 0}@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(1,1fr)}}.blog-detail-page{padding:30px 0%;background:#f8fafc}.blog-detail-container{display:grid;grid-template-columns:3fr 1.2fr;gap:50px;max-width:1300px;margin:auto}.blog-article{background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.05)}.blog-category-tag{background:#2563eb;color:#fff;padding:6px 14px;font-size:12px;border-radius:50px;display:inline-block;margin-bottom:20px}.blog-title{font-size:36px;font-weight:700;margin-bottom:15px;color:#111827}.blog-meta{font-size:14px;color:#6b7280;margin-bottom:30px}.blog-featured-image{width:100%;border-radius:16px;margin-bottom:35px}.blog-content-html p{font-size:16px;line-height:1.9;margin-bottom:20px;color:#374151}.blog-content-html h3{margin-top:30px;margin-bottom:15px;font-size:22px;color:#111827}.blog-sidebar{position:sticky;top:120px}.sidebar-box{background:#fff;padding:30px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.04);margin-bottom:30px}.sidebar-box h4{margin-bottom:20px;font-size:18px;font-weight:600;position:relative}.sidebar-box h4:after{content:"";width:40px;height:3px;background:#2563eb;display:block;margin-top:8px}.sidebar-box ul{list-style:none;padding:0}.sidebar-box li{padding:10px 0;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:.3s}.sidebar-box li:hover{color:#2563eb;padding-left:5px}@media(max-width:1024px){.blog-detail-container{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-article{padding:30px}.blog-title{font-size:26px}}.blog-content-html{font-size:16px;line-height:1.8;color:#374151;margin-top:25px}.blog-content-html p{margin-bottom:18px;font-size:16px;color:#4b5563}.blog-content-html h1,.blog-content-html h2,.blog-content-html h3{font-weight:700;color:#111827;margin-top:28px;margin-bottom:14px;line-height:1.3}.blog-content-html h1{font-size:32px}.blog-content-html h2{font-size:26px}.blog-content-html h3{font-size:22px}.blog-content-html strong{font-weight:600;color:#111827}.blog-content-html ul{padding-left:20px;margin-bottom:20px}.blog-content-html li{margin-bottom:8px;list-style:disc}.blog-content-html img{width:100%;border-radius:10px;margin:25px 0}.blog-content-html blockquote{border-left:4px solid #2563eb;background:#f1f5f9;padding:16px 20px;margin:20px 0;font-style:italic;border-radius:6px}.blog-content-html a{color:#2563eb;text-decoration:underline}.blog-content-html table{width:100%;border-collapse:collapse;margin:20px 0}.blog-content-html table td,.blog-content-html table th{border:1px solid #e5e7eb;padding:10px}