/* General Styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    display: flex;
    height: 100vh;
}

/* Chatbot Section Styles */
.chatbot-section {
    flex: 1;
    background: linear-gradient(to bottom, #FFCC00, #FFAF00);
    color: #001836;
}

.chat-window {
    margin: 20px;
    border: 2px solid #0078DA;
    border-radius: 10px;
    height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
}

.chat-header, .chat-footer {
    padding: 10px;
}

.chat-body {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

/* Information Section Styles */
.info-section {
    flex: 1;
    background: linear-gradient(to bottom, #0078DA, #00B4FF);
    color: #001836;
    padding: 20px;
}

/* Responsiveness */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }

    .chatbot-section, .info-section {
        flex: unset;
        height: 50vh;
    }
}