.elementor-18046 .elementor-element.elementor-element-65421929{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--margin-top:-0px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18046 .elementor-element.elementor-element-65421929:not(.elementor-motion-effects-element-type-background), .elementor-18046 .elementor-element.elementor-element-65421929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mlkcpirz64r4.i.optimole.com/cb:1Pik.5aa/w:1200/h:414/q:mauto/ig:avif/https://www.crmbc.com/wp-content/uploads/2024/12/chef-serving-food-to-customers-at-restaurant-2024-10-17-01-22-19-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18046 .elementor-element.elementor-element-65421929::before, .elementor-18046 .elementor-element.elementor-element-65421929 > .elementor-background-video-container::before, .elementor-18046 .elementor-element.elementor-element-65421929 > .e-con-inner > .elementor-background-video-container::before, .elementor-18046 .elementor-element.elementor-element-65421929 > .elementor-background-slideshow::before, .elementor-18046 .elementor-element.elementor-element-65421929 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18046 .elementor-element.elementor-element-65421929 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(-90deg, var( --e-global-color-primary ) 0%, #002A5C 65%);}.elementor-18046 .elementor-element.elementor-element-65421929.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-18046 .elementor-element.elementor-element-1a20e27c .elementor-heading-title{color:var( --e-global-color-f71a733 );}.elementor-18046 .elementor-element.elementor-element-693225ec{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-18046 .elementor-element.elementor-element-8db8b96{--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;}@media(min-width:768px){.elementor-18046 .elementor-element.elementor-element-65421929{--content-width:500px;}}@media(max-width:1024px){.elementor-18046 .elementor-element.elementor-element-65421929{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-18046 .elementor-element.elementor-element-65421929{--justify-content:center;}.elementor-18046 .elementor-element.elementor-element-65421929.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-18046 .elementor-element.elementor-element-1a20e27c > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-65421929 *///*USER ACCOUNT STYLING

/* Custom header padding */
header {
    padding-top: 160px;
    padding-bottom: 100px;
}

/* Custom padding for header text */
header h1, header h2, header h3, header h4, header h5, header h6 {
    padding: 100px 0; /* 100px top and bottom padding */
}


/* General styling for the form container */
.um.um-profile.um-viewing.um-18042 {
    font-family: 'Open', sans-serif; /* Change font family */
    color: #444; /* Change text color */
    background-color: #f9f9f9; /* Light gray background */
    padding: 20px; /* Add some padding */
    border-radius: 8px; /* Round the corners */
}

/* Style the labels */
.um.um-profile.um-viewing.um-18042 .um-field-label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

/* Style the input fields */
.um.um-profile.um-viewing.um-18042 .um-field-area input {
    width: 100%; /* Full width */
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #315F64; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for the button */
.um.um-profile.um-viewing.um-18042 .um-button:hover {
    background-color: #315F64;
}

/* Adjust error message styling */
.um.um-profile.um-viewing.um-18042 .um-field-error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}

/* Success message styling */
.um.um-profile.um-viewing.um-18042 .um-message {
    background-color: #d4edda;
    color: #155724;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #c3e6cb;
    margin-bottom: 20px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #0073aa; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
/* Style the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog {
    font-size: 20px; /* Adjust icon size */
    color: #5785A1; /* Initial color */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect for the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog:hover {
    color: #0073a1; /* Hover color */
}

/* Style the dropdown container */
.um-dropdown {
    background-color: #ffffff; /* White background */
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 10px 0; /* Vertical padding for spacing */
    width: 200px; /* Fixed width */
    text-align: center;
    font-family: 'Open Sans', sans-serif; /* Font family */
}
/* Style each list item */
.um-dropdown ul li a {
    display: block; /* Make the entire list item clickable */
    text-decoration: none; /* Remove underline */
    color: #7A7A7A !important; /* Normal text color with high specificity */
    padding: 8px 15px; /* Add padding for clickable area */
    border-radius: 4px; /* Rounded hover area */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
}

/* Hover effect for links */
.um-dropdown ul li a:hover {
    background-color: #5785A1 !important; /* Hover background color with high specificity */
    color: #ffffff !important; /* Hover text color with high specificity */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-693225ec *//* Styling for um-icon-android-radio-button-on */
.um-icon-android-radio-button-on {
    font-size: 18px; /* Adjust icon size */
    color: #315F64; /* Default icon color */
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
}

/* Radio button alignment and spacing */
.um-field-radio {
    display: flex; /* Align radio buttons horizontally or vertically */
    align-items: center; /* Center-align radio buttons with labels */
    gap: 10px; /* Add spacing between the radio buttons and labels */
    margin-bottom: 15px; /* Add spacing between each radio button group */
}


/* Radio button container styling for left alignment */
.um-field-radio {
    display: block; /* Stack radio buttons vertically */
    margin-top: 8px; /* Add spacing between label and radio buttons */
}

/* Style for individual radio button items */
.um-field-radio input[type="radio"] {
    margin-bottom: 4px; /* Add spacing between radio buttons */
}

/* Style for the radio button labels */
.um-field-radio label {
    display: inline-block; /* Ensure labels align with their corresponding buttons */
    margin-left: 3px; /* Add space between the radio button and its label */
    font-size: 14px; /* Adjust font size */
    color: #444; /* Default text color */
    cursor: pointer; /* Pointer cursor for labels */
}

/* Hover effect for radio button icons */
.um-icon-android-radio-button-on:hover {
    color: #5785A1 !important; /* Lighter hover color */
    transform: scale(1.1); /* Slight zoom effect */
}


/* Hover effect for radio button icons */
.um-icon-android-radio-button-on
{
    color: #5785A1 !important; /* Lighter hover color */
}

/* Style for the radio button labels */
.um-field-radio label {
    font-size: 14px; /* Adjust label text size */
    color: #444; /* Default label color */
    cursor: pointer; /* Change cursor to pointer for clickable labels */
}

/* Add spacing between



/* General styling for the checkbox container */
.um-field-checkbox {

    cursor: pointer; /* Pointer cursor for clickable labels */

    gap: 8px; /* Space between icon and label text */
}





/* Active checkbox state (when checked) */
.um-field-checkbox input[type="checkbox"]:checked + .um-field-checkbox-state i {
    color: #5785A1 !important; /* Active state color */
}

/* Checkbox label text styling */
.um-field-checkbox .um-field-checkbox-option {

    font-size: 16px; /* Font size for readability */
    font-weight: 500; /* Medium font weight */
}


/* Clearfix for layout */
.um.um-profile.um-viewing.um-18042 .um-clear {
    clear: both;
}/* End custom CSS */