#elementor-widget-container {
    background: #ff00ff; /* Replace with your desired color code */
}

#wppb-form-style-3-wrapper .wppb-form-field label {
color: white !important;
font-family:'Sora' !important;
}
#wppb-register-user input#register {
    background-color: #000000 !important; /* Change the color of the button */
    border: 2px solid #000000 !important; /* Change to your desired border color and width */
    color: #ffffff !important;            /* Change the color of the text */
}

/* General styles for all sections */
.woocommerce-order-overview,
.woocommerce-order-downloads,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-order-overview *,
.woocommerce-order-downloads *,
.woocommerce-order-details *,
.woocommerce-customer-details * {
    color: #FFFFFF !important; /* Ensures all text is white */
    background-color: transparent !important; /* Sets background to transparent */
}

/* Specific styles for all headings, paragraphs, lists, and links within the sections */
.woocommerce-order-overview h1,
.woocommerce-order-overview h2,
.woocommerce-order-overview h3,
.woocommerce-order-overview h4,
.woocommerce-order-overview h5,
.woocommerce-order-overview h6,
.woocommerce-order-overview p,
.woocommerce-order-overview li,
.woocommerce-order-overview a,
.woocommerce-order-downloads h1,
.woocommerce-order-downloads h2,
.woocommerce-order-downloads h3,
.woocommerce-order-downloads h4,
.woocommerce-order-downloads h5,
.woocommerce-order-downloads h6,
.woocommerce-order-downloads p,
.woocommerce-order-downloads li,
.woocommerce-order-downloads a,
.woocommerce-order-details h1,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-order-details h4,
.woocommerce-order-details h5,
.woocommerce-order-details h6,
.woocommerce-order-details p,
.woocommerce-order-details li,
.woocommerce-order-details a,
.woocommerce-customer-details h1,
.woocommerce-customer-details h2,
.woocommerce-customer-details h3,
.woocommerce-customer-details h4,
.woocommerce-customer-details h5,
.woocommerce-customer-details h6,
.woocommerce-customer-details p,
.woocommerce-customer-details li,
.woocommerce-customer-details a {
    color: #FFFFFF !important; /* Ensures all text is white */
}

/* Styles for the 'Order Again' button */
.woocommerce-order-details .button,
.woocommerce-order-overview .button,
.woocommerce-order-downloads .button,
.woocommerce-customer-details .button {
    background-color: #000000 !important; /* Black background */
    color: #FFFFFF !important; /* White text */
    border: none !important; /* Removes any border */
}

/* Hover effects for the buttons */
.woocommerce-order-details .button:hover,
.woocommerce-order-overview .button:hover,
.woocommerce-order-downloads .button:hover,
.woocommerce-customer-details .button:hover {
    background-color: #1a1a1a !important; /* Slightly lighter black on hover */
}

/* Specific styles for the thank you message */
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color:  !important; /* White text */
    /* No background-color is set here because you want it transparent, 
       and it should already be set by the previous general rules */
}
.elementor-widget-container {
    background-color: transparent; /* Replace #ffffff with your desired color */
}
/* CSS to change the label's color */
.p-FieldLabel {
    color: #333 !important; /* Dark gray for better visibility */
}