.elementor-4228 .elementor-element.elementor-element-162bff9a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-6cf9b302 *//* Remove the default orange show/hide button */
.woocommerce form .password-input button,
.woocommerce-page form .password-input button {
  background: none !important;
  border: none !important;
  color: transparent !important;
  position: relative !important;
}

/* Replace the orange box with an orange eye icon */
.woocommerce form .password-input button::before,
.woocommerce-page form .password-input button::before {
  content: "\f06e"; /* Font Awesome eye icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff6600; /* orange */
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Hover effect: change icon color to black */
.woocommerce form .password-input button:hover::before,
.woocommerce-page form .password-input button:hover::before {
  color: #000 !important; /* black */
}

/* Remove background hover effect */
.woocommerce form .password-input button:hover,
.woocommerce-page form .password-input button:hover {
  background: none !important;
}/* End custom CSS */