.elementor-56455 .elementor-element.elementor-element-77168472 > .elementor-container{max-width:839px;}.elementor-56455 .elementor-element.elementor-element-77168472{margin-top:100px;margin-bottom:100px;}.elementor-bc-flex-widget .elementor-56455 .elementor-element.elementor-element-7b728af8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-56455 .elementor-element.elementor-element-7b728af8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-56455 .elementor-element.elementor-element-7b728af8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-56455 .elementor-element.elementor-element-32ec1536{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-56455 .elementor-element.elementor-element-32ec1536 > .elementor-widget-container{padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}@media(max-width:767px){.elementor-56455 .elementor-element.elementor-element-77168472{padding:10% 10% 10% 10%;}.elementor-56455 .elementor-element.elementor-element-32ec1536{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-56455 .elementor-element.elementor-element-32ec1536 > .elementor-widget-container{margin:-25px -25px -25px -25px;}}/* Start custom CSS for html, class: .elementor-element-32ec1536 *//* Import Aeonik font */
@import url('https://fonts.googleapis.com/css2?family=Aeonik:wght@400;700&display=swap');

/* Apply Aeonik font to the entire form */
body, .container {
    font-family: 'Aeonik', sans-serif;
}

/* Add spacing between the questions */
.form-group {
    margin-bottom: 20px;
}

/* Style the form container */
.container {
    max-width: 600px;
    margin: auto;
    padding: 30px;
    border: 1px solid #000;
    border-radius: 20px;
}

/* Style all labels normally */
label {
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}

/* Bold only the labels with the 'question' class */
label.question {
    font-weight: bold;
}

/* Style the inputs */
input[type="text"],
input[type="number"],
select {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #000;
    border-radius: 20px;
}

/* Specific styling for the branches input */
#branches {
    width: 100px; /* Adjust the width as needed */
}

/* Style the checkboxes and radio buttons */
input[type="checkbox"],
input[type="radio"] {
    margin-right: 10px;
     margin-top: 7px;
}

/* Style the buttons */
button[type="button"],
button[type="submit"] {
    margin-top: 20px;
    background-color: #7500ff; /* Button color */
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    /* Removed align-content: center; */
}

/* Add hover effect to the buttons */
button[type="button"]:hover,
button[type="submit"]:hover {
    background-color: #5a00cc; /* Darker shade for hover effect */
}
#result strong {
            font-weight: bold;
}/* End custom CSS */