.watermark {
    opacity: 0;
}


body {
    /* Adjust background color if needed */

    background-image: url('/public/conceptbg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Adjust size of the grid */
}

#message-composer {
    border: 0.5px solid hsl(30, 70%, 50%);

}

#welcome-screen img {

    filter: drop-shadow(1px 1px 1px hsl(30, 70%, 50%))
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: hsla(210, 15%, 10%, 0.5);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: hsla(30, 70%, 50%, 0.5);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: hsla(30, 70%, 50%, 0.7);
}

/* Style for the chat input field */
.cl-input-container {
    position: relative;
    border: 2px solid hsl(30, 70%, 50%);
    border-radius: 8px;
    box-shadow: 0 0 10px 0 hsla(30, 70%, 50%, 0.3);
}

/* Adjust input field inside the container */
.cl-input-container .cl-input {
    background-color: hsla(210, 15%, 15%, 0.8) !important;
    border: none !important;
}

/* Style for the send button */
.cl-send-button {
    color: hsl(30, 70%, 50%) !important;
}

/* Style for buttons in suggested questions */
.cl-suggested-question {
    border: 1px solid hsl(30, 70%, 50%) !important;
    background-color: hsla(210, 15%, 15%, 0.5) !important;
}

.cl-suggested-question:hover {
    background-color: hsla(30, 70%, 50%, 0.2) !important;
    border-color: hsl(30, 70%, 60%) !important;
}