.elementor-434 .elementor-element.elementor-element-5857ea8{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-434 .elementor-element.elementor-element-5857ea8:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-5857ea8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b96bd57 );}.elementor-434 .elementor-element.elementor-element-b81e094{--display:flex;}.elementor-434 .elementor-element.elementor-element-e6dcc6c .elementor-heading-title{color:var( --e-global-color-a567df4 );}.elementor-434 .elementor-element.elementor-element-2bacc0a{width:var( --container-widget-width, 15% );max-width:15%;background-color:var( --e-global-color-a567df4 );padding:10px 10px 10px 10px;--container-widget-width:15%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;}.elementor-434 .elementor-element.elementor-element-2bacc0a.elementor-element{--align-self:flex-start;}.elementor-434 .elementor-element.elementor-element-2bacc0a .woocommerce-breadcrumb{color:var( --e-global-color-4a5499b );}.elementor-434 .elementor-element.elementor-element-2bacc0a .woocommerce-breadcrumb > a{color:var( --e-global-color-secondary );}.elementor-434 .elementor-element.elementor-element-d7e800a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-434 .elementor-element.elementor-element-d7e800a:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-d7e800a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a567df4 );}@media(max-width:1366px){.elementor-434 .elementor-element.elementor-element-2bacc0a{--container-widget-width:217px;--container-widget-flex-grow:0;width:var( --container-widget-width, 217px );max-width:217px;}}@media(max-width:767px){.elementor-434 .elementor-element.elementor-element-d7e800a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS */.fluentform {
background: black;
  border: 1px solid #222;
  border-radius: 20px;
  padding: 40px 30px;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.08);
  color: #fff;
}

/* form heading */
.fluentform h3, 
.fluentform h2, 
.fluentform h4 {
  color: #FFD700; /* golden */
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

/* labels */
.fluentform label {
  color: #FFD700;
  font-weight: 600;
  margin-bottom: 6px;
}

/* input fields */
.fluentform input[type=text],
.fluentform input[type=email],
.fluentform input[type=url],
.fluentform input[type=number],
.fluentform input[type=date],
.fluentform textarea,
.fluentform select {
  width: 100%;
  background: #111;
  border: 1px solid #333;
  color: #fff;
  border-radius: 10px;
  padding: 12px 14px;
  transition: all 0.3s ease;
}

.fluentform input:focus,
.fluentform textarea:focus,
.fluentform select:focus {
  border-color: #ff0033; /* red focus */
  box-shadow: 0 0 8px rgba(255, 0, 51, 0.5);
  outline: none;
}

/* checkbox + radio */
.fluentform input[type=checkbox],
.fluentform input[type=radio] {
  accent-color: #FFD700;
  transform: scale(1.2);
}

/* submit button */
.fluentform .ff-btn-submit {
  background: linear-gradient(135deg, #ff0000, #cc0000);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 50px;
  border: none;
  padding: 12px 28px;
  margin-top: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(255, 0, 0, 0.25);
}

.fluentform .ff-btn-submit:hover {
  background: linear-gradient(135deg, #FFD700, #ff0000);
  box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
  transform: translateY(-3px);
}

/* validation + success message */
.ff-message-success {
  background: rgba(255, 215, 0, 0.15);
  color: #FFD700;
  border: 1px solid #FFD700;
  border-radius: 10px;
  padding: 10px 15px;
  font-weight: 600;
}

.ff-message-error {
  background: rgba(255, 0, 0, 0.15);
  color: #ff4d4d;
  border: 1px solid #ff4d4d;
  border-radius: 10px;
  padding: 10px 15px;
}

/* placeholder text */
.fluentform ::placeholder {
  color: #aaa;
  opacity: 0.8;
}

/* submit button alignment center */
.fluentform .ff-el-group:last-child {
  text-align: center;
}

/* responsive tweak */
@media (max-width: 768px) {
  .fluentform {
    padding: 25px 18px;
  }
}


/* Placeholder color (white before typing) */
.hscc-wrapper input::placeholder,
.hscc-wrapper textarea::placeholder {
  color: #ffffff !important;
  opacity: 0.8;
}

/* Firefox fix */
.hscc-wrapper input::-moz-placeholder,
.hscc-wrapper textarea::-moz-placeholder {
  color: #ffffff !important;
  opacity: 0.8;
}

/* When user focuses (typing starts) — make text red */
.hscc-wrapper input:focus,
.hscc-wrapper textarea:focus {
  color: #ffffff !important;          /* bright red typing color */
  border-color: #ff3b3b !important;   /* optional red border */
  outline: none;                      /* remove blue outline */
}

/* Normal (non-focused) input text color stays white */
.hscc-wrapper input,
.hscc-wrapper textarea {
  color: #ffffff;
  background-color: transparent;
  transition: color 0.3s ease, border-color 0.3s ease;
}/* End custom CSS */