.usecase-card {
       padding: 1.5rem;
       border-radius: 0.8rem;
       box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
       display: flex;
       flex-direction: column;
       height: 316px;
       background: white;
       transition: all 0.3s ease;
   }

   .key-features {
       padding: 0 15px;
       /* Side padding for the container */
       margin-bottom: 20px;
       /* Margin below the key features */
       margin-top: 2rem;
   }

   /* Mobile screens (keep your existing mobile styles) */
   @media (max-width: 576px) {
       .key-features {
           display: block;
       }

       .product-overview {
           margin-top: 1.5rem;
       }
   }

   .product-overview {
       margin-top: 3rem;
   }



   .key-features i {
       color: #efa63e !important;
       /* Icon color */
   }

   .feature-list p {
       /* Ensure icon and text are vertically aligned */
       margin-left: 0;
       text-align: left;
       margin-bottom: 10px;
       /* Space between each feature */
   }

   .feature-list i {
       color: #efa63e;
       /* Red color for icons */
       font-size: 1.5rem;
       /* Adjust icon size */
       margin-right: 10px;
       /* Space between icon and text */
       min-width: 24px;
       /* Ensure a fixed width for icons to align properly */
   }

   .cards {
       transition: transform 0.3s ease;
       height: 250px;
       /* Adjust height based on content */
       text-align: left;
       /* Align content to the left */
       padding: 20px;
       background-color: #fff;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
       /* Subtle shadow */
       border-radius: 8px;
   }


   .icon-heading i {
       color: #000;
       /* Icon color */
       font-size: 2.3rem;
       /* Adjust icon size */
   }

   .lead {
       font-size: 1.09rem !important;
       color: #000;
       font-weight: 400;
       padding-left: 30px;
   }

   .learn-more {
       font-size: 0.9rem;
       text-decoration: none;
       font-weight: 500;
   }

   .learn-more:hover {
       text-decoration: underline;
   }


   .key-features .feature .card .card-body p {
       color: #000 !important;
   }

   .table {
       background-color: #f9f9f9;
       /* Light background for the table */
       border-radius: 8px;
       /* Rounded corners */
       overflow: hidden;
       /* Prevent overflow */
   }


   .feature-heading {
       background-color: #e9ecef;
       /* Light gray for feature headings */
       font-weight: bold;
       /* Bold text */
   }

   .feature-content {
       font-size: 14px;
       /* Standard text size */
   }

   .btn-custom-main {
       background-color: #000;
       /* Button color */
       border: 1px solid;
       /* No border */
       width: auto !important;
       align-items: flex-start !important;
       margin: unset !important;
       margin-left: 20px !important;
   }

   .btn-custom-main:hover {
       background-color: white;
       /* Darker button color on hover */
   }

   .product-heading h4 {
       font-size: 1.6rem !important;
   }

   .product-heading h3 {
       font-size: 1.9rem;
   }

   .feature-list {
       gap: 10px;
       /* Adjust the gap as needed */
       padding-left: 30px;
   }

   .feature-item {
       /* flex: 1 1 calc(20% - -954px); */
       /* Two items per row */
       min-width: 200px;
       /* Optional: to avoid shrinking too small */
   }

   .feature-item:nth-child(3) {
       /* flex: 1 1 100%; */
       /* Make the third item take the full width */
   }

   .product-overview .product-heading {
       font-size: 1.53rem;
       font-weight: 400;
       padding-left: 30px;
   }

   .feature-item p {
       font-size: 0.96rem !important;
   }

   .mail-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }

   .chat-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }


   .cloud-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }

   .conference-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }



   .document-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }


   .dashboard-icon {
       color: #efa63e;
       /* Set the color of the icon */
       margin-right: 8px;
       /* Add space between the icon and the text */
   }


   .content-font p {
       font-size: 1.08rem !important;
   }


   .title p {
       color: #000 !important;
       font-size: 18px !important;
   }

   .content-font {
       padding-left: 30px;
   }

   .mt-2 {
       margin-top: 25px !important;
   }

   .product-overview .product-heading {
       font-size: 1.53rem;
       font-weight: 400;
       padding-left: 30px;
   }

   .product-heading h5 {
       font-size: 2rem !important;
   }

   .product-heading h6 {
       font-size: 1.8rem !important;
   }

   .feature-item::before {
       content: none;
       /* or content: ""; */
   }

   .card-body {
       padding: 0;
   }