.elementor-4946 .elementor-element.elementor-element-297a4a0{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-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-4946 .elementor-element.elementor-element-3610d44{text-align:center;}.elementor-4946 .elementor-element.elementor-element-574755d7{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-41498d4d *//* General Styling for the Form Wrapper */
.pms-form {
    max-width: 400px; /* Limit the width of the form */
    margin: 50px auto; /* Center the form */
    padding: 30px; /* Add inner padding */
    background-color: #ffffff; /* White background for clarity */
    border: 1px solid #d1dce5; /* Light border for separation */
    border-radius: 12px; /* Rounded corners for 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 Title Styling */
.pms-form h2 {
    font-size: 24px; /* Slightly larger for emphasis */
    font-weight: bold; /* Bold title */
    text-align: center; /* Center align title */
    color: #2c3e50; /* Dark color for contrast */
    margin-bottom: 20px; /* Space below title */
}

/* Input Fields Styling */
.pms-form input[type="text"],
.pms-form input[type="email"],
.pms-form input[type="password"] {
    width: 100%; /* Full width of the form */
    padding: 12px 15px; /* Comfortable padding */
    font-size: 16px; /* Readable font size */
    font-family: 'Poppins', sans-serif; /* Consistent font */
    border: 1px solid #d1dce5; /* Subtle border for inputs */
    border-radius: 6px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background for inputs */
    color: #2c3e50; /* Dark text for readability */
    margin-bottom: 20px; /* Space between inputs */
    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 for focus */
}

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

/* Focus State for Inputs */
.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 font size */
    font-weight: bold; /* Bold text for emphasis */
    text-transform: uppercase; /* Capitalize button text */
    color: #ffffff; /* White text for contrast */
    background-color: #3478f6; /* Bright blue for prominence */
    border: none; /* Remove border */
    border-radius: 8px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth hover and click transitions */
}

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

/* Active Effect for Submit Button */
.pms-form input[type="submit"]:active {
    background-color: #1e4f99; /* Even darker blue when pressed */
    transform: scale(0.98); /* Slightly shrink to indicate click */
}

/* 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 for visibility */
    padding: 12px;
    border-radius: 6px; /* Rounded corners */
    margin-bottom: 20px; /* 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 for visibility */
    padding: 12px;
    border-radius: 6px; /* Rounded corners */
    margin-bottom: 20px; /* 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; /* Adjust padding for smaller devices */
    }

    .pms-form h2 {
        font-size: 20px; /* Reduce font size for the title */
    }

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