.elementor-5390 .elementor-element.elementor-element-9e30a21 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #EE0606 0%, #043DFD 100%);opacity:0.5;}.elementor-bc-flex-widget .elementor-5390 .elementor-element.elementor-element-de992bb.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-de992bb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-de992bb{z-index:0;}.elementor-5390 .elementor-element.elementor-element-043bcb5{width:100%;max-width:100%;align-self:flex-start;z-index:2;}.elementor-bc-flex-widget .elementor-5390 .elementor-element.elementor-element-a172b90.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-a172b90.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-a172b90 > .elementor-element-populated{margin:-24px 1px 1px 1px;--e-column-margin-right:1px;--e-column-margin-left:1px;}.elementor-5390 .elementor-element.elementor-element-5649b7f{z-index:1;}.elementor-bc-flex-widget .elementor-5390 .elementor-element.elementor-element-391ec66.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-391ec66.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-5390 .elementor-element.elementor-element-48dc7d8{z-index:0;}@media(min-width:768px){.elementor-5390 .elementor-element.elementor-element-de992bb{width:19%;}.elementor-5390 .elementor-element.elementor-element-a172b90{width:55.666%;}.elementor-5390 .elementor-element.elementor-element-391ec66{width:24%;}}/* Start custom CSS for html, class: .elementor-element-5649b7f *//* Force center column to full width */
#centerColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

/* Make chatbox elements take full width */
.chatbox-header,
#conversationalStyleDisplay,
.chatbox,
.input-section,
.chatbox-footer {
    width: 100%;
    max-width: 100%;
}

/* Ensure the chat messages container is full width */
.chatbox {
    flex-grow: 1;
    padding: 20px;
    border-radius: 10px;
    min-height: 500px;
    background: rgba(255,255,255,0.3);
}

/* Force input field and send button to align and take full width */
.input-section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.3);
}

/* Expand input field */
.input-section textarea {
    flex-grow: 1;
    width: 85%;
    padding: 12px;
    border: 2px solid #ff69b4;
    border-radius: 20px;
    font-size: 16px;
    resize: none;
}

/* Adjust send button */
.input-section button {
    width: 12%;
    padding: 12px 20px;
    background-color: #ff69b4;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
}

.input-section button:hover {
    background-color: #ff1493;
}

/* Make footer take full width */
.chatbox-footer {
    text-align: center;
    padding: 15px;
    font-size: 16px;
    background-color: #ff69b4;
    color: white;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a172b90 *//* Force center column to full width */
#centerColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

/* Make chatbox elements take full width */
.chatbox-header,
#conversationalStyleDisplay,
.chatbox,
.input-section,
.chatbox-footer {
    width: 100%;
    max-width: 100%;
}

/* Ensure the chat messages container is full width */
.chatbox {
    flex-grow: 1;
    padding: 20px;
    border-radius: 10px;
    min-height: 500px;
    background: rgba(255,255,255,0.3);
}

/* Force input field and send button to align and take full width */
.input-section {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.3);
}

/* Expand input field */
.input-section textarea {
    flex-grow: 1;
    width: 85%;
    padding: 12px;
    border: 2px solid #ff69b4;
    border-radius: 20px;
    font-size: 16px;
    resize: none;
}

/* Adjust send button */
.input-section button {
    width: 12%;
    padding: 12px 20px;
    background-color: #ff69b4;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
}

.input-section button:hover {
    background-color: #ff1493;
}

/* Make footer take full width */
.chatbox-footer {
    text-align: center;
    padding: 15px;
    font-size: 16px;
    background-color: #ff69b4;
    color: white;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9e30a21 *//* Fix Right Column Background */
#rightColumn {
    background: #ffd4e5 !important; /* Ensure Pink Background Stays */
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    max-width: 300px; /* Match left column */
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

/* Fix Right Column Image Size */
#right\.agentImage {
    width: 100%;
    max-width: 220px;
    height: 250px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

/* Ensure Right Column Name & Profile Message Have Correct Styling */
#right\.agentName, #right\.agentProfileMessage {
    font-size: 24px;
    font-weight: bold;
    color: white !important;
    text-align: center;
    margin: 10px 0;
}

/* Make Sure Right Column Buttons Match Left Column */
#rightColumn .button-group button {
    width: 100%;
    background-color: #ff69b4;
    border: none;
    padding: 12px 15px;
    color: white;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s;
    margin-top: 10px;
}

#rightColumn .button-group button:hover {
    background-color: #ff1493;
}

/* Restore Chat Window Gradient */
#center\.chatlog {
    flex-grow: 1;
    overflow-y: auto;
    max-height: 300px;
    padding: 15px;
    background: linear-gradient(135deg, pink, blue, red) !important; /* Restore gradient */
    border: 2px solid yellow;
    border-radius: 10px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}/* End custom CSS */