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

  .text-danger {
      color: #000 !important;
  }

  .key-features i {
      color: #000 !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: #000;
      /* 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: 160px;
      /* 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);
      /* Subtle shadow */
      border-radius: 8px;
  }

  .cards-features {
      transition: transform 0.3s ease;
      height: 208px;
      /* 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);
      /* 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;
  }

  p {
      font-size: 0.953rem !important;
      line-height: 1.5;
      margin-top: 2px;
      color: #000;
  }



  .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 */
  }

  .plan-header {
      background-color: #007bff;
      /* Header color */
      color: white;
      /* Header text color */
  }

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

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

  .btn-primary {
      background-color: #000;
      /* Button color */
      border: 1px solid;
      /* No border */
  }

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

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


  .product-heading-features h4 {
      text-align: center;
      text-transform: uppercase;
      font-size: 32px;
      color: #000;
      font-weight: 700;
  }

  .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: #000;
      /* Set the color of the icon */
      margin-right: 8px;
      /* Add space between the icon and the text */
  }

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


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

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



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


  .dashboard-icon {
      color: #000;
      /* 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-headings h6 {
      font-size: 1.4rem !important;
  }

  .ico-58 {
      width: 58px;
  }

  /* Custom styling for the tables */
  .table-danger,
  .table-danger th {
      background-color: #000 !important;
      color: white !important;
  }

  .feature-col {
      width: 620px;
      /* Changed from min-width to fixed width */
      color: #fff;
  }

  .table-responsive {
      margin-top: 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  .table {
      margin-bottom: 0;
      table-layout: fixed;
      /* Added to enforce column widths */
  }

  .table th,
  .table td {
      vertical-align: middle;
      border: 1px solid black;
  }

  .table th,
  .table td .feature-col {
      vertical-align: middle;
      color: #fff;
  }

  /* Custom styling for tabs */
  .nav-tabs {
      border-bottom: 2px solid #000;
  }

  .nav-tabs .nav-link {
      color: #495057;
  }

  .nav-tabs .nav-link:hover {
      border-color: transparent;
      background-color: #f8f9fa;
  }

  .nav-tabs .nav-link.active {
      color: white;
      background-color: #000;
      border-color: #000;
      border-radius: 5px 5px 0 0;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
      .feature-col {
          width: 150px;
          /* Adjusted for mobile */
      }

      .nav-tabs .nav-link {
          padding: 8px 12px;
          font-size: 14px;
      }
  }

  .bold-dot {
      font-weight: 900;
      font-size: 24px;
  }

  .border-line {
      border: 1px solid black;
      border-radius: 2px;
  }