.tools-subcategory-section {
      font-family: Arial, sans-serif;
      background-color: #fff;
      padding: 30px;
      margin-bottom:20px;
    }

    .tools-subcategory-section h2 {
      font-size: 24px;
      margin-bottom: 30px;
    }

    .tools-subcategory-section .card-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
      gap: 20px;
    }

    .tools-subcategory-section .card-container a {
      display: block;
      text-align: center;
      background-color: #de92061f; /* same beige background */
      padding: 25px 15px;
      border-radius: 8px;
      text-decoration: none;
      color: #000;
      font-size: 16px;
      font-weight: 500;
      transition: background 0.2s;
    }

    .tools-subcategory-section .card-container a:hover {
      background-color: #f5dcb1; /* hover effect */
    }