.elementor-5622 .elementor-element.elementor-element-3afe566{--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;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-5622 .elementor-element.elementor-element-3afe566:not(.elementor-motion-effects-element-type-background), .elementor-5622 .elementor-element.elementor-element-3afe566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5622 .elementor-element.elementor-element-684df10 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-5622 .elementor-element.elementor-element-49acaf4 p{margin-bottom:0;}@media(max-width:1024px){}@media(max-width:767px){}/* Start custom CSS for shortcode, class: .elementor-element-7ab0194 *//* Remove any top padding/margin from labels */
.my-form label {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Reduce the gap between fields (if needed) */
.my-form p {
  margin-bottom: 5px !important;
}

/* Force inputs and textarea to be full width and apply styling */
.my-form input[type="text"],
.my-form input[type="email"],
.my-form textarea {
  width: 100% !important;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  background-color: #f2f2f2;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Remove any custom height on the textarea and add extra space below it */
.my-form textarea {
  margin-bottom: 15px !important;  /* Extra space after the Message field */
}

/* Style placeholder text */
.my-form input::placeholder,
.my-form textarea::placeholder {
  color: #555;
}

/* Style the submit button */
.my-form input[type="submit"] {
  display: block;
  width: 100% !important;
  background-color: #0073e6;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

/* Hover state for the submit button */
.my-form input[type="submit"]:hover {
  background-color: #005bb5;
}

/* Set the Message textarea to a shorter height and maintain its background color */
.my-form textarea {
  height: 150px !important;  /* Adjust this value if needed */
  background-color: #f2f2f2;  /* Use the same background color as before */
  margin-bottom: 15px !important;  /* Extra space after the textarea */
}

/* Ensure the background remains unchanged on focus */
.my-form textarea:focus {
  background-color: #f2f2f2 !important;
  outline: none;  /* Optionally remove the default focus outline */
}

label {width: 100%;}

br {display: none;}/* End custom CSS */
/* Start custom CSS */.elementor-button {
    background-color: #5b69fc !important;
     border-radius: 10px;
}

 .elementor-button:hover {
    background-color: #2d3fff !important;
}/* End custom CSS */