.elementor-2975 .elementor-element.elementor-element-95ab817{--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;--margin-top:200px;--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-2975 .elementor-element.elementor-element-363a32e{text-align:center;}.elementor-2975 .elementor-element.elementor-element-363a32e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-2975 .elementor-element.elementor-element-70f0836{--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;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body.elementor-page-2975:not(.elementor-motion-effects-element-type-background), body.elementor-page-2975 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body.elementor-page-2975{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-2975 .elementor-element.elementor-element-70f0836{--content-width:820px;}}/* Start custom CSS for container, class: .elementor-element-70f0836 *//* --- Custom Styles for Contact Form 7 --- */

/* Style for the entire form container */
.wpcf7 {
  background-color: #F5F8FA; /* Off-white with a touch of sky blue */
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #E0E6ED;
}

/* Style for the labels (e.g., "Your name") */
.wpcf7 label {
  display: block; /* Puts each field on a new line */
  margin-bottom: 8px;
  color: #333333;
  font-weight: 600; /* Makes the label text a bit bolder */
}

/* Style for all input fields and the textarea */
.wpcf7-form-control {
  background-color: #FDFDFD; /* Off-white for the fields */
  color: #222222; /* Dark black text */
  width: 100%;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-sizing: border-box; /* Important for consistent sizing */
  margin-bottom: 20px; /* Space below each field */
}

/* Style to highlight a field when the user clicks on it */
.wpcf7-form-control:focus {
  outline: none; /* Removes the default browser outline */
  border-color: #0073e6; /* Adds a blue border on focus */
  box-shadow: 0 0 5px rgba(0, 115, 230, 0.5); /* Adds a soft blue glow */
}

/* Style for the submit button */
.wpcf7-submit {
  background-color: #111111; /* Nice black background */
  color: #ffffff; /* White text */
  border: none;
  border-radius: 8px; /* Curved corners */
  padding: 12px 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  width: auto; /* Button width adjusts to the text */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effect */
}

/* Style for the submit button on hover */
.wpcf7-submit:hover {
  background-color: #333333; /* A slightly lighter black on hover */
  transform: translateY(-2px); /* Lifts the button slightly on hover */
}/* End custom CSS */