.blog-section {
      padding: 70px 0;
      background: white;
  }

  .blog-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 25px;
      margin-top: 30px;
  }

  .blog-card {
      background: white;
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid #EAF0F6;
      transition: 0.25s;
  }

  .blog-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 30px rgba(0, 0, 0, 0.05);
  }

  .blog-content {
      padding: 28px;
  }

  .blog-title {
      font-size: 18px;
      color: #333;
      font-weight: 600;
      margin-bottom: 12px;
  }

  .blog-excerpt {
      font-size: 15px;
      color: #4A5B6E;
      margin-bottom: 20px;
  }

  .blog-link {
      text-decoration: none;
      color: #1363DF;
  }

  .pagination {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 50px;
      flex-wrap: wrap;
  }

  .page-btn {
      background: #F1F6FD;
      border: none;
      padding: 10px 18px;
      border-radius: 40px;
      font-weight: 600;
      cursor: pointer;
      font-family: inherit;
      transition: 0.2s;
  }

  .page-btn.active {
      background: #1363DF;
      color: white;
  }

  .page-btn:hover:not(.active) {
      background: #E0E9F5;
  }

  @media (max-width: 768px) {
      .blog-grid {
          grid-template-columns: 1fr;
          gap: 15px;
      }

      .blog-content {
          padding: 20px;
      }


  }