.elementor-9794 .elementor-element.elementor-element-6119fb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-6119fb6 */:root {
    --primary-color: #d1b48c;
    --text-color: #333333;
    --muted-color: #e05d5d;
    --border-color: #dddddd;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

.feedback-container {
    width: 100%;
    max-width: 1200px;  /* Much wider */
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
    color: var(--text-color);
    box-sizing: border-box;
}

/* Make rating groups wider */
.rating-group {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;  /* More spacing */
}

/* Wider emoji row */
.emoji-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;  /* Space between emojis */
    max-width: 100%;
}

.emoji-option {
    flex: 1;
    min-width: 0;  /* Prevents overflow */
}

/* Bigger emojis for better visibility */
.emoji {
    font-size: 48px;  /* Larger emojis */
}

.emoji-label {
    font-size: 14px;  /* Slightly larger text */
}

/* Wider comment box */
.comment-box input[type="text"] {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

/* Bigger submit button */
.submit-btn {
    max-width: 400px;
    margin: 30px auto 0;
    display: block;
}/* End custom CSS */