.blogs-page-section { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
        .blogs-page-title { font-size: 32px; color: #111; margin-bottom: 40px; text-align: center; font-weight: 800; border-bottom: 3px solid #1d670d; display: inline-block; padding-bottom: 10px; }
        .blogs-header-wrap { text-align: center; margin-bottom: 40px; }
        .blogs-grid-main { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; }
        .blog-card-main { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: all 0.3s ease; display: flex; flex-direction: column; text-decoration: none; color: inherit; border: 1px solid #eee; }
        .blog-card-main:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(29, 103, 13, 0.15); border-color: #1d670d; }
        .blog-img-main { width: 100%; height: 240px; object-fit: cover; }
        .blog-content-main { padding: 25px; flex: 1; display: flex; flex-direction: column; }
        .blog-date-main { font-size: 13px; color: #1d670d; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }
        .blog-title-main { font-size: 20px; font-weight: 700; color: #222; margin-bottom: 15px; line-height: 1.4; }
        .blog-desc-main { font-size: 15px; color: #666; line-height: 1.6; margin-bottom: 25px; flex: 1; }
        .blog-btn-main { margin-top: auto; display: inline-block; padding: 12px 24px; background: #1d670d; color: #fff; border-radius: 8px; text-align: center; font-weight: 600; text-decoration: none; transition: all 0.3s; }
        .blog-card-main:hover .blog-btn-main { background: #144d08; }