.elementor-3603 .elementor-element.elementor-element-599ca03{--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;}.elementor-3603 .elementor-element.elementor-element-388deb3{--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-3603 .elementor-element.elementor-element-388deb3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3603 .elementor-element.elementor-element-4bc1865{--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-3603 .elementor-element.elementor-element-4907ffd{--display:flex;}.elementor-3603 .elementor-element.elementor-element-3667bd4{--display:flex;}.elementor-3603 .elementor-element.elementor-element-24c04eb{--display:flex;}.elementor-3603 .elementor-element.elementor-element-def77d1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:48px;--n-tabs-gap:0px;--n-tabs-title-color:#FFFFFF;--n-tabs-icon-size:0px;--n-tabs-icon-gap:0px;}.elementor-3603 .elementor-element.elementor-element-def77d1 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-3603 .elementor-element.elementor-element-def77d1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3603 .elementor-element.elementor-element-def77d1.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3603 .elementor-element.elementor-element-def77d1.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}body.elementor-page-3603 .page-wrapper{overflow:hidden;}@media(min-width:768px){.elementor-3603 .elementor-element.elementor-element-388deb3{--width:50.456%;}.elementor-3603 .elementor-element.elementor-element-4bc1865{--width:50%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-def77d1 *//* ============================================================
   ULTRA PREMIUM FULL SYSTEM CSS FOR FLUENT FORM #6
   This styles: Inputs, selects, checkboxes, file upload,
   choices.js dropdowns, date pickers, color pickers,
   section titles, tier boxes, phone .elementor-3603 .elementor-element.elementor-element-def77d1, submit button
   — EVERYTHING polished.
===============================================================*/


/* FORM WRAPPER */
form#fluentform_6 {
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(22px) saturate(180%);
  padding: 50px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 25px 55px rgba(0,0,0,0.35);
  max-width: 1020px;
  margin: auto;
  animation: fadeUp 0.7s ease;
}


/* SECTION HEADERS (Tier, Project Overview, etc.) */
#fluentform_6 .ff-custom_html p strong,
#fluentform_6 .ff-custom_html h1,
#fluentform_6 .ff-custom_html h2,
#fluentform_6 .ff-custom_html h3 {
  color: #ffffff !important;
  font-size: 24px !important;
  margin-top: 35px !important;
  margin-bottom: 8px !important;
  font-weight: 700;
  letter-spacing: 0.6px;
}

#fluentform_6 .ff-custom_html p {
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  margin-bottom: 15px;
}


/* GROUP SPACING */
#fluentform_6 .ff-el-group {
  margin-bottom: 28px !important;
}


/* LABELS */
#fluentform_6 label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.9) !important;
  margin-bottom: 7px !important;
  display: block;
  letter-spacing: 0.4px;
}


/* INPUTS / TEXTAREAS / SELECT */
#fluentform_6 .ff-el-form-control {
  width: 100% !important;
  padding: 16px 20px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  color: #fff !important;
  transition: 0.25s ease !important;
  outline: none !important;
}

/* Placeholder */
#fluentform_6 .ff-el-form-control::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* Focus */
#fluentform_6 .ff-el-form-control:focus {
  background: rgba(255,255,255,0.15) !important;
  border-color: #5ecbff !important;
  box-shadow: 0 0 0 5px rgba(94,203,255,0.25) !important;
  transform: translateY(-2px) !important;
}



/* ============================================================
   PHONE FIELD (intl-tel-input)
===============================================================*/
#fluentform_6 .iti__selected-country {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 12px 0 0 12px !important;
  padding-left: 12px;
}

#fluentform_6 .iti__selected-dial-code {
  color: #fff !important;
}

#fluentform_6 .iti__country-list {
  background: rgba(0,0,0,0.75) !important;
  backdrop-filter: blur(14px);
}

#fluentform_6 .iti__country-name,
#fluentform_6 .iti__dial-code {
  color: #fff !important;
}



/* ============================================================
   MULTI-SELECT — Choices.js Style Upgrade
===============================================================*/
#fluentform_6 .choices__inner {
  background: rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  padding: 12px 16px !important;
  min-height: 54px;
}

#fluentform_6 .choices__list--multiple .choices__item {
  background: linear-gradient(135deg, #00b4ff, #00e1ff) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 7px 14px !important;
  margin: 4px !important;
  font-size: 13px !important;
  border: none !important;
}

#fluentform_6 .choices__list--dropdown {
  background: rgba(0,0,0,0.85) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  backdrop-filter: blur(14px);
}

#fluentform_6 .choices__item--choice {
  padding: 12px !important;
  color: #fff !important;
}

#fluentform_6 .choices__item--choice:hover {
  background: rgba(255,255,255,0.1) !important;
}



/* ============================================================
   CHECKBOX STYLING — BEAUTIFIED
===============================================================*/
#fluentform_6 .ff-el-form-check-input {
  accent-color: #00c6ff !important;
  width: 18px !important;
  height: 18px !important;
}

#fluentform_6 .ff-el-form-check-label span {
  color: rgba(255,255,255,0.85) !important;
  font-size: 15px !important;
  margin-left: 6px;
}



/* ============================================================
   DATE PICKER / COLOR PICKER
===============================================================*/
#fluentform_6 .flatpickr-calendar {
  background: rgba(0,0,0,0.85) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 16px !important;
}

#fluentform_6 .flatpickr-day {
  color: #fff !important;
}

#fluentform_6 input.ff-el-color {
  cursor: pointer !important;
  background: rgba(255,255,255,0.1) !important;
}



/* ============================================================
   FILE UPLOADS (Logo / Content)
===============================================================*/
#fluentform_6 .ff_upload_btn {
  background: linear-gradient(135deg, #00a2ff, #00d9ff) !important;
  color: #fff !important;
  padding: 12px 22px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  cursor: pointer;
  border: none !important;
  box-shadow: 0 10px 22px rgba(0,180,255,0.35);
  transition: 0.3s ease;
}

#fluentform_6 .ff_upload_btn:hover {
  transform: translateY(-3px);
}



/* ============================================================
   SUBMIT BUTTON — PREMIUM GLOW
===============================================================*/
#fluentform_6 .ff-btn-submit {
  padding: 18px 28px !important;
  width: 100% !important;
  font-size: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #0094ff, #00eaff) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 15px 35px rgba(0,150,255,0.45) !important;
  transition: 0.35s ease;
}

#fluentform_6 .ff-btn-submit:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(0,200,255,0.65) !important;
}

#fluentform_6 .ff-btn-submit:active {
  transform: scale(0.97);
}



/* OPENING ANIMATION */
@keyframes fadeUp {
  from {opacity:0; transform:translateY(12px);}
  to   {opacity:1; transform:translateY(0);}
}


/* MOBILE OPTIMIZATION */
@media (max-width: 600px) {
  form#fluentform_6 {
    padding: 28px !important;
  }
}/* End custom CSS */