/*.chatbot-benefits ul {
    padding-left: 0;*/ /* Remove default padding */
/*}

.chatbot-benefits li {
    position: relative;
    padding-left: 1.5em;*/ /* Space for checkmark */
    /*text-align: left;*/ /* Align text to the left */
    /*list-style-type: none;*/ /* Remove default list styling */
/*}

.chatbot-benefits li::before {
    content: "\2713\0020";
    color: #4CAF50;
    position: absolute;
    left: 0;*/ /* Position checkmark on the far left */
    /*top: 0;
}*/

.chatbot-container {
    text-align: left; /* Aligns all text left */
}

.chatbot-heading {
    margin-bottom: 1rem;
}

.chatbot-description {
    margin-bottom: 1rem;
}

.chatbot-actions .btn {
    margin-right: 0.5rem; /* Adjust space between buttons */
    margin-bottom: 1rem; /* Space below buttons if they wrap */
}

/* Style for the benefits list */
.chatbot-benefits {
    justify-content: start; /* Aligns the benefits list to the start of the flex container */
}

.chatbot-benefits ul {
    padding-left: 0; /* Removes default padding */
}

.chatbot-benefits li {
    position: relative;
    padding-left: 1.5em; /* Space for checkmark */
    list-style-type: none; /* Removes default list style */
    margin-bottom: 0.5rem; /* Space between list items */
}

.chatbot-benefits li::before {
    content: "\2713\0020"; /* Unicode for checkmark */
    color: #4CAF50; /* Color of the checkmark */
    position: absolute;
    left: 0; /* Positions checkmark at the start of the line */
    top: 0;
}

@media (max-width: 768px) {
    .chatbot-actions .btn {
        margin-right: 0; /* Buttons stack on smaller screens, so remove right margin */
        margin-bottom: 0.5rem;
    }

    .chatbot-benefits .col-6 {
        padding-left: 0; /* Ensure no padding on smaller screens */
    }
}