#elementor-popup-modal-8326{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8326 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-8326 .dialog-close-button{display:flex;}#elementor-popup-modal-8326 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-e64b340 *//* Dokan Vendor Registration Form - Ultimate Professional Styling with !important */

/* General Form Container */
.elementor-widget-container .dokan-vendor-register {
    background-color: #f7f9fc !important;
    border: 1px solid #e0e6f0 !important;
    border-radius: 20px !important;
    padding: 60px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08) !important;
    max-width: 750px !important;
    margin: 60px auto !important;
    font-family: 'Vazirmatn', 'Segoe UI', 'Roboto', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
    color: #333 !important;
}

/* Form Title */
.elementor-widget-container .dokan-vendor-register h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-bottom: 40px !important;
    text-align: center !important;
}

/* Input & Label Spacing */
.elementor-widget-container .dokan-vendor-register .form-row {
    margin-bottom: 25px !important;
    padding: 0 !important;
}

/* Labels */
.elementor-widget-container .dokan-vendor-register label {
    font-weight: 600 !important;
    color: #4a5568 !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-size: 15px !important;
}

/* Input Fields Styling */
.elementor-widget-container .dokan-vendor-register .form-control {
    width: 100% !important;
    padding: 18px 22px !important;
    border: 1px solid #d1d9e6 !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.4s ease-in-out !important;
    box-sizing: border-box !important;
}

/* Input Focus State */
.elementor-widget-container .dokan-vendor-register .form-control:focus {
    outline: none !important;
    border-color: #4299e1 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.3) !important, inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

/* Submit Button */
.elementor-widget-container .dokan-vendor-register .dokan-btn.dokan-btn-theme {
    width: 100% !important;
    padding: 20px !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    background-image: linear-gradient(to right, #4299e1 0%, #2b6cb0 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 25px rgba(66, 153, 225, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Button Hover State */
.elementor-widget-container .dokan-vendor-register .dokan-btn.dokan-btn-theme:hover {
    background-image: linear-gradient(to right, #2b6cb0 0%, #4299e1 100%) !important;
    box-shadow: 0 10px 30px rgba(66, 153, 225, 0.5) !important;
    transform: translateY(-4px) !important;
}

/* Two-Column Layout */
.elementor-widget-container .dokan-vendor-register .split-row {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}
.elementor-widget-container .dokan-vendor-register .split-row .form-row {
    flex: 1 !important;
    min-width: 250px !important;
}/* End custom CSS */