.accordion-button:not(.collapsed) {
  /*background-color: #eaf3ff !important;*/
  box-shadow: none !important;
}

.accordion-button {
  padding: 15px;
}

.accordion-button:focus {
  box-shadow: none !important;
}
.text-dark-gray {
color:#ffffff;!important;}

.accordion-item {
  margin-bottom: 20px;
  border: 1px solid #C4C4C4 !important;
  border-radius: 10px !important;
  background: #EAF3FF;
}

.faq-question {

  font-size: 16px;
  color: #2C2C2C;
  font-weight: 700 !important;
}

.accordion-button {
  background: transparent !important;
  border: none !important;
  position: relative;
  padding-right: 3rem;
}

/* Make room for custom icon on the right */
.accordion-button {
  position: relative;
  padding-right: 3rem;  /* adjust if needed */
}

/* Base pseudo-element styles for both icons */
.accordion-button::before,
.accordion-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
}

/* PLUS icon (default when collapsed) */
.accordion-button::after {
  background-image: url("https://practiceehr.com/hubfs/Assets_WebP_2025/New%20Design/Plus.svg");
  opacity: 1;
}

/* MINUS icon (shown when open) */
.accordion-button::before {
  background-image: url("https://practiceehr.com/hubfs/Assets_WebP_2025/New%20Design/Vector-2.svg");
  opacity: 0;
}

/* When accordion is OPEN (button has no .collapsed) */
.accordion-button:not(.collapsed)::after {
  opacity: 0;   /* hide plus */
}

.accordion-button:not(.collapsed)::before {
  opacity: 1;   /* show minus */
}

/* When OPEN (not collapsed) -> hide the vertical bar (show minus) */
.accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(90deg) scaleX(0);
}
.faq-heading {
color:#2c2c2c;
}

.faq-pill {
  padding-top: 10px;
background-color: #C6DCFF;
  font-size: 16px;
  letter-spacing: 2.5px;
  color: #2965E7;
  
}

/* same styling as your old #faq-answer, now reusable */
.faq-answer p {
  font-size: 14px;
  color: #2C2C2C;
  margin-bottom:0;
  font-weight: 400;
	letter-spacing:0.7px;

}

.faq-section {
  background: var(--blue-linear, linear-gradient(180deg, #FFF 0%, #EFF6FF 18.14%, #EFF6FF 47.52%, #EFF6FF 78.43%, #FFF 100%));
}

.accordion-body {
  padding: 0 15px 15px 15px;
}

.faq-section{
  color:#2C2C2C;
}

.accordion-button:not(.collapsed){
  color:#2C2C2C;
}
@media (max-width: 767px) {
  .ai-solution-ccounter-container {
    padding: 40px 15px;   /* top/bottom 40, left/right 15 */
  }
}