.elementor-8533 .elementor-element.elementor-element-da370b4{--display:flex;}.elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--down{top:0px;}.elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--both{top:0px;}#wpadminbar ~ .elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--down, #wpadminbar ~ * .elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--down{top:calc(0px + var(--wpadminbar-height, 0px));}#wpadminbar ~ .elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--both, #wpadminbar ~ * .elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled.sticky-pinned.jkit-sticky-element-on--both{top:calc(0px + var(--wpadminbar-height, 0px));}.elementor-8533 .elementor-element.elementor-element-da370b4.elementor-element.e-flex.jkit-sticky-element--enabled{z-index:100;}.elementor-8533 .elementor-element.elementor-element-2f34f1c .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}#elementor-popup-modal-8533{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8533 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-8533 .dialog-close-button{display:flex;}#elementor-popup-modal-8533 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-da370b4 *//* =========================================================

   FLUENT FORMS - PRO POLISH UI (CLEAN + OPTIMIZED)

========================================================= */



/* Form container */

.fluentform {

  max-width: 920px;

  width: 100%;

  margin: 0 auto;

  padding: 28px;

  background: #fff;

  border: 1px solid rgba(0,0,0,.08);

  border-radius: 18px;

  box-shadow: 0 10px 30px rgba(0,0,0,.08);

  box-sizing: border-box;

}



/* Headings */

.fluentform h1,

.fluentform h2,

.fluentform h3 {

  margin: 0 0 10px;

  line-height: 1.2;

}



/* Labels */

.fluentform .ff-el-input--label label,

.fluentform .ff-el-group label {

  font-size: 15px;

  font-weight: 600;

  color: #111827;

  margin-bottom: 6px;

  line-height: 1.3;

}



/* Help text */

.fluentform .ff-el-help-text {

  font-size: 13px;

  color: #6b7280;

  margin-top: 6px;

}



/* Inputs */

.fluentform .ff-el-form-control,

.fluentform input[type="text"],

.fluentform input[type="email"],

.fluentform input[type="tel"],

.fluentform input[type="url"],

.fluentform input[type="number"],

.fluentform select,

.fluentform textarea {

  width: 100% !important;

  height: 46px;

  padding: 12px 14px;

  font-size: 16px;

  color: #111827;

  background: #fff;

  border: 1px solid rgba(0,0,0,.16);

  border-radius: 12px;

  outline: none;

  box-sizing: border-box;

  transition: border-color .2s ease, box-shadow .2s ease;

}



/* Textarea */

.fluentform textarea {

  min-height: 110px;

  max-height: 180px;

  resize: vertical;

  line-height: 1.5;

}



/* Focus */

.fluentform input:focus,

.fluentform select:focus,

.fluentform textarea:focus {

  border-color: rgba(37,99,235,.65);

  box-shadow: 0 0 0 4px rgba(37,99,235,.15);

}



/* Placeholder */

.fluentform ::placeholder {

  color: rgba(107,114,128,.85);

}



/* Spacing */

.fluentform .ff-el-group {

  margin-bottom: 14px;

}



/* Desktop half columns */

@media (min-width:768px){

  .fluentform .ff-el-group.ff-el-group--half{padding-right:10px}

  .fluentform .ff-el-group.ff-el-group--half:nth-child(even){

    padding-right:0;

    padding-left:10px

  }

}



/* =========================================================

   SUBMIT BUTTON (FIXED SHADOW COLOR)

========================================================= */



.fluentform .ff-btn-submit,

.fluentform button.ff-btn-submit,

.fluentform input.ff-btn-submit{



  background:#712C6B !important;

  color:#fff !important;



  border:none !important;

  border-radius:14px !important;



  padding:14px 22px !important;

  font-size:16px !important;

  font-weight:700 !important;



  cursor:pointer;

  min-height:52px;

  letter-spacing:.2px;



  /* PURPLE SHADOW */

  box-shadow:0 12px 24px rgba(113,44,107,.35) !important;



  transition:all .15s ease;

}



.fluentform .ff-btn-submit:hover{

  transform:translateY(-2px);

  box-shadow:0 16px 30px rgba(113,44,107,.45) !important;

}



.fluentform .ff-btn-submit:active{

  transform:translateY(0);

}



/* Submit wrapper */

.fluentform .ff_submit_btn_wrapper{

  margin-top:16px;

}



/* Required asterisk */

.fluentform .ff-el-required{

  color:#ef4444 !important;

}



/* Errors */

.fluentform .ff-el-is-error .ff-el-form-control{

  border-color:rgba(239,68,68,.75) !important;

  box-shadow:0 0 0 4px rgba(239,68,68,.12) !important;

}



.fluentform .ff-el-error{

  font-size:13px;

  color:#ef4444;

}



/* Divider */

.fluentform hr{

  border:0;

  height:1px;

  background:rgba(0,0,0,.10);

  margin:16px 0 18px;

}



/* Autofill fix */

.fluentform input:-webkit-autofill{

  -webkit-box-shadow:0 0 0 1000px #fff inset !important;

}

/* =========================================================
   MOBILE 2-COLUMN LAYOUT (PERFECT FIX)
========================================================= */

@media (max-width: 768px) {

  /* FORM CONTAINER */
  .fluentform {
    width: 100% !important;
    padding: 12px !important;
  }

  /* GRID SYSTEM */
  .fluentform .ff-t-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  /* EACH FIELD TAKES 1 COLUMN */
  .fluentform .ff-el-group {
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* NAME FIELD FIX (MOST IMPORTANT) */
  .fluentform .ff-el-type-name .ff-t-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .fluentform .ff-name-first-name,
  .fluentform .ff-name-last-name {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* INPUT FIX (NO SHRINKING EVER) */
  .fluentform input,
  .fluentform select,
  .fluentform textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 46px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  /* TEXTAREA FULL WIDTH */
  .fluentform .ff-el-group.ff-el-type-textarea {
    grid-column: span 2 !important;
  }

  /* CHECKBOX FULL WIDTH */
  .fluentform .ff-el-group.ff-el-type-checkbox {
    grid-column: span 2 !important;
  }

  /* SUBMIT BUTTON FULL WIDTH */
  .fluentform .ff_submit_btn_wrapper {
    grid-column: span 2 !important;
    width: 100% !important;
  }

  .fluentform .ff-btn-submit {
    width: 100% !important;
    height: 52px !important;
    font-size: 18px !important;
  }

  /* LABEL CLEAN */
  .fluentform label {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */