.elementor-2714 .elementor-element.elementor-element-ccac402{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for ameliacustomerpanel, class: .elementor-element-fb4d451 *//* Ensure the phone input wrapper works in LTR mode */
.am-input-phone-wrapper {
    direction: ltr !important; /* Set direction to LTR for phone input */
}

/* Align the user's input text to the left for RTL layout */
[dir=rtl] .am-input-phone-wrapper .m-phone-number-input__input {
    text-align: left !important; /* Align input text to the left */
    padding-left: 10px !important; /* Add some padding on the left */
    padding-right: 20px !important; /* Adjust padding for the right-positioned flag */
}

.m-input-label {
    display: none !important; /* Completely hide the label */
}



.el-tabs__item {
    margin-left: 10px !important; /* Add spacing between the tabs */
}

.el-tabs__item:first-child {
    margin-left: 0 !important; /* Remove margin for the first tab */
}


.el-input {
    position: relative !important; /* Allow positioning of icons inside the input */
    direction: rtl !important; /* Maintain the right-to-left context */
}

.el-input__prefix {
    position: absolute !important;
    left: 10px !important; /* Move the prefix icon to the left */
    right: auto !important; /* Ensure it doesn't interfere on the right */
    display: flex !important;
    align-items: center !important; /* Vertically align the icon */
}

.el-input__suffix {
    position: absolute !important;
    right: 10px !important; /* Keep the suffix icon on the right */
    left: auto !important; /* Remove interference on the left */
    display: flex !important;
    align-items: center !important; /* Vertically align the icon */
}

.el-input__inner {
    text-align: right !important; /* Align the input text to the right */
    padding-left: 40px !important; /* Add space for the prefix icon */
    padding-right: 40px !important; /* Add space for the suffix icon */
}






.el-form-item__label {
    text-align: right !important; /* Align the label text to the right */
    position: relative; /* Make the label the reference point for the asterisk */
    display: inline-block; /* Ensure proper inline layout */
}

.amelia-v2-booking #amelia-container .am-asi .el-form-item__label::before {
    content: '*'; /* Keep the asterisk as the content */
    position: absolute; /* Position the asterisk absolutely */
    top: 0; /* Align the asterisk with the top of the text */
    right: -10px; /* Move the asterisk slightly to the right */
    color: red; /* Optional: Color for the asterisk */
}/* End custom CSS */