.elementor-22614 .elementor-element.elementor-element-e0ab9d3{--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-22614 .elementor-element.elementor-element-e32a3aa{--display:flex;}.elementor-22614 .elementor-element.elementor-element-c90e2b1{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22614 .elementor-element.elementor-element-ac18b8d{text-align:center;font-family:var( --e-global-typography-4272dc9-font-family ), Sans-serif;font-size:var( --e-global-typography-4272dc9-font-size );font-weight:var( --e-global-typography-4272dc9-font-weight );line-height:var( --e-global-typography-4272dc9-line-height );}.elementor-22614 .elementor-element.elementor-element-a04fb77{text-align:center;font-family:var( --e-global-typography-4272dc9-font-family ), Sans-serif;font-size:var( --e-global-typography-4272dc9-font-size );font-weight:var( --e-global-typography-4272dc9-font-weight );line-height:var( --e-global-typography-4272dc9-line-height );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22614 .elementor-element.elementor-element-e0ab9d3{--content-width:1280px;}}@media(max-width:1024px){.elementor-22614 .elementor-element.elementor-element-ac18b8d{font-size:var( --e-global-typography-4272dc9-font-size );line-height:var( --e-global-typography-4272dc9-line-height );}.elementor-22614 .elementor-element.elementor-element-a04fb77{font-size:var( --e-global-typography-4272dc9-font-size );line-height:var( --e-global-typography-4272dc9-line-height );}}@media(max-width:767px){.elementor-22614 .elementor-element.elementor-element-ac18b8d{font-size:var( --e-global-typography-4272dc9-font-size );line-height:var( --e-global-typography-4272dc9-line-height );}.elementor-22614 .elementor-element.elementor-element-a04fb77{font-size:var( --e-global-typography-4272dc9-font-size );line-height:var( --e-global-typography-4272dc9-line-height );}}/* Start custom CSS for container, class: .elementor-element-e32a3aa *//* ==========================================
   Bid2Buy Registration Form Custom Styles
   ========================================== */

/* Main Form Wrapper Container */
#user-registration-form-22613.ur-frontend-form {
    max-width: 500px !important;
    margin: 40px auto !important;
    padding: 32px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    box-sizing: border-box !important;
}

/* Row and Grid Normalization */
#user-registration-form-22613 .ur-form-row,
#user-registration-form-22613 .ur-form-grid {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

/* Individual Field Item Wrappers */
#user-registration-form-22613 .ur-field-item {
    margin-bottom: 22px !important;
}

/* Text Labels */
#user-registration-form-22613 label.ur-label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #282828 !important;
    margin-bottom: 8px !important;
    padding-left: 16px !important; /* Kept aligned with the deeper pill indentation */
}

/* Required Asterisk */
#user-registration-form-22613 label.ur-label .required,
#user-registration-form-22613 label.ur-label abbr.required {
    color: #005C86 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Global Form Inputs Configuration (Taller Pill Design) */
#user-registration-form-22613 .input-text,
#user-registration-form-22613 input[type="text"],
#user-registration-form-22613 input[type="email"],
#user-registration-form-22613 input[type="password"] {
    width: 100% !important;
    padding: 24px 24px !important; /* Increased padding vertically for height and horizontally for pill form balance */
    font-size: 15px !important;
    color: #282828 !important;
    background-color: #F9F9F9 !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 50px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

/* Input Focus States */
#user-registration-form-22613 .input-text:focus,
#user-registration-form-22613 input[type="text"]:focus,
#user-registration-form-22613 input[type="email"]:focus,
#user-registration-form-22613 input[type="password"]:focus {
    outline: none !important;
    background-color: #FFFFFF !important;
    border-color: #005C86 !important;
    box-shadow: 0 0 0 3px rgba(0, 92, 134, 0.15) !important;
}

/* Overriding default green/red validation border overrides from plugin */
#user-registration-form-22613 .ur-input-border-green,
#user-registration-form-22613 .user-registration-valid {
    border-color: #D9D9D9 !important;
}

#user-registration-form-22613 .ur-input-border-green:focus,
#user-registration-form-22613 .user-registration-valid:focus {
    border-color: #005C86 !important;
}

/* Password View Toggles Grouping */
#user-registration-form-22613 .password-input-group {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

#user-registration-form-22613 .password-input-group .password_preview {
    position: absolute !important;
    right: 20px !important; /* Perfectly positioned in the taller curve */
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #282828 !important;
    opacity: 0.6 !important;
    text-decoration: none !important;
    font-size: 18px !important;
}

/* Form Action Button Wrapper Layout */
#user-registration-form-22613 .ur-button-container {
    margin-top: 28px !important;
    display: block !important;
    width: 100% !important;
}

/* Main Form Submission Button (Full-Width Pill Design) */
#user-registration-form-22613 button.ur-submit-button {
    width: 100% !important;
    display: block !important;
    padding: 15px !important; /* Matched the taller fields for clean design symmetry */
    background-color: #F99D36 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 2px 4px rgba(249, 157, 54, 0.2) !important;
    text-align: center !important;
}

#user-registration-form-22613 button.ur-submit-button:hover {
    background-color: #e28723 !important;
}

#user-registration-form-22613 button.ur-submit-button:active {
    transform: scale(0.99) !important;
}/* End custom CSS */