.elementor-179 .elementor-element.elementor-element-808d55a{--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-179 .elementor-element.elementor-element-4fe85a3{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-179 .elementor-element.elementor-element-a926afa{--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-179 .elementor-element.elementor-element-4055737{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-179 .elementor-element.elementor-element-de5fa87{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-179 .elementor-element.elementor-element-a58ef7e{width:var( --container-widget-width, 101.17% );max-width:101.17%;--container-widget-width:101.17%;--container-widget-flex-grow:0;}.elementor-179 .elementor-element.elementor-element-a58ef7e.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for container, class: .elementor-element-4fe85a3 */img {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b98bfde */@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

/* =========================================
   CONTACT FORM 7 — CUSTOM STYLE
========================================= */

/* --- Grid layout --- */
.wpcf7 .rcf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  font-family: 'Outfit', sans-serif;
}

.wpcf7 .rcf-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 0;
}

.wpcf7 .rcf-full {
  grid-column: 1 / -1;
}

/* =========================================
   LABELS
========================================= */

.wpcf7 .rcf-label {
  font-family: 'Outfit', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: #1a3a5c;
  letter-spacing: 0.01em;
  display: block;
}

.wpcf7 .rcf-req {
  color: #E05C00;
  font-weight: 600;
}

/* =========================================
   INPUTS / SELECT / TEXTAREA
========================================= */

.wpcf7 .rcf-field input[type="text"],
.wpcf7 .rcf-field input[type="email"],
.wpcf7 .rcf-field input[type="tel"],
.wpcf7 .rcf-field select,
.wpcf7 .rcf-field textarea {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  width: 100%;
  background: #F4F5F8;
  border: 1.5px solid transparent;
  border-radius: 8px;
  padding: 10px 14px;
  color: #1a3a5c;
  outline: none;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

/* Placeholder */
.wpcf7 .rcf-field input::placeholder,
.wpcf7 .rcf-field textarea::placeholder {
  color: #9CA3AF;
  font-size: 13.5px;
}

/* Focus */
.wpcf7 .rcf-field input:focus,
.wpcf7 .rcf-field select:focus,
.wpcf7 .rcf-field textarea:focus {
  border-color: #E05C00;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 92, 0, 0.12);
  transform: translateY(-1px);
}

/* =========================================
   SELECT ARROW
========================================= */

.wpcf7 .rcf-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E05C00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
  cursor: pointer;
}

/* =========================================
   TEXTAREA
========================================= */

.wpcf7 .rcf-field textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.6;
}

/* =========================================
   SUBMIT AREA
========================================= */

.wpcf7 .rcf-submit-wrap {
  grid-column: 1 / -1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wpcf7 .rcf-submit-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: fit-content;
}

.wpcf7 .rcf-submit-inner > p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/* =========================================
   SUBMIT BUTTON
========================================= */

.wpcf7 .rcf-submit-inner input[type="submit"] {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 600;

  background: linear-gradient(
    135deg,
    #E05C00,
    #c94f00
  );

  color: #ffffff;
  border: none;
  border-radius: 10px;

  padding: 13px 37px;
  cursor: pointer;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    opacity 0.22s ease;

  box-shadow:
    0 10px 25px rgba(224, 92, 0, 0.22);

  position: relative;
  overflow: hidden;
}

/* Hover */
.wpcf7 .rcf-submit-wrap input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 30px rgba(224, 92, 0, 0.28);
}

/* Active */
.wpcf7 .rcf-submit-wrap input[type="submit"]:active {
  transform: scale(0.98);
}

/* =========================================
   PRIVACY TEXT
========================================= */

.wpcf7 .rcf2-privacy,
.wpcf7 .rcf2-privacy p {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;

  font-family: 'Outfit', sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  color: #9CA3AF;

  margin: 0;
  padding: 0;
}

.wpcf7 .rcf2-privacy svg {
  display: inline-block;
  width: 13px;
  height: 13px;
  min-width: 13px;

  stroke: #9CA3AF;
  fill: none;
  stroke-width: 2;
}

.wpcf7 .rcf2-privacy br {
  display: none;
}

/* =========================================
   SUCCESS MESSAGE
========================================= */

.wpcf7 form.sent .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 16px 18px;

  border-radius: 14px;

  border: 1px solid rgba(224, 92, 0, 0.18);

  background:
    linear-gradient(
      135deg,
      rgba(224, 92, 0, 0.08),
      rgba(224, 92, 0, 0.03)
    );

  color: #1a3a5c;

  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;

  text-align: center;

  box-shadow:
    0 10px 30px rgba(224, 92, 0, 0.08);

  position: relative;
  overflow: hidden;

  animation: rcfFadeUp 0.45s ease;
}

/* Left accent bar */
.wpcf7 form.sent .wpcf7-response-output::before {
  content: "";

  position: absolute;
  left: 0;
  top: 0;

  width: 4px;
  height: 100%;

  background: #E05C00;
}

/* Check icon */
.wpcf7 form.sent .wpcf7-response-output::after {
  content: "✓";

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 22px;
  height: 22px;

  margin-left: 10px;

  border-radius: 50%;

  background: #E05C00;
  color: #fff;

  font-size: 12px;
  font-weight: 700;
}

/* =========================================
   ERROR MESSAGE
========================================= */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 16px;

  border-radius: 12px;

  background: rgba(220, 38, 38, 0.06);

  border: 1px solid rgba(220, 38, 38, 0.15);

  color: #b91c1c;

  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  font-weight: 600;

  animation: rcfFadeUp 0.35s ease;
}

/* =========================================
   VALIDATION ERROR TEXT
========================================= */

.wpcf7-not-valid-tip {
  margin-top: 6px;

  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;

  color: #dc2626;
}

/* =========================================
   SPINNER
========================================= */

.wpcf7-spinner {
  margin-top: 12px;
}

/* =========================================
   ANIMATIONS
========================================= */

@keyframes rcfFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 600px) {

  .wpcf7 .rcf-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .wpcf7 .rcf-submit-inner {
    width: 100%;
  }

  .wpcf7 .rcf-submit-inner input[type="submit"] {
    width: 100%;
    padding: 14px 20px;
  }

  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 13px;
    padding: 14px 16px;
  }

}/* End custom CSS */