.elementor-677 .elementor-element.elementor-element-3ca4ed31{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-677 .elementor-element.elementor-element-4ce0326{--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;--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Open Sans Hebrew;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-d32b593 .elementor-heading-title{font-family:"Heebo", Open Sans Hebrew;font-size:24px;font-weight:600;color:var( --e-global-color-48bc899 );}body.elementor-page-677:not(.elementor-motion-effects-element-type-background), body.elementor-page-677 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://offizz.ai/wp-content/uploads/2025/08/רקע-אופיז-OFFIZZ-כניסה.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-677 .elementor-element.elementor-element-3ca4ed31{--content-width:1350px;}}@media(min-width:1025px){body.elementor-page-677:not(.elementor-motion-effects-element-type-background), body.elementor-page-677 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){body.elementor-page-677:not(.elementor-motion-effects-element-type-background), body.elementor-page-677 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://offizz.ai/wp-content/uploads/2025/08/OFFIZ-BG-כניסה-נייד.jpg");}}/* Start custom CSS for shortcode, class: .elementor-element-6fe2cd40 *//* ===== אפקט כניסה לטופס login ===== */
.um.um-login {
  animation: fadeSlideIn 0.6s ease-out both;
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
  max-width: 500px;
  margin: 40px auto;
  position: relative;
  z-index: 1;
}

/* ===== אנימציה עדינה של כניסה מהצד עם שקיפות ===== */
@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== אפקט glow בכפתור התחברות ===== */
.um.um-login input[type="submit"],
.um.um-login .um-button {
  background-color: #3F64E4 !important;
  border: none;
  padding: 12px 30px;
  color: white !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 transparent;
}

.um.um-login input[type="submit"]:hover,
.um.um-login .um-button:hover {
  background-color: #2f4ed1 !important;
  box-shadow: 0 0 15px rgba(63, 100, 228, 0.5);
  transform: translateY(-2px);
}/* End custom CSS */