.elementor-193 .elementor-element.elementor-element-7a22445{--display:flex;--min-height:850px;--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.92;}.elementor-193 .elementor-element.elementor-element-7a22445:not(.elementor-motion-effects-element-type-background), .elementor-193 .elementor-element.elementor-element-7a22445 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9F0FF;background-image:url("https://hyper-electric.co.il/wp-content/uploads/2026/06/רקע-לאתר.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-193 .elementor-element.elementor-element-7a22445::before, .elementor-193 .elementor-element.elementor-element-7a22445 > .elementor-background-video-container::before, .elementor-193 .elementor-element.elementor-element-7a22445 > .e-con-inner > .elementor-background-video-container::before, .elementor-193 .elementor-element.elementor-element-7a22445 > .elementor-background-slideshow::before, .elementor-193 .elementor-element.elementor-element-7a22445 > .e-con-inner > .elementor-background-slideshow::before, .elementor-193 .elementor-element.elementor-element-7a22445 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#050F1D;--background-overlay:'';}.elementor-193 .elementor-element.elementor-element-f1d172c{--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;}.elementor-193 .elementor-element.elementor-element-ebb1650{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-193 .elementor-element.elementor-element-5c30085{text-align:start;}.elementor-193 .elementor-element.elementor-element-5c30085 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:45px;font-weight:800;color:var( --e-global-color-4eb5492 );}.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 );}.elementor-193 .elementor-element.elementor-element-7819048{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Rubik", Sans-serif;font-size:19px;font-weight:500;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-193 .elementor-element.elementor-element-5c30085{text-align:start;}.elementor-193 .elementor-element.elementor-element-5c30085 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-193 .elementor-element.elementor-element-f1d172c{--width:74%;}.elementor-193 .elementor-element.elementor-element-ebb1650{--width:90%;}}/* Start custom CSS *//* צבעי מותג כתומים לכל האתר */

a,
.elementor a {
    color: #ff4b00;
}

a:hover,
.elementor a:hover {
    color: #ff7a1a;
}

/* כותרת גרדיאנט */

.gradient-title .elementor-heading-title {
    background: linear-gradient(90deg, #ff3d00 0%, #ff5a00 35%, #ff7a1a 70%, #ffb347 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* כפתור רגיל */

.glass-btn .elementor-button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #ff3d00 0%, #ff5a00 35%, #ff7a1a 70%, #ffb347 100%) !important;
    color: #080808 !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(255, 75, 0, 0.32), 0 0 28px rgba(255, 122, 26, 0.18);
    transition: all 0.35s ease;
}

.glass-btn .elementor-button:hover {
    background: linear-gradient(90deg, #ff6a1a 0%, #ff812e 35%, #ffa34d 70%, #ffd08a 100%) !important;
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 0 16px rgba(255, 75, 0, 0.75), 0 0 36px rgba(255, 122, 26, 0.45), 0 0 60px rgba(255, 179, 71, 0.25);
    transform: translateY(-2px);
}

.glass-btn .elementor-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
    transition: 0.6s;
}

.glass-btn .elementor-button:hover:before {
    left: 150%;
}

/* כפתור של טופס אלמנטור */

.glass-form .elementor-button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #ff3d00 0%, #ff5a00 35%, #ff7a1a 70%, #ffb347 100%) !important;
    color: #080808 !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(255, 75, 0, 0.32), 0 0 28px rgba(255, 122, 26, 0.18);
    transition: all 0.35s ease;
}

.glass-form .elementor-button:hover {
    background: linear-gradient(90deg, #ff6a1a 0%, #ff812e 35%, #ffa34d 70%, #ffd08a 100%) !important;
    border-color: rgba(255, 255, 255, 0.55);
    box-shadow: 0 0 16px rgba(255, 75, 0, 0.75), 0 0 36px rgba(255, 122, 26, 0.45), 0 0 60px rgba(255, 179, 71, 0.25);
    transform: translateY(-2px);
}

.glass-form .elementor-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
    transition: 0.6s;
}

.glass-form .elementor-button:hover:before {
    left: 150%;
}

/* שדות טופס */

.glass-form input,
.glass-form textarea,
.glass-form select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 75, 0, 0.28) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.glass-form input:focus,
.glass-form textarea:focus,
.glass-form select:focus {
    border-color: #ff5a00 !important;
    box-shadow: 0 0 16px rgba(255, 75, 0, 0.38);
}

/* אייקון זכוכית */

.icon-glass .elementor-icon,
.icon-glass .elementor-icon-box-icon .elementor-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff5a00 !important;
    fill: #ff5a00 !important;
    background: linear-gradient(135deg, rgba(255, 75, 0, 0.18), rgba(255, 179, 71, 0.10));
    border: 1px solid rgba(255, 75, 0, 0.48);
    border-radius: 14px;
    box-shadow: inset 0 0 18px rgba(255, 75, 0, 0.14), 0 0 18px rgba(255, 75, 0, 0.20);
    backdrop-filter: blur(10px);
    transition: all 0.35s ease;
}

.icon-glass .elementor-icon svg,
.icon-glass .elementor-icon i {
    color: #ff5a00 !important;
    fill: #ff5a00 !important;
    transition: all 0.35s ease;
}

.icon-glass:hover .elementor-icon,
.icon-glass:hover .elementor-icon-box-icon .elementor-icon {
    border-color: rgba(255, 122, 26, 0.85);
    background: linear-gradient(135deg, rgba(255, 75, 0, 0.26), rgba(255, 179, 71, 0.18));
    box-shadow: inset 0 0 22px rgba(255, 255, 255, 0.12), 0 0 22px rgba(255, 75, 0, 0.50), 0 0 42px rgba(255, 122, 26, 0.30);
    transform: translateY(-3px);
}

.icon-glass:hover .elementor-icon svg,
.icon-glass:hover .elementor-icon i {
    color: #ff8a1f !important;
    fill: #ff8a1f !important;
}

/* אייקון כהה קטן */

.icon-dark .elementor-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #24160f;
    border-radius: 14px;
    color: #ff5a00 !important;
    fill: #ff5a00 !important;
    box-shadow: 0 0 18px rgba(255, 75, 0, 0.16);
    transition: all 0.3s ease;
}

.icon-dark .elementor-icon svg,
.icon-dark .elementor-icon i {
    color: #ff5a00 !important;
    fill: #ff5a00 !important;
}

.icon-dark:hover .elementor-icon {
    background: #332014;
    box-shadow: 0 0 20px rgba(255, 75, 0, 0.42);
    transform: translateY(-2px);
}/* End custom CSS */