.elementor-12688 .elementor-element.elementor-element-a41a8b9{--display:flex;--min-height:100vh;--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;--overlay-opacity:0;--margin-top:0px;--margin-bottom:090px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12688 .elementor-element.elementor-element-a41a8b9:not(.elementor-motion-effects-element-type-background), .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fulfillmen.com/wp-content/uploads/2025/11/sign-in-page-03-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-12688 .elementor-element.elementor-element-a41a8b9::before, .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .elementor-background-video-container::before, .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .elementor-background-slideshow::before, .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-12688 .elementor-element.elementor-element-a41a8b9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12688 .elementor-element.elementor-element-f9c35b2 > .elementor-widget-container{margin:0px 0px 0px 730px;}.elementor-12688 .elementor-element.elementor-element-29b02fa{--display:flex;}.elementor-12688 .elementor-element.elementor-element-29b02fa:not(.elementor-motion-effects-element-type-background), .elementor-12688 .elementor-element.elementor-element-29b02fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1A7E8D 0%, #1A7E8D 100%);}@media(min-width:768px){.elementor-12688 .elementor-element.elementor-element-a41a8b9{--width:100%;}}@media(max-width:767px){.elementor-12688 .elementor-element.elementor-element-a41a8b9:not(.elementor-motion-effects-element-type-background), .elementor-12688 .elementor-element.elementor-element-a41a8b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fulfillmen.com/wp-content/uploads/2025/03/Background2-768x512.jpg");}.elementor-12688 .elementor-element.elementor-element-a41a8b9{--min-height:65vh;}.elementor-12688 .elementor-element.elementor-element-29b02fa{--min-height:1193px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12688 .elementor-element.elementor-element-c73b2b2 > .elementor-widget-container{margin:30px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-f9c35b2 *//* Change placeholder text color to white for all input fields */
.fluentform input::placeholder,
.fluentform textarea::placeholder,
.fluentform select::placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* For select dropdowns showing placeholder text */
.fluentform select option[value=""][disabled] {
    color: white !important;
}

/* Alternative .elementor-12688 .elementor-element.elementor-element-f9c35b2 if the above doesn't work */
.ff-el-form-control::placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* For phone number input field */
.fluentform .iti__tel-input::placeholder {
    color: white !important;
    opacity: 1 !important;
}
/* Change placeholder text color to white for all input fields */
.fluentform input::placeholder,
.fluentform textarea::placeholder,
.fluentform select::placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* For select dropdowns - change the actual select text color when showing placeholder */
.fluentform select {
    color: white !important;
}

/* Make the selected option text visible (not white) when an option is chosen */
.fluentform select:not([value=""]) {
    color: #333 !important;
}

/* For select dropdowns showing placeholder text */
.fluentform select option {
    color: #333 !important;
}

.fluentform select option:first-child {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Alternative .elementor-12688 .elementor-element.elementor-element-f9c35b2s for Fluent Forms */
.ff-el-form-control::placeholder {
    color: white !important;
    opacity: 1 !important;
}

.ff-el-form-control select {
    color: white !important;
}

/* For phone number input field */
.fluentform .iti__tel-input::placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* Additional targeting for select fields with specific classes */
select.ff-el-form-control {
    color: white !important;
}

/* When a value is selected, make it readable */
select.ff-el-form-control option:checked {
    color: #333 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41a8b9 *//* === Frosted Glass Style for Fluent Forms === */
.fluentform {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  color: #e9f7f8; /* light teal text */
}

/* Input Fields */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="password"],
.fluentform input[type="url"],
.fluentform input[type="number"],
.fluentform input[type="tel"],
.fluentform select,
.fluentform textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  padding: 10px 12px;
  color: #f7fdfd; /* text entered by user */
  font-size: 15px;
  outline: none;
}

/* Placeholder text color */
.fluentform ::placeholder {
  color: #ffffff; /* white placeholder text */
  opacity: 1;
}

/* Labels */
.fluentform label,
.fluentform .ff-el-label {
  color: #222 !important;
  font-weight: 500;
  font-size: 14px;
}

/* Checkbox + Radio labels */
.fluentform .ff-el-checkbox label,
.fluentform .ff-el-radio label {
  color: #222 !important;
}

/* Submit Button */
.fluentform .ff-btn {
  background-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 6px;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.3s ease;
}

.fluentform .ff-btn:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

/* Error messages */
.fluentform .ff-el-error-message {
  color: #ffcccc !important;
}

/* Confirmation / Success Message */
.fluentform .ff-el-form-message {
  background: rgba(255, 255, 255, 0.25);
  color: #f0fdfd;
  border-radius: 6px;
  padding: 10px 15px;
  text-align: center;
}/* End custom CSS */