/* ==========================
   FAQ QUESTION (default state)
   ========================== */
.therapy-faq-question {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;

    width: 100% !important;
    padding: 10px 20px !important;

    background: #ffffff !important;
    color: #e2395d !important;       /* Requested color */
    font-size: 18px !important;      /* Requested font size */
    font-weight: 500 !important;     /* Requested weight */

    border: none !important;
    border-radius: 40px !important;  /* pill-style */
    cursor: pointer !important;
    text-align: left !important;

    /* smoother, slightly longer transition */
    transition: background 0.3s ease, color 0.3s ease;
	    white-space: normal;
}

/* Icon: + by default */
.therapy-faq-question::after {
    content: "+" !important;
    font-size: 20px;
    font-weight: 700;
    margin-left: 12px;

    /* smooth icon color change too */
    transition: color 0.3s ease;
}

/* ==========================
   FAQ QUESTION (expanded / open)
   ========================== */
.therapy-faq-question[aria-expanded="true"] {
    background: #e2395d !important;  /* Red background on open */
    color: #ffffff !important;       /* White text on open */
    box-shadow: none !important;     /* No shadow */
}

/* Icon: - when expanded */
.therapy-faq-question[aria-expanded="true"]::after {
    content: "−" !important;
    color: #ffffff !important;       /* White icon when open */
}

/* Hover (only when closed) */
.therapy-faq-question:not([aria-expanded="true"]):hover {
    background: #f8f8f8 !important;
}

/* ==========================
   FAQ ANSWER
   ========================== */
.therapy-faq-answer {
    padding: 10px 15px !important;   /* Requested left & right padding */
    background: transparent !important;
    color: #000 !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 10px;
    font-size: 15px !important;
    line-height: 1.45;
    /* no opacity transition – jQuery slide handles animation */
}

/* Space between FAQ items */
.therapy-faq-item {
    margin-bottom: 12px !important; /* Increase/decrease as needed */
}

@media (max-width:768px){
.therapy-faq-question {
    font-size: 16px !important; 
}
}