.elementor-1628 .elementor-element.elementor-element-db3915a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:270px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1628 .elementor-element.elementor-element-db3915a:not(.elementor-motion-effects-element-type-background), .elementor-1628 .elementor-element.elementor-element-db3915a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://connectout.org/wp-content/uploads/2020/05/pattern.jpg");background-position:center center;background-repeat:repeat;background-size:auto;}.elementor-1628 .elementor-element.elementor-element-db3915a::before, .elementor-1628 .elementor-element.elementor-element-db3915a > .elementor-background-video-container::before, .elementor-1628 .elementor-element.elementor-element-db3915a > .e-con-inner > .elementor-background-video-container::before, .elementor-1628 .elementor-element.elementor-element-db3915a > .elementor-background-slideshow::before, .elementor-1628 .elementor-element.elementor-element-db3915a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1628 .elementor-element.elementor-element-db3915a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#121619;--background-overlay:'';}.elementor-1628 .elementor-element.elementor-element-f287961{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1628 .elementor-element.elementor-element-f287961 .elementor-heading-title{font-size:60px;font-weight:800;line-height:1.2em;color:var( --e-global-color-blocksy_palette_5 );}.elementor-1628 .elementor-element.elementor-element-7ab7fc9{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-size:16px;color:var( --e-global-color-blocksy_palette_5 );}.elementor-1628 .elementor-element.elementor-element-7ab7fc9.elementor-element{--align-self:center;}.elementor-1628 .elementor-element.elementor-element-ed6e18a{--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;--padding-top:27px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1628 .elementor-element.elementor-element-8db0b3b{--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-1628 .elementor-element.elementor-element-ba8881d{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1628 .elementor-element.elementor-element-c960707{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1628 .elementor-element.elementor-element-c960707.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1628 .elementor-element.elementor-element-f10ed96{width:100%;max-width:100%;}.elementor-1628 .elementor-element.elementor-element-f10ed96.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1628 .elementor-element.elementor-element-f10ed96 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-1628 .elementor-element.elementor-element-1bb9c15{--display:flex;}.elementor-1628 .elementor-element.elementor-element-3298521{--spacer-size:100px;}.elementor-1628 .elementor-element.elementor-element-0015136{--display:flex;}@media(min-width:768px){.elementor-1628 .elementor-element.elementor-element-8db0b3b{--width:50%;}.elementor-1628 .elementor-element.elementor-element-c960707{--width:45%;}}@media(max-width:1024px){.elementor-1628 .elementor-element.elementor-element-db3915a{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:170px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-1628 .elementor-element.elementor-element-7ab7fc9{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-1628 .elementor-element.elementor-element-f287961 .elementor-heading-title{font-size:48px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-f10ed96 *//* ==========================================================
   CONNEC'TOUT - FLUENT FORMS PREMIUM UI (FINAL FIX)
   Bigger typography + Better contrast + Responsive
   ========================================================== */

#ct-form {
  font-family: "Myriad Pro";
}

/* MAIN FORM */
#ct-form .fluentform {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(10, 20, 60, 0.08);
  border-radius: 28px;
  padding: 40px 40px 34px;
  box-shadow: 0 18px 60px rgba(10, 20, 60, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* GLOBAL TEXT INSIDE FORM */
#ct-form .fluentform,
#ct-form .fluentform * {
  font-family: "Myriad Pro" !important;
}

/* FORM TITLE */
#ct-form .fluentform h2,
#ct-form .fluentform h3,
#ct-form .fluentform .ff-el-section-break h3 {
  font-size: 26px !important;
  font-weight: 950 !important;
  color: #08102a !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.02em;
}

/* SUBTITLE */
#ct-form .fluentform p,
#ct-form .fluentform .ff-el-section-break p {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  color: rgba(8, 16, 42, 0.75) !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* LABELS (IMPORTANT FIX) */
#ct-form .fluentform label,
#ct-form .fluentform .ff-el-input--label label,
#ct-form .fluentform .ff-el-input--label {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: rgba(8, 16, 42, 0.92) !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.01em !important;
}

/* REQUIRED STAR */
#ct-form .fluentform .ff-el-input--label .ff-el-required {
  color: #ff4d6d !important;
  font-weight: 900 !important;
  margin-left: 6px !important;
}

/* INPUTS / SELECT / TEXTAREA */
#ct-form .fluentform input[type="text"],
#ct-form .fluentform input[type="email"],
#ct-form .fluentform input[type="tel"],
#ct-form .fluentform select,
#ct-form .fluentform textarea {
  background: rgba(245, 248, 255, 0.80) !important;
  border: 1px solid rgba(8, 16, 42, 0.10) !important;
  border-radius: 16px !important;

  padding: 16px 18px !important;
  font-size: 16.5px !important;
  font-weight: 500 !important;

  color: rgba(8, 16, 42, 0.92) !important;
  outline: none !important;
  box-shadow: none !important;

  transition: all 0.25s ease;
}

/* PLACEHOLDER */
#ct-form .fluentform input::placeholder,
#ct-form .fluentform textarea::placeholder {
  font-size: 15.5px !important;
  color: rgba(8, 16, 42, 0.50) !important;
  font-weight: 500 !important;
}

/* TEXTAREA */
#ct-form .fluentform textarea {
  min-height: 170px !important;
  resize: vertical;
}

/* FOCUS STATE */
#ct-form .fluentform input:focus,
#ct-form .fluentform select:focus,
#ct-form .fluentform textarea:focus {
  border-color: rgba(31, 92, 255, 0.65) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 0 0 5px rgba(31, 92, 255, 0.14) !important;
}

/* FIELD SPACING */
#ct-form .fluentform .ff-el-group {
  margin-bottom: 22px !important;
}

/* FIX ROW SPACING (for 2 columns fields like Prénom/Nom) */
#ct-form .fluentform .ff-el-row {
  margin-bottom: 14px !important;
}

/* BUTTON AREA ALIGN LEFT */
#ct-form .fluentform .ff_submit_btn_wrapper {
  text-align: left !important;
  margin-top: 22px !important;
}

/* SUBMIT BUTTON */
#ct-form .fluentform button.ff-btn-submit {
  background: linear-gradient(135deg, #1f5cff, #1a4ee6) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: white !important;

  font-size: 16px !important;
  font-weight: 950 !important;

  border-radius: 16px !important;
  padding: 14px 22px !important;

  width: auto !important;
  min-width: unset !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  cursor: pointer !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  box-shadow: 0 18px 55px rgba(31, 92, 255, 0.30) !important;
}

/* BUTTON ICON */
#ct-form .fluentform button.ff-btn-submit::after {
  content: "➤";
  font-size: 16px;
  opacity: 0.95;
  transform: translateY(1px);
}

/* BUTTON HOVER */
#ct-form .fluentform button.ff-btn-submit:hover {
  transform: translateY(-2px) scale(1.02);
  background: linear-gradient(135deg, #2b6bff, #1f5cff) !important;
  box-shadow: 0 26px 70px rgba(31, 92, 255, 0.38) !important;
}

/* BUTTON ACTIVE */
#ct-form .fluentform button.ff-btn-submit:active {
  transform: translateY(0px) scale(0.98);
}

/* REMOVE DEFAULT FLUENT FORMS SHADOWS */
#ct-form .fluentform .ff-el-form-control {
  box-shadow: none !important;
}

/* ERROR MESSAGES */
#ct-form .fluentform .ff-el-is-error input,
#ct-form .fluentform .ff-el-is-error textarea,
#ct-form .fluentform .ff-el-is-error select {
  border-color: rgba(255, 77, 109, 0.55) !important;
  box-shadow: 0 0 0 5px rgba(255, 77, 109, 0.12) !important;
}

#ct-form .fluentform .error {
  font-size: 14px !important;
  font-weight: 650 !important;
  color: rgba(255, 77, 109, 0.95) !important;
}

/* SUCCESS MESSAGE */
#ct-form .fluentform .ff-message-success {
  border-radius: 16px;
  font-size: 15px !important;
  font-weight: 750;
  background: rgba(31, 92, 255, 0.10);
  border: 1px solid rgba(31, 92, 255, 0.20);
  color: rgba(8, 16, 42, 0.90);
  padding: 14px 16px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  #ct-form .fluentform {
    padding: 30px 18px 26px;
    border-radius: 22px;
  }

  #ct-form .fluentform h2,
  #ct-form .fluentform h3 {
    font-size: 22px !important;
  }

  #ct-form .fluentform label,
  #ct-form .fluentform .ff-el-input--label label,
  #ct-form .fluentform .ff-el-input--label {
    font-size: 15px !important;
  }

  #ct-form .fluentform input[type="text"],
  #ct-form .fluentform input[type="email"],
  #ct-form .fluentform input[type="tel"],
  #ct-form .fluentform select,
  #ct-form .fluentform textarea {
    font-size: 16px !important;
    padding: 15px 16px !important;
  }

  #ct-form .fluentform button.ff-btn-submit {
    font-size: 15.5px !important;
    padding: 13px 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS */body {
  background: radial-gradient(circle at 15% 18%, rgba(31, 92, 255, 0.18), transparent 60%),
              radial-gradient(circle at 90% 22%, rgba(255, 77, 109, 0.12), transparent 62%),
              radial-gradient(circle at 55% 95%, rgba(255, 200, 61, 0.10), transparent 65%),
              linear-gradient(180deg, #f8fbff 0%, #ffffff 70%, #f7faff 100%) !important;

  background-attachment: fixed !important;
}

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  background: transparent !important;
}/* End custom CSS */