/* Center the entire list */
ul {
    list-style-position: inside; /* Ensures the bullets stay inside the list item area */
    padding-left: 0; /* Removes any default padding */
    text-align: center; /* Center the text within the list */
}

/* Adjust the individual list items */
ul li {
    display: inline-block; /* Treats list items as inline elements */
    text-align: left; /* Aligns text within the list item */
    margin-left: -20px; /* Adjust based on your content to center the bullet */
}
/* Ensure the form container is centered */
form {
    display: flex;
    flex-direction: column; /* Stacks the labels and inputs vertically */
    align-items: center; /* Centers the labels and inputs horizontally */
}

/* Center each label */
form label {
    display: block;
    text-align: center; /* Centers the text within the label */
    margin-bottom: 10px; /* Adds some space between the label and the input */
}

/* Center each input field */
form input, form select, form textarea {
    display: block;
    text-align: center; /* Centers the text inside the input fields */
    margin-bottom: 20px; /* Adds some space below each input field */
    width: 100%; /* Ensure inputs take up the full width available */
    max-width: 300px; /* Limit the maximum width of input fields */
}

/* Changes background colour on free mobilemenuCK */
.mobilemenuck-item {
    background-color: #d2c8de;
}

.mobilemenuck-item > .level1 {
    background: #7d5587!important;
}