.feature-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding: 1.5rem;
     text-decoration: none;
     /* p-6 */
     background-color: #ffffff;
     /* bg-white */
     border-radius: 0.75rem;
     /* rounded-xl */

     /* shadow-md */
     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

     /* Tailwind gray-200 */
     height: 100%;
     /* Ensure cards are same height in a row */
 }

 .feature-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
 }

 .icon-wrapper {
     width: 7rem;
     /* h-16 w-16 */
     height: 7rem;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 9999px;
     /* rounded-full */
     margin-bottom: 1rem;
     /* mb-4 */
 }

 .icon-wrapper img {
     max-width: 100%;
     max-height: 100%;
 }

 /* Specific icon background colors for variety */
 .bg-blue-100 {
     background-color: #dbeafe;
 }

 /* Tailwind blue-100 */
 .bg-yellow-100 {
     background-color: #fef9c3;
 }

 /* Tailwind yellow-100 */
 .bg-gray-100 {
     background-color: #f3f4f6;
 }

 /* Tailwind gray-100 */
 .bg-red-100 {
     background-color: #fee2e2;
 }

 /* Tailwind red-100 */
 .bg-green-100 {
     background-color: #dcfce7;
 }

 /* Tailwind green-100 */
 .bg-indigo-100 {
     background-color: #e0e7ff;
 }

 /* Tailwind indigo-100 */