.elementor-6956 .elementor-element.elementor-element-33b8f53{padding:60px 0px 40px 0px;}.elementor-6956 .elementor-element.elementor-element-86fe890{column-gap:0px;text-align:center;color:#FFFFFF;}.elementor-6956 .elementor-element.elementor-element-86fe890 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6956 .elementor-element.elementor-element-6f17627 > .elementor-widget-container{margin:46px 46px 46px 46px;}.elementor-6956 .elementor-element.elementor-element-6f17627{width:var( --container-widget-width, 95.8% );max-width:95.8%;--container-widget-width:95.8%;--container-widget-flex-grow:0;align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-6f17627 *//* === Input fields (text, email, phone, etc.) === */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {
  background: linear-gradient(135deg, rgba(8, 45, 54, 0.85), rgba(1, 25, 33, 0.85)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-size: 14px;
  font-family: inherit;
  box-shadow: 
    inset 0 1px 2px rgba(255, 255, 255, 0.05),
    0 0 6px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

/* === Placeholder text === */
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* === Multi-select fields (fixing background and option colors) === */
select[multiple],
select[multiple] option {
  background-color: rgba(8, 45, 54, 0.85) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 12px !important;
  padding: 10px;
  font-size: 14px;
  font-family: inherit;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* === Selected items in multi-select === */
select[multiple] option:checked {
  background-color: rgba(0, 140, 160, 0.6) !important;
  color: #ffffff !important;
}

/* === Checkbox and Radio buttons label styling === */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #00b5b5;
}

label {
  color: #ffffff !important;
  font-weight: 400;
  font-size: 14px;
}

/* === Focus State === */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}/* End custom CSS */