.commitment-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    background-color: #ffffff;
    /* Clean white background */
    border: 1px solid #e0e0e0;
    /* Light gray border */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .commitment-card:hover {
    transform: translateY(-5px);
    /* Subtle hover effect */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    /* Deepened shadow for hover */
  }

  .commitment-title {
    font-size: clamp(10px, 4vw, 16px);
    /* Larger title */
    font-weight: 600;
    /* Slightly lighter font weight for balance */
    color: #007bff;
    /* Bootstrap’s primary blue for emphasis */
    text-transform: uppercase;
    /* For a modern, strong look */
  }

  .commitment-description {
    font-size: clamp(10px, 4vw, 12px);
    color: #555;
    /* Soft gray for text for easy readability */
    line-height: 1.6;
    /* Better line spacing for easier reading */
    font-weight: 400;
    margin-bottom: 0;
  }

  @media (max-width: 768px) {
    .commitment-card {
      padding: 20px;
    }
  }