.elementor-340 .elementor-element.elementor-element-4f521a9{--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;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:178px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-340 .elementor-element.elementor-element-4f521a9:not(.elementor-motion-effects-element-type-background), .elementor-340 .elementor-element.elementor-element-4f521a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_1 );background-image:url("https://creactmy.com/wp-content/uploads/2022/07/waves-background.svg");background-position:bottom center;background-repeat:no-repeat;background-size:90vw auto;}.elementor-340 .elementor-element.elementor-element-4f521a9::before, .elementor-340 .elementor-element.elementor-element-4f521a9 > .elementor-background-video-container::before, .elementor-340 .elementor-element.elementor-element-4f521a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-340 .elementor-element.elementor-element-4f521a9 > .elementor-background-slideshow::before, .elementor-340 .elementor-element.elementor-element-4f521a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-340 .elementor-element.elementor-element-4f521a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_1 );--background-overlay:'';}.elementor-340 .elementor-element.elementor-element-5ce11f9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-340 .elementor-element.elementor-element-5ce11f9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-340 .elementor-element.elementor-element-96244ea > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-340 .elementor-element.elementor-element-96244ea .elementor-heading-title{font-size:100px;line-height:0.9em;color:var( --e-global-color-blocksy_palette_8 );}.elementor-340 .elementor-element.elementor-element-35a9e7d{text-align:left;}.elementor-340 .elementor-element.elementor-element-35a9e7d img{width:250px;}.elementor-340 .elementor-element.elementor-element-62eb7ad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-340 .elementor-element.elementor-element-947cf9c > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-340 .elementor-element.elementor-element-947cf9c{text-align:center;}.elementor-340 .elementor-element.elementor-element-947cf9c .elementor-heading-title{font-size:45px;line-height:1.5em;}.elementor-340 .elementor-element.elementor-element-df94693{text-align:center;}.elementor-340 .elementor-element.elementor-element-23894d5{--display:flex;}.elementor-340 .elementor-element.elementor-element-1d083a8{--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-340 .elementor-element.elementor-element-96cb33a{--spacer-size:127px;}.elementor-340 .elementor-element.elementor-element-94d7c9e{--display:flex;--min-height:242px;--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-340 .elementor-element.elementor-element-94d7c9e:not(.elementor-motion-effects-element-type-background), .elementor-340 .elementor-element.elementor-element-94d7c9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_5 );}.elementor-340 .elementor-element.elementor-element-ff45535{--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;}.elementor-340 .elementor-element.elementor-element-b6648dd{--display:flex;}.elementor-340 .elementor-element.elementor-element-b6648dd:not(.elementor-motion-effects-element-type-background), .elementor-340 .elementor-element.elementor-element-b6648dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}.elementor-340 .elementor-element.elementor-element-d35686e{--icon-box-icon-margin:15px;}.elementor-340 .elementor-element.elementor-element-9108da1{--display:flex;}.elementor-340 .elementor-element.elementor-element-9108da1:not(.elementor-motion-effects-element-type-background), .elementor-340 .elementor-element.elementor-element-9108da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}.elementor-340 .elementor-element.elementor-element-9c0d9e8{--icon-box-icon-margin:15px;}.elementor-340 .elementor-element.elementor-element-3ca5580{--display:flex;}.elementor-340 .elementor-element.elementor-element-3ca5580:not(.elementor-motion-effects-element-type-background), .elementor-340 .elementor-element.elementor-element-3ca5580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-blocksy_palette_6 );}.elementor-340 .elementor-element.elementor-element-85b6774{--icon-box-icon-margin:15px;}@media(max-width:1024px){.elementor-340 .elementor-element.elementor-element-4f521a9{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-340 .elementor-element.elementor-element-96244ea .elementor-heading-title{font-size:70px;}.elementor-340 .elementor-element.elementor-element-35a9e7d img{width:50%;}.elementor-340 .elementor-element.elementor-element-62eb7ad{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-340 .elementor-element.elementor-element-947cf9c .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-340 .elementor-element.elementor-element-4f521a9{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-340 .elementor-element.elementor-element-5ce11f9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-340 .elementor-element.elementor-element-96244ea{text-align:center;}.elementor-340 .elementor-element.elementor-element-96244ea .elementor-heading-title{font-size:43px;}.elementor-340 .elementor-element.elementor-element-35a9e7d{text-align:center;}.elementor-340 .elementor-element.elementor-element-df94693{font-size:12px;}}@media(min-width:768px){.elementor-340 .elementor-element.elementor-element-5ce11f9{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-340 .elementor-element.elementor-element-5ce11f9{--width:536.703px;}}/* Start custom CSS for shortcode, class: .elementor-element-a11fa95 *//* ================================
   CF7 Minimal — Complete Styles
   ================================ */

/* General Container */
.cf7-minimal {
  font-family: "Inter", sans-serif;
  max-width: 900px;
  margin: auto;
  color: #222;
}

/* Labels */
.cf7-minimal label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  color: #333;
}

/* Inputs & Textareas */
.cf7-minimal input,
.cf7-minimal select,
.cf7-minimal textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: #fff;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-sizing: border-box;
}

.cf7-minimal input:focus,
.cf7-minimal textarea:focus {
  border-color: #0A192F;
  box-shadow: 0 0 0 2px rgba(10,25,47,0.1);
  outline: none;
}

/* Two Column Layout */
.cf7-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.cf7-col { flex: 1; }

/* Stack the columns on tablet/phone */
@media (max-width: 768px) {
  .cf7-row { flex-direction: column; gap: 14px; }
}

/* -------------------------------
   Project Type (Radio → Pills)
   ------------------------------- */

/* Base: phone-first (stack) */
.cf7-project-type {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 8px 0 4px;
  border: 0 !important; /* neutralize theme separators */
}

/* Tablet: 2 per row */
@media (min-width: 769px) and (max-width: 1024px) {
  .cf7-project-type {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

/* Desktop (PC ≥1025px): horizontal row of pills */
@media (min-width: 1025px) {
  .cf7-project-type {
    display: flex;                 /* horizontal */
    flex-wrap: wrap;               /* wrap if too many */
    gap: 14px;
    align-items: center;
  }
}

/* Remove CF7 default spacing on each item */
.cf7-project-type .wpcf7-list-item {
  margin: 0 !important;
  display: block;
}

/* Hide native radio circles completely */
.cf7-project-type input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Turn the label into a pill */
.cf7-project-type label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  transition: border-color .2s, background-color .2s, color .2s, box-shadow .2s;
  font-weight: 600;
}

/* Reset the inner text span CF7 adds */
.cf7-project-type .wpcf7-list-item-label {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100%;
  text-align: center;
}

/* Active (selected) pill */
.cf7-project-type input[type="radio"]:checked + .wpcf7-list-item-label {
  background-color: #F5F7FB;
  color: #0A192F;
  font-weight: 700;
}

/* For modern browsers: draw active border on the label itself */
.cf7-project-type label:has(input[type="radio"]:checked) {
  border-color: #0A192F;
  box-shadow: 0 0 0 3px rgba(10,25,47,0.10) inset;
}

/* Hover */
.cf7-project-type label:hover { border-color: #cfd3da; }

/* Kill any theme lines above the group (e.g., Blocksy/Astra) */
.entry-content .cf7-project-type { border-top: 0 !important; }

/* Submit Button */
.cf7-minimal input[type="submit"] {
  background: #0A192F;
  color: #fff;
  border: none;
  padding: 12px 28px;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.cf7-minimal input[type="submit"]:hover { background: #172A45; }

/* Narrow phones: comfy tap targets */
@media (max-width: 420px) {
  .cf7-minimal input,
  .cf7-minimal textarea { padding: 14px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23894d5 *//* ===== CF7 Minimal: Responsive Layout ===== */
.cf7-minimal {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* two-column rows on desktop */
.cf7-minimal .cf7-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* labels + inputs */
.cf7-minimal label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.cf7-minimal .wpcf7-form-control {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 1.4;
  box-sizing: border-box;
}

/* textarea full width and comfortable height */
.cf7-minimal textarea.wpcf7-form-control {
  min-height: 160px;
  resize: vertical;
}

/* Project type radios → nice pills, wrap on small screens */
.cf7-minimal .cf7-project-type {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0 4px;
}

/* CF7 wraps each radio in .wpcf7-list-item */
.cf7-minimal .cf7-project-type .wpcf7-list-item {
  margin: 0; /* remove default CF7 gaps */
  flex: 1 1 calc(50% - 10px); /* two per row on tablet */
  min-width: 220px;           /* prevents items getting too small */
}

/* Make the label look like a selectable chip/pill */
.cf7-minimal .cf7-project-type .wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}

/* When a radio is checked, highlight its label */
.cf7-minimal .cf7-project-type input[type="radio"]:checked + .wpcf7-list-item-label {
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.06) inset;
}

/* Submit button */
.cf7-minimal input[type="submit"] {
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
  border: none;
  background: #111;
  color: #fff;
  cursor: pointer;
}

/* ===== Breakpoints ===== */

/* Tablet: keep two columns but give more breathing room if needed */
@media (max-width: 1024px) {
  .cf7-minimal .cf7-row {
    gap: 14px;
  }
}

/* Phone: stack into one column; project-type becomes one per row */
@media (max-width: 768px) {
  .cf7-minimal .cf7-row {
    grid-template-columns: 1fr;  /* stack */
  }
  .cf7-minimal .cf7-project-type .wpcf7-list-item {
    flex: 1 1 100%;              /* one per row */
  }
  .cf7-minimal input[type="submit"] {
    width: 100%;
  }
}

/* Small phones: slightly larger tap targets */
@media (max-width: 420px) {
  .cf7-minimal .wpcf7-form-control {
    padding: 12px 14px;
  }
  .cf7-minimal .cf7-project-type .wpcf7-list-item-label {
    padding: 12px 14px;
  }
  /* === CF7 Project Type — CLEAN + RESPONSIVE === */
.cf7-minimal .cf7-project-type {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 per row on desktop */
  gap: 14px;
  margin: 8px 0 4px;
}

/* remove default CF7 spacing */
.cf7-minimal .cf7-project-type .wpcf7-list-item { margin: 0; }

/* hide native radio */
.cf7-minimal .cf7-project-type input[type="radio"] {
  position: absolute;
  width: 0; height: 0;
  opacity: 0; pointer-events: none;
}

/* make the entire label the chip */
.cf7-minimal .cf7-project-type label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;         /* single border here */
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
}

/* reset the inner span so it doesn't draw another rounded border */
.cf7-minimal .cf7-project-type .wpcf7-list-item-label {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* checked state (uses :has which is supported in modern Chromium/Firefox/Safari) */
.cf7-minimal .cf7-project-type label:has(input[type="radio"]:checked) {
  border-color: #111;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08) inset;
}

/* hover/focus states */
.cf7-minimal .cf7-project-type label:hover { border-color: #cfcfcf; }
.cf7-minimal .cf7-project-type label:focus-within {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 3px rgba(0,0,0,.12);
}

/* === Breakpoints === */
/* tablet: 2 per row */
@media (max-width: 1024px) {
  .cf7-minimal .cf7-project-type {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* phone: 1 per row, full-width */
@media (max-width: 640px) {
  .cf7-minimal .cf7-project-type {
    grid-template-columns: 1fr;
  }/* === CF7 Project Type — Auto-fit grid, no rogue radios/lines === */
.cf7-minimal .cf7-project-type{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); /* desktop 3–4 per row, tablet 2–3, phone 1 */
  gap:14px;
  margin:8px 0 4px;
  border:0 !important;             /* kill theme borders */
}
.cf7-minimal .cf7-project-type::before,
.cf7-minimal .cf7-project-type::after{ content:none !important; } /* kill theme separators */

/* CF7 default spacing off; make each item a grid cell */
.cf7-minimal .cf7-project-type .wpcf7-list-item{
  margin:0 !important;
  display:block;
}

/* Fully hide the native radio (some themes force visibility) */
.cf7-minimal .cf7-project-type input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  width:0 !important; height:0 !important;
  margin:0 !important;
  pointer-events:none !important;
  appearance:none !important;
}

/* The chip */
.cf7-minimal .cf7-project-type label{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border:2px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
  transition:border-color .15s, box-shadow .15s, background-color .15s;
  box-shadow:none;                         /* neutralize theme button shadows */
}

/* Reset inner span so it doesn't draw another pill */
.cf7-minimal .cf7-project-type .wpcf7-list-item-label{
  display:block;
  width:100%;
  text-align:center;
  font-weight:600;
  padding:0 !important; margin:0 !important;
  border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
}

/* Checked/hover/focus */
.cf7-minimal .cf7-project-type label:has(input[type="radio"]:checked){
  border-color:#111;
  box-shadow:0 0 0 3px rgba(0,0,0,.08) inset;
}
.cf7-minimal .cf7-project-type label:hover{ border-color:#cfcfcf; }
.cf7-minimal .cf7-project-type label:focus-within{
  outline:2px solid transparent;
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}

/* Optional: tighter min width on very small tablets */
@media (max-width:900px){
  .cf7-minimal .cf7-project-type{
    grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
  }
}
@media (m

}


}/* End custom CSS */