.elementor-53 .elementor-element.elementor-element-145cf32{--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;--overlay-opacity:0.5;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-145cf32:not(.elementor-motion-effects-element-type-background), .elementor-53 .elementor-element.elementor-element-145cf32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dantyatra.com/wp-content/uploads/2026/05/Lavender-Hill-Villa-img-webp-32.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-53 .elementor-element.elementor-element-145cf32::before, .elementor-53 .elementor-element.elementor-element-145cf32 > .elementor-background-video-container::before, .elementor-53 .elementor-element.elementor-element-145cf32 > .e-con-inner > .elementor-background-video-container::before, .elementor-53 .elementor-element.elementor-element-145cf32 > .elementor-background-slideshow::before, .elementor-53 .elementor-element.elementor-element-145cf32 > .e-con-inner > .elementor-background-slideshow::before, .elementor-53 .elementor-element.elementor-element-145cf32 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor6 );--background-overlay:'';}.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-53 .elementor-element.elementor-element-eba01c4{text-align:center;}.elementor-53 .elementor-element.elementor-element-eba01c4 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-astglobalcolor4 );}.elementor-53 .elementor-element.elementor-element-59f2514{--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-53 .elementor-element.elementor-element-46cad39{text-align:center;}.elementor-53 .elementor-element.elementor-element-46cad39 .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:500;color:var( --e-global-color-astglobalcolor6 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-53 .elementor-element.elementor-element-00d63bd{--divider-border-style:solid;--divider-color:var( --e-global-color-3f2d8cf );--divider-border-width:2px;}.elementor-53 .elementor-element.elementor-element-00d63bd .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-53 .elementor-element.elementor-element-00d63bd .elementor-divider{text-align:center;}.elementor-53 .elementor-element.elementor-element-d508fc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-53 .elementor-element.elementor-element-dece4c2{--display:flex;}.elementor-53 .elementor-element.elementor-element-1beafbb .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:500;color:var( --e-global-color-astglobalcolor6 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-53 .elementor-element.elementor-element-69b5a8e{font-family:"Verdana", Sans-serif;font-weight:400;color:#644579;}.elementor-53 .elementor-element.elementor-element-69b5a8e p{margin-block-end:0px;}.elementor-53 .elementor-element.elementor-element-707a446{font-family:"Verdana", Sans-serif;font-weight:400;}.elementor-53 .elementor-element.elementor-element-707a446 p{margin-block-end:0px;}.elementor-53 .elementor-element.elementor-element-5cb4788{--divider-border-style:solid;--divider-color:var( --e-global-color-3f2d8cf );--divider-border-width:1px;}.elementor-53 .elementor-element.elementor-element-5cb4788 .elementor-divider-separator{width:30%;}.elementor-53 .elementor-element.elementor-element-5cb4788 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-53 .elementor-element.elementor-element-9d48785{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-d46145d{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-icon i{color:var( --e-global-color-3f2d8cf );transition:color 0.3s;}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-icon svg{fill:var( --e-global-color-3f2d8cf );transition:fill 0.3s;}.elementor-53 .elementor-element.elementor-element-6ed4dee{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-item > .elementor-icon-list-text, .elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-item > a{font-family:"Verdana", Sans-serif;font-weight:400;}.elementor-53 .elementor-element.elementor-element-6ed4dee .elementor-icon-list-text{transition:color 0.3s;}.elementor-53 .elementor-element.elementor-element-9748a30{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-53 .elementor-element.elementor-element-0d11ede{--display:flex;--min-height:478px;--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:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-53 .elementor-element.elementor-element-0d11ede:not(.elementor-motion-effects-element-type-background), .elementor-53 .elementor-element.elementor-element-0d11ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://www.dantyatra.com/wp-content/uploads/2026/05/Lavender-Hill-Villa-img-webp-7.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-53 .elementor-element.elementor-element-33a0946{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-53 .elementor-element.elementor-element-deb0b1d{--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-53 .elementor-element.elementor-element-92b3a0a{text-align:center;}.elementor-53 .elementor-element.elementor-element-92b3a0a .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-53 .elementor-element.elementor-element-92d265d{--divider-border-style:solid;--divider-color:#644579;--divider-border-width:2px;}.elementor-53 .elementor-element.elementor-element-92d265d .elementor-divider-separator{width:30%;margin:0 auto;margin-center:0;}.elementor-53 .elementor-element.elementor-element-92d265d .elementor-divider{text-align:center;}.elementor-53 .elementor-element.elementor-element-e78a36e{--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-53 .elementor-element.elementor-element-5a5ea1e{text-align:center;}.elementor-53 .elementor-element.elementor-element-5a5ea1e .elementor-heading-title{font-family:"Verdana", Sans-serif;font-weight:400;color:var( --e-global-color-astglobalcolor8 );}.elementor-53 .elementor-element.elementor-element-a4b8ca9{--divider-border-style:solid;--divider-color:var( --e-global-color-3f2d8cf );--divider-border-width:2px;}.elementor-53 .elementor-element.elementor-element-a4b8ca9 .elementor-divider-separator{width:30%;margin:0 auto;margin-center:0;}.elementor-53 .elementor-element.elementor-element-a4b8ca9 .elementor-divider{text-align:center;}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-59f2514{--content-width:1360px;}.elementor-53 .elementor-element.elementor-element-d508fc9{--content-width:1360px;}.elementor-53 .elementor-element.elementor-element-dece4c2{--width:50%;}.elementor-53 .elementor-element.elementor-element-9d48785{--width:50%;}.elementor-53 .elementor-element.elementor-element-9748a30{--content-width:1360px;}.elementor-53 .elementor-element.elementor-element-0d11ede{--width:100%;}.elementor-53 .elementor-element.elementor-element-33a0946{--content-width:1360px;}.elementor-53 .elementor-element.elementor-element-deb0b1d{--width:50%;}.elementor-53 .elementor-element.elementor-element-e78a36e{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-53 .elementor-element.elementor-element-deb0b1d{--width:100%;}.elementor-53 .elementor-element.elementor-element-e78a36e{--width:100%;}}@media(max-width:1024px){.elementor-53 .elementor-element.elementor-element-33a0946{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-53 .elementor-element.elementor-element-eba01c4 .elementor-heading-title{font-size:35px;}.elementor-53 .elementor-element.elementor-element-9748a30{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for heading, class: .elementor-element-92b3a0a */.cf7-form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cf7-field {
  flex: 1 1 calc(50% - 20px);
  display: flex;
  flex-direction: column;
}

.cf7-field.full-width {
  flex: 1 1 100%;
}

.cf7-field label {
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.cf7-field input[type="text"],
.cf7-field input[type="email"],
.cf7-field input[type="tel"],
.cf7-field textarea {
  padding: 12px 15px;
  border: 1px solid #C8AC61;
  border-radius: 8px;
  font-size: 15px;
  transition: border 0.3s, box-shadow 0.3s;
  color: #333;
  background-color: #fff;
}

/* Focus and Active State - override default blue */
.cf7-field input:focus,
.cf7-field input:active,
.cf7-field textarea:focus,
.cf7-field textarea:active,
input:focus,
input:active,
textarea:focus,
textarea:active {
  border-color: #C8AC61 !important;
  box-shadow: 0 0 0 2px rgba(200, 172, 97, 0.3) !important;
  outline: none !important;
}

.cf7-field textarea {
  min-height: 120px;
  resize: vertical;
}

/* Submit button */
.cf7-field input[type="submit"],
input.wpcf7-submit {
  background-color: #C8AC61;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}

.cf7-field input[type="submit"]:hover,
input.wpcf7-submit:hover {
  background-color: #b4994f;
}

/* Placeholder styling */
.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #a2905a;
  opacity: 1;
}

/* Autofill styling for Chrome */
.cf7-field input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #333;
  border: 1px solid #C8AC61;
}

/* Optional: error styling (if using CF7 error classes) */
span.wpcf7-not-valid-tip {
  color: red;
  font-size: 13px;
  margin-top: 5px;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

/* ✅ Responsive Design */
@media (max-width: 768px) {
  .cf7-field {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5a5ea1e */.cf7-form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cf7-field {
  flex: 1 1 calc(50% - 20px);
  display: flex;
  flex-direction: column;
}

.cf7-field.full-width {
  flex: 1 1 100%;
}

.cf7-field label {
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}

.cf7-field input[type="text"],
.cf7-field input[type="email"],
.cf7-field input[type="tel"],
.cf7-field textarea {
  padding: 12px 15px;
  border: 1px solid #C8AC61;
  border-radius: 8px;
  font-size: 15px;
  transition: border 0.3s, box-shadow 0.3s;
  color: #333;
  background-color: #fff;
}

/* Focus and Active State - override default blue */
.cf7-field input:focus,
.cf7-field input:active,
.cf7-field textarea:focus,
.cf7-field textarea:active,
input:focus,
input:active,
textarea:focus,
textarea:active {
  border-color: #C8AC61 !important;
  box-shadow: 0 0 0 2px rgba(200, 172, 97, 0.3) !important;
  outline: none !important;
}

.cf7-field textarea {
  min-height: 120px;
  resize: vertical;
}

/* Submit button */
.cf7-field input[type="submit"],
input.wpcf7-submit {
  background-color: #C8AC61;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}

.cf7-field input[type="submit"]:hover,
input.wpcf7-submit:hover {
  background-color: #b4994f;
}

/* Placeholder styling */
.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #a2905a;
  opacity: 1;
}

/* Autofill styling for Chrome */
.cf7-field input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #333;
  border: 1px solid #C8AC61;
}

/* Optional: error styling (if using CF7 error classes) */
span.wpcf7-not-valid-tip {
  color: red;
  font-size: 13px;
  margin-top: 5px;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

/* ✅ Responsive Design */
@media (max-width: 768px) {
  .cf7-field {
    flex: 1 1 100%;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-df41900 *//* ==========================================================================
   1. Form Container Grid
   ========================================================================== */
.cf7-form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 20px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

/* ==========================================================================
   2. Field Layouts & Structure
   ========================================================================== */
.cf7-field {
  flex: 1 1 calc(50% - 15px);
  display: flex;
  flex-direction: column;
}

.cf7-field.full-width {
  flex: 1 1 100%;
}

.cf7-field label {
  font-size: 15px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 8px;
}

/* ==========================================================================
   3. Standard Inputs, Selects, Textareas, & Date Pickers
   ========================================================================== */
.cf7-field input[type="text"],
.cf7-field input[type="email"],
.cf7-field input[type="tel"],
.cf7-field input[type="date"], /* Added same design compatibility for native date fallback */
.cf7-field select,
.cf7-field textarea {
  width: 100%;
  box-sizing: border-box;
  height: 55px; /* Unified equal height for all text and date fields */
  padding: 14px 15px;
  border: 1px solid #644579;
  border-radius: 8px;
  background-color: #ffffff;
  color: #333333;
  font-size: 15px;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cf7-field textarea {
  min-height: 140px;
  height: auto;
  resize: vertical;
}

.cf7-field input::placeholder,
.cf7-field textarea::placeholder {
  color: #644579;
  opacity: 0.7;
}

.cf7-field select option {
  background: #ffffff;
  color: #333333;
}

/* Adds a uniform calendar icon inside custom flatpickr date fields and standard date .elementor-53 .elementor-element.elementor-element-df41900s */
.cf7-field input.my-custom-picker,
.cf7-field input[type="date"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23644579' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  cursor: pointer;
}

/* Clears browser native utility wheels to keep background vector icons looking clean */
.cf7-field input[type="date"]::-webkit-inner-spin-button,
.cf7-field input[type="date"]::-webkit-clear-button,
.cf7-field input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  -webkit-appearance: none;
}

/* ==========================================================================
   4. Global Interactivity States (Focus & Autofill)
   ========================================================================== */
.cf7-field input:focus,
.cf7-field input:focus-visible,
.cf7-field select:focus,
.cf7-field select:focus-visible,
.cf7-field textarea:focus,
.cf7-field textarea:focus-visible {
  outline: none !important;
  border-color: #644579 !important;
  box-shadow: 0 0 0 3px rgba(100, 69, 121, 0.15) !important;
}

.cf7-field input:-webkit-autofill,
.cf7-field textarea:-webkit-autofill,
.cf7-field select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #333333 !important;
  border: 1px solid #644579 !important;
}

/* ==========================================================================
   5. Custom Flatpickr Themes (Matches Your Brand Theme)
   ========================================================================== */
.flatpickr-calendar {
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(100, 69, 121, 0.15) !important;
  border: 1px solid #644579 !important;
  font-family: inherit;
}
.flatpickr-day.selected, 
.flatpickr-day.selected:hover {
  background: #644579 !important;
  border-color: #644579 !important;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #ffffff !important;
  color: #333333 !important;
}

/* ==========================================================================
   6. Submit Buttons
   ========================================================================== */
.cf7-field input[type="submit"],
input.wpcf7-submit {
  background-color: #644579;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  min-width: 180px;
  transition: all 0.3s ease;
}

.cf7-field input[type="submit"]:hover,
input.wpcf7-submit:hover {
  background-color: #523766;
  transform: translateY(-2px);
}

/* ==========================================================================
   7. Contact Form 7 Error & Status Messages
   ========================================================================== */
span.wpcf7-not-valid-tip {
  color: red;
  font-size: 13px;
  margin-top: 5px;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.15);
}

.wpcf7-response-output {
  margin-top: 20px !important;
  padding: 12px 15px !important;
  border-radius: 8px;
  font-size: 14px;
}

.wpcf7-mail-sent-ok {
  border: 1px solid #46b450;
  color: #46b450;
}

.wpcf7-validation-errors,
.wpcf7-aborted {
  border: 1px solid red;
  color: red;
}

.wpcf7-spinner {
  margin-top: 10px;
}

/* ==========================================================================
   8. Mobile Optimization Breakpoint (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .cf7-form-grid {
    padding: 15px;
  }

  .cf7-field {
    flex: 1 1 100%;
  }

  .cf7-field input[type="submit"] {
    width: 100%;
  }
}/* End custom CSS */