.elementor-41998 .elementor-element.elementor-element-5c273d87{--display:flex;}.elementor-41998 .elementor-element.elementor-element-83b5be7{--spacer-size:70px;}.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 );color:var( --e-global-color-primary );}.elementor-41998 .elementor-element.elementor-element-f25720b{text-align:center;}.elementor-41998 .elementor-element.elementor-element-f25720b .elementor-heading-title{font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-41998 .elementor-element.elementor-element-a072cc1{text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;color:#000000;}.elementor-41998 .elementor-element.elementor-element-9d9da1c{--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;}.elementor-41998 .elementor-element.elementor-element-9d9da1c:not(.elementor-motion-effects-element-type-background), .elementor-41998 .elementor-element.elementor-element-9d9da1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-41998 .elementor-element.elementor-element-7017edc{--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;}.elementor-41998 .elementor-element.elementor-element-7017edc:not(.elementor-motion-effects-element-type-background), .elementor-41998 .elementor-element.elementor-element-7017edc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-41998 .elementor-element.elementor-element-a70f3a0{--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;}.elementor-41998 .elementor-element.elementor-element-832fd3b{--spacer-size:5px;}.elementor-41998 .elementor-element.elementor-element-7f4b774 > .elementor-widget-container{margin:0px 40px 0px 0px;}.elementor-41998 .elementor-element.elementor-element-7f4b774{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-41998 .elementor-element.elementor-element-37eafd8{--spacer-size:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-41998 .elementor-element.elementor-element-5c273d87{--width:62%;}.elementor-41998 .elementor-element.elementor-element-9d9da1c{--width:37%;}.elementor-41998 .elementor-element.elementor-element-7017edc{--width:37%;}.elementor-41998 .elementor-element.elementor-element-a70f3a0{--width:37%;}}/* Start custom CSS for html, class: .elementor-element-7b48944 *//* Center align the radio button container */
#user-type-selection {
    display: flex;
    justify-content: center;
    gap: 20px; /* Add spacing between the options */
    margin-bottom: 20px; /* Add some space below */
    font-family: 'Roboto', sans-serif; /* Match the form's font */
    font-size: 16px; /* Match the form's text size */
    font-weight: 400; /* Match the form's text weight */
    color: #000; /* Match the form's text color */
}

/* Style the labels for radio buttons */
#user-type-selection label {
    cursor: pointer;
    display: flex;
    align-items: center; /* Align the radio button with the text */
    gap: 5px; /* Add spacing between the radio button and the text */
}

/* Style the radio buttons */
#user-type-selection input[type="radio"] {
    appearance: none; /* Remove default browser styling */
    width: 20px;
    height: 20px;
    border: 2px solid #000; /* Match the form's text color */
    border-radius: 50%; /* Make the radio buttons circular */
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Add a checkmark effect when selected */
#user-type-selection input[type="radio"]:checked {
    background-color: #000; /* Black fill for selected radio button */
    border-color: #000; /* Black border for selected radio button */
    position: relative; /* Set position for checkmark alignment */
}

/* Style the selected radio button */
#user-type-selection input[type="radio"]:checked {
    background-color: #fff; /* White inner background */
    border-color: #000; /* Black border */
    position: relative;
}

/* Add the red dot inside the radio button when selected */
#user-type-selection input[type="radio"]:checked::after {
    content: ""; /* No visible text, just the dot */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px; /* Size of the red dot */
    height: 8px; /* Size of the red dot */
    background-color: #000; /* black dot color */
    border-radius: 50%; /* Make the dot circular */
    transform: translate(-50%, -50%); /* Center the dot */
}


/* Add a hover effect for the radio buttons */
#user-type-selection input[type="radio"]:hover {
    border-color: red; /* Placeholder text color */
}
#user-type-selection {
    margin-top: 20px; /* Adds space above the radio buttons */
    margin-bottom: 20px; /* Adds space below the radio buttons */
    text-align: center; /* Keeps the alignment centered */
}
@media (max-width: 768px) {
    /* Reduce the font size for smaller screens */
    #user-type-selection {
        font-size: 14px; /* Smaller font size for mobile */
    }

    #user-type-selection label {
        font-size: 14px; /* Ensure the label text also adjusts */
    }

    #user-type-selection input[type="radio"] {
        width: 16px; /* Slightly smaller radio button */
        height: 16px; /* Slightly smaller radio button */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7ab408 *//* General Form Styling */
form {
    max-width: 500px;
    margin: auto;
    font-family: Arial, sans-serif;
}

/* Input Fields */
form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Password Toggle */
form .password-field {
    position: relative;
}

form .password-field input {
    padding-right: 40px; /* Add space for the icon */
}

form .password-field .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Checkboxes */
form label.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 10px 0;
}

.ur-button-container{
    align-items: center;
    justify-content: center;
}
.ur-button-container button{
  margin:0 !important;
  background:black;
  color:white;
  width: 45%;
  font-size:17px;
  font-weight: 700;
}
#country_1733473878 {
    max-height: 2rem !important;
    overflow: hidden !important;
}
.user-registration.ur-frontend-form {
    border: none !important; /* Removes the border */
    outline: none !important; /* Removes any focus outline */
    box-shadow: none !important; /* Removes shadow effects */
}
/* Ensure full borders for input fields */
.user-registration.ur-frontend-form input[type="text"],
.user-registration.ur-frontend-form input[type="email"],
.user-registration.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form select {
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    border: 1px solid #ccc; /* Full border */
    border-radius: 4px; /* Optional: Rounded corners */
    font-size: 14px;
    box-sizing: border-box;
    background: white; /* Ensure consistent background */
}

/* Fix the flex container to ensure proper field alignment */
.user-registration.ur-frontend-form .ur-form-row {
    display: flex;
    gap: 15px; /* Space between inputs (e.g., First Name and Last Name) */
    flex-wrap: wrap; /* Ensure fields wrap on smaller screens */
}

/* Individual input alignment for split fields */
.user-registration.ur-frontend-form .ur-form-row input[type="text"],
.user-registration.ur-frontend-form .ur-form-row input[type="password"] {
    flex: 1; /* Make inputs evenly split in width */
    min-width: 48%; /* Ensures proper spacing */
}

/* Fix password toggle visibility */
.user-registration.ur-frontend-form .password-field {
    position: relative;
}

.user-registration.ur-frontend-form .password-field input {
    padding-right: 40px; /* Space for the eye icon */
}

.user-registration.ur-frontend-form .password-field .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Additional focus styling for inputs */
.user-registration.ur-frontend-form input[type="text"]:focus,
.user-registration.ur-frontend-form input[type="email"]:focus,
.user-registration.ur-frontend-form input[type="password"]:focus,
.user-registration.ur-frontend-form select:focus {
    border-color: #000; /* Optional: Black border on focus */
    outline: none; /* Remove default focus outline */
}
/* Target placeholders specifically within the user registration form */
.user-registration.ur-frontend-form input::placeholder {
    color: #767683 !important; /* Set placeholder text to the specified color */
    opacity: 1 !important; /* Ensure full visibility */
}

/* Adjust specific placeholders for different field types */
.user-registration.ur-frontend-form input[type="text"]::placeholder,
.user-registration.ur-frontend-form input[type="email"]::placeholder,
.user-registration.ur-frontend-form input[type="password"]::placeholder {
    color: #767683 !important; /* Apply the specified color */
    font-weight: 400; /* Optional: Normal weight */
}

/* For span input wrappers (if placeholders are nested or styled differently) */
.user-registration.ur-frontend-form span.input-wrapper input::placeholder {
    color: #767683 !important; /* Ensure the specified color is applied */
}
/* Style the default placeholder option */
.user-registration.ur-frontend-form select option[disabled] {
    color: #767683; /* Same color as the other placeholder text */
}

/* Ensure other options have proper color */
.user-registration.ur-frontend-form select option {
    color: #000; /* Regular options should have black text */
}
/* Specific targeting for the Business Type placeholder */
.user-registration.ur-frontend-form select#select_1733600141 option[disabled] {
    color: #767683 !important; /* Set placeholder color for Business Type */
}


/* Style the placeholder option for "Select your business type" */
select#select_1733600141 option[disabled] {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text for the placeholder */
}

/* Style the placeholder option for "Country" */
select#country_1733473878 option[disabled] {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text for the placeholder */
}

/* Ensure the selected dropdown text remains black */
select#select_1733600141,
select#country_1733473878 {
    color: #000 !important; /* Black text for selected options */
    font-weight: 400 !important; /* Normal font weight for selected text */
}

/* Make sure all regular options remain black */
select#select_1733600141 option:not([disabled]),
select#country_1733473878 option:not([disabled]) {
    color: #000 !important; /* Black text for regular options */
    font-weight: 400 !important; /* Normal font weight */
}

/* Fix for dropdown text when the placeholder is selected */
select#select_1733600141:invalid,
select#country_1733473878:invalid {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text */
}
/* Apply Roboto font and size to all input placeholders in the form */
.user-registration.ur-frontend-form input::placeholder {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}

/* Apply Roboto font and size to dropdown placeholder options (disabled options) */
.user-registration.ur-frontend-form select option[disabled] {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}

/* Style the dropdown text when the placeholder is displayed */
.user-registration.ur-frontend-form select:not(:focus):not([value]) {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}
/* Adjust font weight for the terms and conditions text */
.user-registration.ur-frontend-form label.ur-label.checkbox {font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-weight: 500 !important; /* Normal weight */

    font-size: 14px !important; /* Optional: Adjust size if needed */
    color: #000 !important; /* Ensure consistent text color */
}
#b2c-form input,
#b2b-form input,
#b2c-form select,
#b2b-form select {
    margin-bottom: -10px; /* Reduce space below each field */
}
@media (max-width: 768px) {
    /* Force grid items to full width */
    .user-registration.ur-frontend-form .ur-form-grid {
        width: 100% !important; /* Full width for all grid items */
    }

    /* Ensure proper stacking of grid containers */
    .user-registration.ur-frontend-form .ur-form-row {
        display: block !important; /* Force rows to stack vertically */
    }

    /* Adjust spacing between fields */
    .user-registration.ur-frontend-form .ur-form-row .ur-field-item {
        margin-bottom: 15px !important; /* Add consistent spacing */
    }
}
@media (max-width: 768px) {
    /* Style the "Create Account" button for smaller screens */
    .user-registration.ur-frontend-form .ur-button-container button {
        width: 100%; /* Full width for mobile devices */
        font-size: 16px; /* Adjust font size for readability */
        padding: 12px 20px; /* Increase padding for a more prominent button */
    }

    /* Add a margin above the button for spacing */
    .user-registration.ur-frontend-form .ur-button-container {
        margin-top: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33c47ea *//* General Form Styling */
form {
    max-width: 500px;
    margin: auto;
    font-family: Arial, sans-serif;
}

/* Input Fields */
form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Password Toggle */
form .password-field {
    position: relative;
}

form .password-field input {
    padding-right: 40px; /* Add space for the icon */
}

form .password-field .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Checkboxes */
form label.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin: 10px 0;
}

.ur-button-container{
    align-items: center;
    justify-content: center;
}
.ur-button-container button{
  margin:0 !important;
  background:black;
  color:white;
  width: 45%;
  font-size:17px;
  font-weight: 700;
}
#country_1733473878 {
    max-height: 2rem !important;
    overflow: hidden !important;
}
.user-registration.ur-frontend-form {
    border: none !important; /* Removes the border */
    outline: none !important; /* Removes any focus outline */
    box-shadow: none !important; /* Removes shadow effects */
}
/* Ensure full borders for input fields */
.user-registration.ur-frontend-form input[type="text"],
.user-registration.ur-frontend-form input[type="email"],
.user-registration.ur-frontend-form input[type="password"],
.user-registration.ur-frontend-form select {
    width: 100%;
    padding: 12px 10px;
    margin: 10px 0;
    border: 1px solid #ccc; /* Full border */
    border-radius: 4px; /* Optional: Rounded corners */
    font-size: 14px;
    box-sizing: border-box;
    background: white; /* Ensure consistent background */
}

/* Fix the flex container to ensure proper field alignment */
.user-registration.ur-frontend-form .ur-form-row {
    display: flex;
    gap: 15px; /* Space between inputs (e.g., First Name and Last Name) */
    flex-wrap: wrap; /* Ensure fields wrap on smaller screens */
}

/* Individual input alignment for split fields */
.user-registration.ur-frontend-form .ur-form-row input[type="text"],
.user-registration.ur-frontend-form .ur-form-row input[type="password"] {
    flex: 1; /* Make inputs evenly split in width */
    min-width: 48%; /* Ensures proper spacing */
}

/* Fix password toggle visibility */
.user-registration.ur-frontend-form .password-field {
    position: relative;
}

.user-registration.ur-frontend-form .password-field input {
    padding-right: 40px; /* Space for the eye icon */
}

.user-registration.ur-frontend-form .password-field .toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Additional focus styling for inputs */
.user-registration.ur-frontend-form input[type="text"]:focus,
.user-registration.ur-frontend-form input[type="email"]:focus,
.user-registration.ur-frontend-form input[type="password"]:focus,
.user-registration.ur-frontend-form select:focus {
    border-color: #000; /* Optional: Black border on focus */
    outline: none; /* Remove default focus outline */
}
/* Target placeholders specifically within the user registration form */
.user-registration.ur-frontend-form input::placeholder {
    color: #767683 !important; /* Set placeholder text to the specified color */
    opacity: 1 !important; /* Ensure full visibility */
}

/* Adjust specific placeholders for different field types */
.user-registration.ur-frontend-form input[type="text"]::placeholder,
.user-registration.ur-frontend-form input[type="email"]::placeholder,
.user-registration.ur-frontend-form input[type="password"]::placeholder {
    color: #767683 !important; /* Apply the specified color */
    font-weight: 400; /* Optional: Normal weight */
}

/* For span input wrappers (if placeholders are nested or styled differently) */
.user-registration.ur-frontend-form span.input-wrapper input::placeholder {
    color: #767683 !important; /* Ensure the specified color is applied */
}
/* Style the default placeholder option */
.user-registration.ur-frontend-form select option[disabled] {
    color: #767683; /* Same color as the other placeholder text */
}

/* Ensure other options have proper color */
.user-registration.ur-frontend-form select option {
    color: #000; /* Regular options should have black text */
}
/* Specific targeting for the Business Type placeholder */
.user-registration.ur-frontend-form select#select_1733600141 option[disabled] {
    color: #767683 !important; /* Set placeholder color for Business Type */
}


/* Style the placeholder option for "Select your business type" */
select#select_1733600141 option[disabled] {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text for the placeholder */
}

/* Style the placeholder option for "Country" */
select#country_1733473878 option[disabled] {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text for the placeholder */
}

/* Ensure the selected dropdown text remains black */
select#select_1733600141,
select#country_1733473878 {
    color: #000 !important; /* Black text for selected options */
    font-weight: 400 !important; /* Normal font weight for selected text */
}

/* Make sure all regular options remain black */
select#select_1733600141 option:not([disabled]),
select#country_1733473878 option:not([disabled]) {
    color: #000 !important; /* Black text for regular options */
    font-weight: 400 !important; /* Normal font weight */
}

/* Fix for dropdown text when the placeholder is selected */
select#select_1733600141:invalid,
select#country_1733473878:invalid {
    color: #767683 !important; /* Placeholder color */
    font-weight: 400 !important; /* Bold text */
}
/* Apply Roboto font and size to all input placeholders in the form */
.user-registration.ur-frontend-form input::placeholder {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}

/* Apply Roboto font and size to dropdown placeholder options (disabled options) */
.user-registration.ur-frontend-form select option[disabled] {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}

/* Style the dropdown text when the placeholder is displayed */
.user-registration.ur-frontend-form select:not(:focus):not([value]) {
    font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-size: 14px !important; /* Adjust the font size */
    font-weight: 400 !important; /* Normal weight */
    color: #767683 !important; /* Placeholder text color */
}
/* Adjust font weight for the terms and conditions text */
.user-registration.ur-frontend-form label.ur-label.checkbox {font-family: 'Roboto', sans-serif !important; /* Use Roboto font */
    font-weight: 500 !important; /* Normal weight */

    font-size: 14px !important; /* Optional: Adjust size if needed */
    color: #000 !important; /* Ensure consistent text color */
}
.elementor-element.elementor-element-7cf6f46.e-con-full.e-flex.e-con.e-parent.e-lazyloaded{
    display:none;
}

.password-toggle svg {
    width: 20px;
    height: 20px;
    fill: #555; /* Default color */
    transition: fill 0.2s ease;
}

.password-toggle:hover svg {
    fill: #000; /* Hover color */
}/* End custom CSS */