.elementor-5212 .elementor-element.elementor-element-4255812{--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-5212 .elementor-element.elementor-element-1f504e2{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:081px;--margin-right:0px;}.elementor-5212 .elementor-element.elementor-element-1f504e2:not(.elementor-motion-effects-element-type-background), .elementor-5212 .elementor-element.elementor-element-1f504e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5212 .elementor-element.elementor-element-1f504e2.e-con{--flex-grow:0;--flex-shrink:0;}.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-5212 .elementor-element.elementor-element-4c94063 > .elementor-widget-container{margin:8px 19px 0px 19px;padding:0px 0px 0px 0px;}.elementor-5212 .elementor-element.elementor-element-4c94063{text-align:center;}.elementor-5212 .elementor-element.elementor-element-4c94063 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:21px;color:#6B75AC;}@media(max-width:767px){.elementor-5212 .elementor-element.elementor-element-1f504e2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-5212 .elementor-element.elementor-element-4255812{--content-width:738px;}.elementor-5212 .elementor-element.elementor-element-1f504e2{--width:72%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5212 .elementor-element.elementor-element-1f504e2{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-0cfc3cb *//* General Form Styling */
.wpcf7-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

/* Form Rows */
.wpcf7-form .form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 15px;
}

/* Form Fields */
.wpcf7-form .form-field {
  width: calc(50% - 10px); /* Two fields per row */
}

/* Full-width Fields */
.wpcf7-form .form-field-full {
  width: 100%;
}

/* General Styling for Inputs and Select */
.wpcf7-form .form-field input[type="text"],
.wpcf7-form .form-field input[type="email"],
.wpcf7-form .form-field input[type="tel"],
.wpcf7-form .form-field input[type="number"],
.wpcf7-form .form-field select {
  font-size: 16px !important; /* Ensure font size is applied */
  width: 100%;
  padding: 10px; /* Adjust padding to match select height */
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  box-sizing: border-box;
  line-height: 1.5; /* Consistent line height */
  height: 42px !important; /* Explicit height for uniform input and select */
}

/* Placeholder Styling */
.wpcf7-form .form-field input[type="text"]::placeholder,
.wpcf7-form .form-field input[type="email"]::placeholder,
.wpcf7-form .form-field input[type="tel"]::placeholder,
.wpcf7-form .form-field input[type="number"]::placeholder {
  font-size: 16px; /* Match placeholder font size */
  color: #999;
}

/* Dropdown Styling */
.wpcf7-form .form-field select {
  font-size: 16px !important; /* Match font size with inputs */
  background-color: white;
  color: #333;
  appearance: none; /* Remove default browser styling */
  padding: 10px; /* Same padding as inputs */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  line-height: 1.5; /* Match input line height */
  height: 42px !important; /* Explicit height to ensure matching fields */
}

/* Checkbox Styling */
.wpcf7-form .form-checkbox {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  font-size: 14px; /* Slightly smaller font size for terms */
  color: #555;
}

.wpcf7-form .form-checkbox input[type="checkbox"] {
  margin-right: 10px;
}

/* Submit Button */
.wpcf7-form .form-submit input[type="submit"] {
  display: block;
  width: 100%; /* Full width for submit button */
  padding: 10px 16px; /* Adjust padding for consistent size */
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease;
}

.wpcf7-form .form-submit input[type="submit"]:hover {
  background-color: #0056b3;
}

/* Styling for Error Messages */
.wpcf7-form .wpcf7-not-valid-tip {
  font-size: 12px; /* Smaller font size for error messages */
  color: red; /* Red color for error messages */
  margin-top: 5px;
  display: block;
  line-height: 1.2; /* Ensure proper spacing */
}

/* Responsive Design */
@media (max-width: 768px) {
  .wpcf7-form .form-row {
    flex-direction: column;
  }
  .wpcf7-form .form-field {
    width: 100%; /* Full-width on smaller screens */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f504e2 *//* Form Container Styling */
.ff-form {
    max-width: 400px !important; /* Adjust the width of the form */
    margin: 0 auto !important; /* Center the form horizontally */
    padding: 15px !important; /* Add some padding around the form */
    border: 1px solid #ccc !important; /* Add a subtle border */
    border-radius: 10px !important; /* Round the corners of the container */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Add a light shadow */
    background-color: #ffffff !important; /* Set the background color */
}

/* Input fields: reduce size and padding */
.ff-el-input, 
.ff-el-textarea, 
.ff-el-select {
    font-size: 14px !important; /* Smaller text size */
    padding: 6px !important; /* Reduce padding inside input fields */
    height: auto !important; /* Adjust field height */
    border-radius: 5px !important; /* Round corners of inputs */
    border: 1px solid #ddd !important; /* Add a border to inputs */
}

/* Reduce label size and spacing */
.ff-el-label {
    font-size: 13px !important; /* Smaller label text */
    margin-bottom: 5px !important; /* Reduce space below labels */
    color: #333 !important; /* Darker label color for better contrast */
}

/* Adjust spacing between fields */
.ff-el-group {
    margin-bottom: 8px !important; /* Reduce space between input groups */
}

/* Checkbox and radio inputs */
.ff-el-group .ff-el-checkbox,
.ff-el-group .ff-el-radio {
    transform: scale(0.85) !important; /* Scale down checkboxes and radio buttons */
    margin-right: 5px !important; /* Adjust spacing from text */
}

/* Terms and conditions */
.ff-el-agreement {
    font-size: 12px !important; /* Smaller font for agreement text */
    margin-bottom: 5px !important; /* Reduce space below terms section */
    line-height: 1.2 !important; /* Tighter line spacing */
}
/* Reduce spacing between terms and conditions checkboxes */
.ff-el-agreement {
    margin-bottom: 5px !important; /* Minimize gap below each agreement */
    margin-top: 5px !important; /* Minimize gap above each agreement */
    font-size: 12px !important; /* Smaller font size for compact text */
    line-height: 1.2 !important; /* Tighter line spacing */
}

/* Align checkboxes and text closer together */
.ff-el-agreement .ff-el-checkbox {
    transform: scale(0.9) !important; /* Smaller checkbox size */
    margin-right: 5px !important; /* Reduce space between checkbox and text */
    vertical-align: middle; /* Align text vertically with the checkbox */
}

/* Adjust overall spacing between all input fields and agreements */
.ff-el-group {
    margin-bottom: 8px !important; /* Consistent spacing between form elements */
}

/* Submit button adjustments */
.ff-btn {
    font-size: 14px !important; /* Smaller button text */
    padding: 8px 12px !important; /* Reduce padding inside button */
    border-radius: 5px !important; /* Adjust button shape */
    background-color: #007bff !important; /* Set button color */
    color: #ffffff !important; /* White text color */
    border: none !important; /* Remove button border */
    transition: background-color 0.3s ease !important; /* Smooth hover effect */
}

.ff-btn:hover {
    background-color: #0056b3 !important; /* Darker blue on hover */
}

/* Mobile responsiveness adjustments */
@media screen and (max-width: 768px) {
    .ff-form {
        max-width: 90% !important; /* Ensure form fits smaller screens */
        padding: 10px !important; /* Adjust padding for smaller screens */
    }
}/* End custom CSS */