/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ============================================================
   COMPUTEST ASHDOD — HERO SECTION
   ============================================================ */

.cmp-hero{position:relative;overflow:hidden;
 background:linear-gradient(120deg,#0C0C0E 0%,#2a0a0e 25%,#0C0C0E 45%,#241a06 65%,#0C0C0E 85%,#1c0709 100%)!important;
 background-size:340% 340%!important;animation:cmpbg 9s ease infinite}
@keyframes cmpbg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.cmp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(1100px 600px at 12% -10%,rgba(230,24,50,.45),transparent 55%),radial-gradient(820px 520px at 94% 115%,rgba(255,212,0,.22),transparent 60%);
 animation:cmpglow 8s linear infinite}
@keyframes cmpglow{0%{filter:hue-rotate(0deg);opacity:.85}50%{filter:hue-rotate(55deg);opacity:1}100%{filter:hue-rotate(0deg);opacity:.85}}
.cmp-hero>.e-con-inner{position:relative;z-index:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;align-items:center}
.cmp-hero .cmp-txt{flex:1 1 430px;min-width:280px}
.cmp-hero .cmp-card{flex:1 1 360px;min-width:280px;position:relative;background:linear-gradient(160deg,#1B1D23,#0F1014);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85);padding:30px 26px}
.cmp-hero .cmp-eye .elementor-heading-title{display:inline-block;background:#FFD400;color:#0C0C0E!important;font-weight:700;padding:12px 14px;border-radius:999px;box-shadow:0 8px 22px -8px rgba(255,212,0,.7)}
.cmp-hero .cmp-h1 .elementor-heading-title{color:#fff!important;font-weight:900;font-size:46px;line-height:1.04;letter-spacing:-1px}
.cmp-hero .cmp-h1 .hl{color:#FFD400!important}
.cmp-hero .cmp-h1 .ul{position:relative;white-space:nowrap}
.cmp-hero .cmp-h1 .ul::after{content:"";position:absolute;right:0;bottom:-4px;width:100%;height:5px;border-radius:4px;background:#E61832}
.cmp-hero .cmp-sub{color:#D7D8DC;font-size:16px;line-height:1.6}
.cmp-hero .cmp-sub b,.cmp-hero .cmp-sub strong{color:#fff}
.cmp-hero .cmp-trust .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:8px}
.cmp-hero .cmp-trust .elementor-icon-list-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:7px 12px;border-radius:10px;margin:0!important}
.cmp-hero .cmp-trust .elementor-icon-list-text{color:#C7C9CF;font-size:13px}
.cmp-hero .cmp-trust .elementor-icon-list-icon i,.cmp-hero .cmp-trust .elementor-icon-list-icon svg{color:#FFD400!important;fill:#FFD400!important}
.cmp-hero .cmp-cta{display:flex;flex-wrap:wrap;gap:12px}
.cmp-hero .cmp-b1 .elementor-button{background:#FFD400;color:#0C0C0E;font-weight:900;border-radius:13px;box-shadow:0 12px 30px -10px rgba(255,212,0,.65)}
.cmp-hero .cmp-b2 .elementor-button{background:transparent;color:#fff;font-weight:900;border:1.5px solid rgba(255,255,255,.22);border-radius:13px}
.cmp-hero .cmp-form .elementor-field-group{margin-bottom:10px}
.cmp-hero .cmp-form .elementor-field-label{color:#9A9CA3!important;font-size:11px;font-weight:500;margin-bottom:5px}
.cmp-hero .cmp-form input,.cmp-hero .cmp-form select,.cmp-hero .cmp-form .elementor-field{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;border-radius:10px!important;padding:11px 13px!important;font-size:14px}
.cmp-hero .cmp-form option{background:#16171B;color:#fff}
.cmp-hero .cmp-form .elementor-button{background:#FFD400!important;color:#0C0C0E!important;font-weight:900;border-radius:11px;width:100%;justify-content:center;margin-top:4px}
.cmp-savings{position:absolute;top:-30px;left:-18px;z-index:6;background:#FFD400;color:#0C0C0E;font-weight:900;font-size:13px;padding:10px 14px;border-radius:13px;transform:rotate(-4deg);line-height:1.1;box-shadow:0 14px 30px -10px rgba(255,212,0,.6)}
.cmp-savings small{display:block;font-size:10px;font-weight:700;opacity:.8}
.cmp-carbox{position:relative;height:150px;margin-bottom:8px}
.cmp-car{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:250px;height:108px;animation:cmpfloat 3.4s ease-in-out infinite}
@keyframes cmpfloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
.cmp-cb{position:absolute;bottom:22px;left:16px;width:218px;height:42px;background:linear-gradient(180deg,#E61832,#B5101F);border-radius:12px 16px 10px 10px;box-shadow:0 12px 24px -8px rgba(230,24,50,.5),inset 0 2px 0 rgba(255,255,255,.18)}
.cmp-cc{position:absolute;bottom:50px;left:64px;width:112px;height:36px;background:linear-gradient(180deg,#2a2c33,#15161a);border-radius:14px 20px 4px 4px}
.cmp-cc::after{content:"";position:absolute;inset:5px 9px;border-radius:9px 12px 2px 2px;background:linear-gradient(180deg,rgba(255,212,0,.25),rgba(120,200,255,.18))}
.cmp-hl2{position:absolute;bottom:36px;right:14px;width:12px;height:9px;background:#FFD400;border-radius:4px;box-shadow:0 0 16px 4px rgba(255,212,0,.6)}
.cmp-wh{position:absolute;bottom:4px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#3a3c43 0 38%,#0c0c0e 40%);border:4px solid #000;box-shadow:inset 0 0 0 5px #1b1c20}
.cmp-wf{left:30px}.cmp-wr{right:30px}
.cmp-scan{position:absolute;left:10%;right:10%;top:10px;height:2px;background:linear-gradient(90deg,transparent,#FFD400,transparent);box-shadow:0 0 10px #FFD400;animation:cmpscan 2.4s ease-in-out infinite;z-index:5}
@keyframes cmpscan{0%,100%{top:10px;opacity:.3}50%{top:120px;opacity:1}}
.cmp-bt{font-size:14px;font-weight:700;margin:6px 0 12px;color:#fff;display:flex;align-items:center;gap:8px}
.cmp-bt .bg{font-size:10px;font-weight:700;background:#E61832;color:#fff;padding:3px 8px;border-radius:6px}
/* === HERO — mobile === */
@media(max-width:767px){
 .cmp-hero{min-height:auto!important;padding:36px 16px!important}
 .cmp-hero>.e-con-inner{gap:24px}
 .cmp-hero .cmp-h1 .elementor-heading-title{font-size:30px}
 .cmp-hero .cmp-eye .elementor-heading-title{font-size:12px}
 .cmp-hero .cmp-card{padding:26px 20px}
 .cmp-savings{top:-14px;left:auto;right:-2px;font-size:12px;padding:8px 12px}
 .cmp-traffic{height:40px}
}

/* ============================================================
   COMPUTEST ASHDOD — HERO bg image (subtle) + moving mini cars
   ============================================================ */
.cmp-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url('https://computest-ashdod.co.il/wp-content/uploads/2026/06/computest-ashdod-place.jpg') center center/cover no-repeat;opacity:.12}

.cmp-traffic{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:1;pointer-events:none;overflow:hidden}
.cmp-traffic .road{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,212,0,.35),transparent)}
.cmp-mini{position:absolute;bottom:8px;width:44px;height:18px;animation-name:cmpdrive;animation-timing-function:linear;animation-iteration-count:infinite}
.cmp-mini .b{position:absolute;bottom:4px;left:0;width:44px;height:11px;border-radius:6px 9px 3px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.cmp-mini .c{position:absolute;bottom:9px;left:9px;width:20px;height:8px;border-radius:6px 8px 2px 2px;background:rgba(255,255,255,.18)}
.cmp-mini .b::after{content:"";position:absolute;top:3px;left:-2px;width:5px;height:4px;background:#FFD400;border-radius:3px;box-shadow:0 0 7px 2px rgba(255,212,0,.55)}
.cmp-mini .w{position:absolute;bottom:0;width:9px;height:9px;border-radius:50%;background:#0c0c0e;border:2px solid #3a3c43}
.cmp-mini .w1{left:5px}.cmp-mini .w2{right:5px}
.cmp-mini.m1 .b{background:#E61832}.cmp-mini.m1{bottom:8px;animation-duration:7s;animation-delay:0s}
.cmp-mini.m2 .b{background:#FFD400}.cmp-mini.m2{bottom:11px;animation-duration:11s;animation-delay:2.5s}
.cmp-mini.m3 .b{background:#cdd0d6}.cmp-mini.m3{bottom:7px;animation-duration:9s;animation-delay:5s}
.cmp-mini.m4 .b{background:#E61832}.cmp-mini.m4{bottom:12px;animation-duration:13s;animation-delay:8s}
@keyframes cmpdrive{from{left:106%}to{left:-60px}}
@media(prefers-reduced-motion:reduce){.cmp-mini{display:none}.cmp-hero,.cmp-car,.cmp-scan{animation:none}}

/* ============================================================
   COMPUTEST ASHDOD — recaptcha
   ============================================================ */
.grecaptcha-badge {
display: none !important;
}