body {
    background-color: #f8f9fa;
}

.card {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    background-color: #007bff;
    color: white;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.btn-primary {
    background-color: #007bff;
    border: none;
}

.btn-secondary {
    background-color: #6c757d;
    border: none;
}

/* .response-content {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: hidden;
}

.response-section{
    overflow-x: hidden;
} */


.response-content {
    /* max-width: 800px; Prevents exceeding the container width */
    white-space: pre-wrap; /* Preserve line breaks and wrap text within the container */
     word-wrap: break-word; /*Prevent long words from overflowing */
     overflow-wrap: break-word; /*Ensures wrapping in modern browsers */
    overflow: hidden; /* Prevent horizontal scrolling */
    font-size: 16px; /* Optional: Adjust font size for better readability */
    line-height: 1.5; /* Optional: Add line height for spacing */
}

.response-card {
    /* word-wrap: break-word; */
    overflow-wrap: break-word;
}

.hashtag-content {
    white-space: pre-wrap;
    /* word-wrap: break-word; */
    overflow-wrap: break-word;
}