.elementor-4944 .elementor-element.elementor-element-28c059eb{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-4944 .elementor-element.elementor-element-5912c64{text-align:center;}.elementor-4944 .elementor-element.elementor-element-39a3bcfa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4944 .elementor-element.elementor-element-ada0c0a{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-39a3bcfa *//* General Styling for the Form Wrapper */
.pms-form {
    max-width: 400px; /* Limit form width */
    margin: 50px auto; /* Center form on the page */
    padding: 30px; /* Add padding inside the form */
    background-color: #ffffff; /* White background for clarity */
    border: 1px solid #d1dce5; /* Subtle border for structure */
    border-radius: 12px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    font-family: 'Poppins', sans-serif; /* Use a clean, modern font */
    color: #2c3e50; /* Dark text for readability */
}

/* Form Heading */
.pms-form h2 {
    font-size: 24px; /* Larger heading size */
    font-weight: bold; /* Emphasize heading */
    color: #2c3e50; /* Dark text for contrast */
    text-align: center; /* Center-align heading */
    margin-bottom: 20px; /* Space below heading */
}

/* Input Fields */
.pms-form .input {
    width: 100%; /* Full width for inputs */
    padding: 12px 15px; /* Comfortable padding */
    font-size: 16px; /* Readable font size */
    font-family: 'Poppins', sans-serif; /* Consistent font */
    border: 1px solid #d1dce5; /* Light border for clarity */
    border-radius: 6px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background for inputs */
    color: #2c3e50; /* Dark text for readability */
    margin-bottom: 20px; /* Space below each input */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); /* Subtle inner shadow */
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Placeholder Styling */
.pms-form .input::placeholder {
    color: #aab2bd; /* Light gray placeholder text */
    font-size: 14px; /* Slightly smaller than input text */
}

/* Focus State for Input Fields */
.pms-form .input:focus {
    border-color: #3478f6; /* Bright blue for focus */
    outline: none; /* Remove default outline */
    box-shadow: 0 0 6px rgba(52, 120, 246, 0.3); /* Glow effect for focus */
}

/* Submit Button Styling */
.pms-form input[type="submit"] {
    display: block; /* Ensure button spans full width */
    width: 100%; /* Full width button */
    padding: 14px; /* Comfortable padding */
    font-size: 16px; /* Readable text size */
    font-weight: bold; /* Emphasize button text */
    text-transform: uppercase; /* Capitalize text */
    color: #ffffff; /* White text for contrast */
    background-color: #3478f6; /* Bright blue background */
    border: none; /* Remove border */
    border-radius: 8px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Hover Effect for Submit Button */
.pms-form input[type="submit"]:hover {
    background-color: #2865d3; /* Darker blue on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Add shadow on hover */
}

/* Error Message Styling */
.pms-form .pms-error {
    color: #721c24; /* Deep red for errors */
    background-color: #f8d7da; /* Light pinkish-red background */
    border: 1px solid #f5c6cb; /* Red border */
    padding: 12px;
    border-radius: 6px; /* Rounded corners */
    margin-bottom: 15px; /* Space below error messages */
    font-size: 14px; /* Readable font size */
    text-align: center; /* Center align error messages */
}

/* Success Message Styling */
.pms-form .pms-success {
    color: #155724; /* Deep green for success */
    background-color: #d4edda; /* Light green background */
    border: 1px solid #c3e6cb; /* Green border */
    padding: 12px;
    border-radius: 6px; /* Rounded corners */
    margin-bottom: 15px; /* Space below success messages */
    font-size: 14px; /* Readable font size */
    text-align: center; /* Center align success messages */
}

/* Responsive Adjustments for Smaller Screens */
@media (max-width: 768px) {
    .pms-form {
        padding: 20px; /* Reduce padding for smaller screens */
    }

    .pms-form h2 {
        font-size: 20px; /* Adjust font size for smaller screens */
    }

    .pms-form input[type="submit"] {
        font-size: 14px; /* Reduce button text size for smaller devices */
        padding: 12px; /* Adjust padding */
    }
    

}/* End custom CSS */