.elementor-4201 .elementor-element.elementor-element-e3206675222 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4201 .elementor-element.elementor-element-e3206675222 > .elementor-container{max-width:801px;}.elementor-4201 .elementor-element.elementor-element-e3206675222{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4201 .elementor-element.elementor-element-2f9b75c{--spacer-size:50px;}/* Start custom CSS for column, class: .elementor-element-e8962000936 *//* Cloud Spine – Contact Form 7 skin (boxed, two-up, tight spacing) */
.wpcf7 form{
  --cs-radius:14px;
  --cs-line:rgba(13,22,44,.10);
  --cs-line-strong:rgba(13,22,44,.18);
  --cs-focus:rgba(46,107,255,.25); /* fallback if --brand not set */
}

/* Inherit site typography */
.wpcf7,.wpcf7 *{
  font-family:inherit!important;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ---------- OUTER GRID (rows of two) ---------- */
.wpcf7 .cf7-grid{
  display:grid;
  grid-template-columns:1fr; /* mobile */
  gap:10px;
}
@media (min-width:640px){
  .wpcf7 .cf7-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)); /* desktop: 2 columns */
    column-gap:14px;
    row-gap:10px;
  }
}
/* Make selected items span full width (both columns) */
.wpcf7 .cf7-grid .span-2{ grid-column:1 / -1; }

/* ---------- ROW STACK (label + input) ---------- */
/* This is the fix: each row becomes a vertical stack with a tiny gap,
   and we kill any margins the theme/Elementor adds to the children. */
.wpcf7 .cf7-half,
.wpcf7 .cf7-field{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:4px;                 /* distance between label and control */
}
.wpcf7 .cf7-half > *,
.wpcf7 .cf7-field > *{
  margin:0!important;      /* neutralize external margins */
}

/* Labels */
.wpcf7 label{
  font-weight:600;
  color:var(--muted,#5b6b84);
}

/* CF7 wrap spans sometimes add spacing – keep them flat */
.wpcf7 .wpcf7-form-control-wrap{
  display:block;
  margin:0!important;
  padding:0!important;
}

/* ---------- CONTROLS ---------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--cs-line);
  border-radius:var(--cs-radius);
  outline:none;
  line-height:1.35;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.wpcf7 textarea{ min-height:180px; resize:vertical; }

/* Focus */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{
  border-color:var(--brand,#2e6bff);
  box-shadow:0 0 0 3px var(--cs-focus);
}

/* Placeholder */
.wpcf7 ::placeholder{ color:#9aa6b2; opacity:1; }

/* Submit row */
.wpcf7 .cf7-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:6px;
}

/* Button */
.wpcf7 input[type="submit"]{
  appearance:none;
  border:0;
  color:#fff;
  background:linear-gradient(180deg,var(--brand,#2e6bff) 0%,#4d7dff 100%);
  padding:12px 18px;
  border-radius:var(--cs-radius);
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(46,107,255,.25);
  transition:transform .06s ease,box-shadow .2s ease;
}
.wpcf7 input[type="submit"]:hover{ transform:translateY(-1px); }
.wpcf7 input[type="submit"]:active{ transform:translateY(0); }

/* Validation & messages */
.wpcf7 .wpcf7-not-valid-tip{
  margin-top:6px;
  font-size:13px;
  color:#b42318;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
  margin:12px 0 0;
  border:1px solid var(--cs-line-strong);
  border-radius:var(--cs-radius);
}

/* If CF7 outputs <p> wrappers anywhere, keep them tight */
.wpcf7 form p{ margin:0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e2396892059 *//* Box this inner section like the other pages */
.elementor-4201 .elementor-element.elementor-element-e2396892059 { 
  --wrap: 1180px;                         /* match your site width */
  --side: clamp(16px, 3vw, 24px);         /* same side padding as elsewhere */
  --e-column-gap: 24px;                   /* column gutter for the two columns */
}

.elementor-4201 .elementor-element.elementor-element-e2396892059 > .elementor-container {
  max-width: var(--wrap) !important;      /* constrain width */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--side);
  padding-right: var(--side);
  box-sizing: border-box;
}/* End custom CSS */