@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

    body {
      font-family: 'Rubik', sans-serif;
      background-color: #fbeeea;
      color: #212529;
    }
    .hero {
      padding: 100px 0;
      text-align: center;
    }
    .features, .pricing, .contact {
      padding: 80px 0;
    }
    .footer {
      background: #212529;
      color: #fff;
      padding: 40px 0;
      text-align: center;
    }
    .btn-primary {
      background-color: #0d6efd;
      border: none;
    }
    .logo {
      max-width: 100px;
      margin-bottom: 20px;
    }
    .grayscale-hover {
    filter: grayscale(100%);
    transition: all 0.3s ease;
  }
  .grayscale-hover:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
  }
  .accordion-button {
  background-color: #222;
  color: #fff;
}
.accordion-button {
  background-color: #ffffff !important; /* White background */
  color: #212529; /* Bootstrap text-dark */
  font-weight: 600;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background-color: #f8f9fa !important; /* Light gray when open */
  color: #0d6efd; /* Bootstrap primary color */
  box-shadow: inset 0 -1px 0 #dee2e6;
}

.accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-body {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  border-radius: 0 0 0.5rem 0.5rem;
}
.card-body {
  min-height: 100%; /* Ensures full height */
}
.feature-list {
  min-height: 96px;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #444 !important;  /* or your brand color */
  color: #fff !important;
}

.dropdown-menu .dropdown-item:focus {
  background-color: #444 !important;
  color: #fff !important;
}