/* Start custom CSS */body.elementor-page-16872 .elementor-3788 { overflow-x: clip; } /* HERO: office footage in soft transparency over ink, with brand-yellow glow */ body.elementor-page-16872 .elementor-element-3f079057 { background-color: #0B0B0B; } @keyframes onto-kenburns { from { transform: scale(1.03) translate3d(0,0,0); } to { transform: scale(1.14) translate3d(-1.5%, -1%, 0); } } body.elementor-page-16872 .elementor-element-c95c518 { container-type: size; opacity: .58; filter: saturate(1.08) contrast(1.05); background: #0B0B0B; } body.elementor-page-16872 .elementor-element-c95c518 video, body.elementor-page-16872 .elementor-element-c95c518 .e-self-hosted-video-base, body.elementor-page-16872 .elementor-element-c95c518 > * { position: absolute; top: 50%; left: 50%; width: max(100cqw, 177.78cqh) !important; height: max(100cqh, 56.25cqw) !important; max-width: none; aspect-ratio: auto; transform: translate(-50%, -50%); object-fit: cover; pointer-events: none; } body.elementor-page-16872 .elementor-element-49eedf9a { background-color: transparent; background: radial-gradient(55% 55% at 88% 105%, rgba(255,202,44,.30) 0%, rgba(255,202,44,0) 70%), radial-gradient(40% 45% at 8% -5%, rgba(255,202,44,.16) 0%, rgba(255,202,44,0) 70%), radial-gradient(ellipse 52% 48% at 50% 52%, rgba(11,11,11,.35) 0%, rgba(11,11,11,0) 75%), linear-gradient(180deg, rgba(11,11,11,.55) 0%, rgba(11,11,11,.05) 30%, rgba(11,11,11,.10) 65%, rgba(11,11,11,.80) 100%); } body.elementor-page-16872 .elementor-element-5a8644 h1 { text-shadow: 0 4px 30px rgba(0,0,0,.5); } body.elementor-page-16872 .elementor-element-5a8644 .e-paragraph-base { text-shadow: 0 2px 16px rgba(0,0,0,.55); } body.elementor-page-16872 .elementor-element-5a8644 h1 span { color: var(--onto-yellow, #FFCA2C); } body.elementor-page-16872 .elementor-element-236187f6 .e-paragraph-base span { color: var(--onto-yellow, #FFCA2C); } /* Headline two-tone: second half of light-section titles in brand yellow */ body.elementor-page-16872 .elementor-element-ed242c0 h2 span, body.elementor-page-16872 .elementor-element-32af3ff1 h2 span, body.elementor-page-16872 .elementor-element-1163f768 h2 span, body.elementor-page-16872 .elementor-element-3f3f5b05 h2 span, body.elementor-page-16872 .elementor-element-53264aac h2 span, body.elementor-page-16872 .elementor-element-3f19d3a7 h2 span { color: #FFB800; background: none; padding: 0; } /* Intro */ body.elementor-page-16872 .elementor-element-72476d21 .e-paragraph-base span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--onto-yellow, #FFCA2C); color: var(--onto-ink, #0B0B0B); font-size: 13px; margin-inline-end: 10px; vertical-align: 1px; } body.elementor-page-16872 [data-interaction-id='426c11ad'], body.elementor-page-16872 [data-interaction-id='426c11ad'] img { filter: invert(1) grayscale(1) contrast(12); mix-blend-mode: multiply; } @keyframes onto-spin-slow { to { transform: rotate(360deg); } } body.elementor-page-16872 [data-interaction-id='426c11ad'] { animation: onto-float 6s ease-in-out infinite; } @keyframes onto-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* Strips */ @keyframes onto-marquee { from { transform: translateX(0); } to { transform: translateX(50%); } } @keyframes onto-marquee-rev { from { transform: translateX(50%); } to { transform: translateX(0); } } body.elementor-page-16872 .elementor-element-21b9a2f3 { animation: onto-marquee 45s linear infinite; } @keyframes onto-grow { 0% { transform: scaleY(.15); } 45%, 80% { transform: scaleY(1); } 100% { transform: scaleY(.15); } } @keyframes onto-funnel { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(.86); } } @keyframes onto-type { 0% { max-width: 0; } 45%, 85% { max-width: 240px; } 100% { max-width: 0; } } body.elementor-page-16872 [data-interaction-id='6b604d6'] { display: inline-block; max-width: 0; border-inline-end: 2px solid #0B0B0B; padding-inline-end: 2px; animation: onto-type 5s steps(22) infinite; } @keyframes onto-pop { 0%, 40% { transform: scale(.4); opacity: 0; } 55% { transform: scale(1.12); opacity: 1; } 65%, 90% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } body.elementor-page-16872 [data-interaction-id='75bdf85f'] { animation: onto-pop 5s ease-out infinite; } body.elementor-page-16872 .elementor-element-3ceabd87 { animation: onto-rise 5s ease-out infinite; } @keyframes onto-rise { 0%, 40% { transform: translateY(58px); } 60%, 100% { transform: translateY(0); } } body.elementor-page-16872 .elementor-element-780e43e0 { animation: onto-drop 5s ease-out infinite; } @keyframes onto-drop { 0%, 40% { transform: translateY(-58px); } 60%, 100% { transform: translateY(0); } } /* WHY: stacked cards + animated visuals */ body.elementor-page-16872 [data-interaction-id='74a2d544'], body.elementor-page-16872 [data-interaction-id='594965be'], body.elementor-page-16872 [data-interaction-id='5894d32f'], body.elementor-page-16872 [data-interaction-id='1bf744aa'], body.elementor-page-16872 [data-interaction-id='3a2db85c'] { color: transparent; -webkit-text-stroke: 2px #0B0B0B; } @keyframes onto-swatch { 0%, 100% { transform: scale(1); } 12% { transform: scale(1.28); } 24% { transform: scale(1); } } body.elementor-page-16872 .elementor-element-5598254 > * { animation: onto-swatch 4s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-5598254 > :nth-child(2) { animation-delay: .5s; } body.elementor-page-16872 .elementor-element-5598254 > :nth-child(3) { animation-delay: 1s; } body.elementor-page-16872 .elementor-element-5598254 > :nth-child(4) { animation-delay: 1.5s; } @keyframes onto-cursor { 0% { top: 22%; left: 22%; } 25% { top: 34%; left: 66%; } 50% { top: 70%; left: 58%; } 75% { top: 62%; left: 24%; } 100% { top: 22%; left: 22%; } } body.elementor-page-16872 [data-interaction-id='543b6399'] { animation: onto-cursor 8s ease-in-out infinite; filter: drop-shadow(0 4px 6px rgba(0,0,0,.2)); } @keyframes onto-weight { 0%, 100% { letter-spacing: -0.02em; transform: scale(1); } 50% { letter-spacing: 0.06em; transform: scale(1.04); } } body.elementor-page-16872 [data-interaction-id='36756503'] { animation: onto-weight 5s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-360712e6 { animation: onto-spin-slow 22s linear infinite; } body.elementor-page-16872 .elementor-element-360712e6::before { content: ''; position: absolute; top: -9px; left: calc(50% - 9px); width: 18px; height: 18px; border-radius: 50%; background: #FFCA2C; border: 3px solid #0B0B0B; } @keyframes onto-breathe { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,202,44,.55); } 50% { transform: scale(1.04); box-shadow: 0 0 0 22px rgba(255,202,44,0); } } body.elementor-page-16872 .elementor-element-300f9ecf { animation: onto-breathe 3.2s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-10a0d236 > * { transform-origin: bottom; animation: onto-grow 4.2s cubic-bezier(.2,.8,.2,1) infinite; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(2) { animation-delay: .1s; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(3) { animation-delay: .2s; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(4) { animation-delay: .3s; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(5) { animation-delay: .4s; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(6) { animation-delay: .5s; } body.elementor-page-16872 .elementor-element-10a0d236 > :nth-child(7) { animation-delay: .6s; } body.elementor-page-16872 [data-interaction-id='3f19b035'] { animation: onto-float 3s ease-in-out infinite; } @keyframes onto-chat { 0% { opacity: 0; transform: translateY(14px) scale(.96); } 8%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; transform: none; } } body.elementor-page-16872 [data-interaction-id='6bcc19e9'], body.elementor-page-16872 [data-interaction-id='3a3f5868'], body.elementor-page-16872 [data-interaction-id='5c03d54f'], body.elementor-page-16872 [data-interaction-id='2ad4630a'] { animation: onto-chat 9s ease-out infinite both; } body.elementor-page-16872 [data-interaction-id='3a3f5868'] { animation-delay: 1.4s; } body.elementor-page-16872 [data-interaction-id='5c03d54f'] { animation-delay: 2.8s; } body.elementor-page-16872 [data-interaction-id='2ad4630a'] { animation-delay: 4.2s; } body.elementor-page-16872 [data-interaction-id='2ad4630a'] span { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #8A8A8A; animation: onto-dot 1.2s ease-in-out infinite; } body.elementor-page-16872 [data-interaction-id='2ad4630a'] span:nth-child(2) { animation-delay: .15s; } body.elementor-page-16872 [data-interaction-id='2ad4630a'] span:nth-child(3) { animation-delay: .3s; } @keyframes onto-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-5px); opacity: 1; } } body.elementor-page-16872 .elementor-element-5a0aa58b .e-paragraph-base span { display: inline-block; font-family: 'Assistant', sans-serif; font-size: 17px; font-weight: 800; color: #0B0B0B; background: #F4F4F4; border: 1px solid #E6E6E6; padding: 12px 20px; border-radius: 999px; margin-inline-end: 10px; } body.elementor-page-16872 [data-interaction-id='3e526fd2'] span { background: #FFCA2C !important; border-color: #FFCA2C !important; } body.elementor-page-16872 [data-interaction-id='2cd2ceee'] { animation: onto-marquee 26s linear infinite; } body.elementor-page-16872 [data-interaction-id='3e526fd2'] { animation: onto-marquee-rev 30s linear infinite; } body.elementor-page-16872 [data-interaction-id='451713d2'] { animation: onto-marquee 34s linear infinite; } /* TESTIMONIALS: 3 diagonal strips of compact, equal Google review cards */ body.elementor-page-16872 .elementor-element-3f3f5b05 { overflow-x: clip; } body.elementor-page-16872 .elementor-element-18eb301f, body.elementor-page-16872 .elementor-element-25740a71, body.elementor-page-16872 .elementor-element-409ed07e { align-self: center; width: 124vw; max-width: none; margin: -14px 0 0; padding: 0; transform: rotate(-4deg); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%); } body.elementor-page-16872 .elementor-element-18eb301f { margin-top: 30px; } body.elementor-page-16872 .elementor-element-409ed07e { margin-bottom: 44px; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * { width: 300px; height: auto !important; min-height: 0; flex-shrink: 0; margin: 0; margin-inline-end: 14px; padding: 16px 18px; gap: 9px; border-radius: 18px; box-shadow: 0 10px 24px rgba(11,11,11,.06); } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(1) { font-size: 13px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(2) { font-size: 14.5px !important; line-height: 1.5 !important; height: 6em; margin: 0 !important; padding: 0 !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(3) { margin: 0 !important; padding: 0 !important; gap: 10px; align-items: center; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(3) > :first-child { width: 34px !important; height: 34px !important; min-width: 34px; padding: 0 !important; font-size: 14px !important; line-height: 34px !important; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(3) > :nth-child(2) > * { line-height: 1.25 !important; margin: 0 !important; } @media (max-width: 767px) { body.elementor-page-16872 .elementor-element-18eb301f, body.elementor-page-16872 .elementor-element-25740a71, body.elementor-page-16872 .elementor-element-409ed07e { width: 150vw; margin-top: -22px; transform: rotate(-8deg); } body.elementor-page-16872 .elementor-element-18eb301f { margin-top: 24px; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * { width: 240px; padding: 14px 15px; gap: 8px; border-radius: 16px; margin-inline-end: 10px; } body.elementor-page-16872 :is(.elementor-element-18eb301f, .elementor-element-25740a71, .elementor-element-409ed07e) > * > * > * > :nth-child(2) { font-size: 13px !important; } } body.elementor-page-16872 .elementor-element-6650401a { animation: onto-marquee 180s linear infinite; } body.elementor-page-16872 .elementor-element-3feb6794 { animation: onto-marquee-rev 198s linear infinite; } body.elementor-page-16872 .elementor-element-a14ec96 { animation: onto-marquee 192s linear infinite; } /* TESTIMONIAL VIDEOS: coverflow carousel (pure CSS): scroll-snap strip, centre card full size, neighbours shrink + fade via a scroll-driven animation, native ::scroll-button arrows + ::scroll-marker dots (Chrome/Edge; swipe everywhere) */ body.elementor-page-16872 .elementor-element-5f48ab6a { --om-cw: 280px; direction: ltr; width: min(1440px, 96vw) !important; max-width: none !important; align-self: center; margin-top: 120px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 26px !important; padding: 30px calc(50% - var(--om-cw) / 2) 64px !important; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; anchor-name: --om-vcar; scroll-marker-group: after; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%); } body.elementor-page-16872 .elementor-element-5f48ab6a::-webkit-scrollbar { display: none; } body.elementor-page-16872 .elementor-element-5f48ab6a > * { position: relative; display: block !important; flex: 0 0 var(--om-cw); width: var(--om-cw) !important; height: auto !important; aspect-ratio: 3 / 5; padding: 0 !important; margin: 0 !important; border-radius: 22px; overflow: clip !important; background: #0B0B0B; isolation: isolate; scroll-snap-align: center; direction: rtl; animation: om-cf linear both; animation-timeline: view(inline); } @keyframes om-cf { 0% { transform: scale(.74); opacity: .4; filter: saturate(.5); box-shadow: 0 8px 18px rgba(11,11,11,.08); } 50% { transform: scale(1); opacity: 1; filter: none; box-shadow: 0 18px 34px rgba(11,11,11,.22), 0 0 0 3px #FFCA2C; } 100% { transform: scale(.74); opacity: .4; filter: saturate(.5); box-shadow: 0 8px 18px rgba(11,11,11,.08); } } body.elementor-page-16872 .elementor-element-5f48ab6a > * img { position: absolute !important; top: 50%; left: 50%; width: auto !important; height: 132% !important; max-width: none !important; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 !important; transform: translate(-50%, -50%); transition: transform .7s cubic-bezier(.2,.8,.2,1); } body.elementor-page-16872 .elementor-element-5f48ab6a > *:hover img { transform: translate(-50%, -50%) scale(1.07); } body.elementor-page-16872 .elementor-element-5f48ab6a > *::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(11,11,11,.28) 0%, rgba(11,11,11,0) 22%, rgba(11,11,11,0) 48%, rgba(11,11,11,.62) 72%, rgba(11,11,11,.94) 100%); } body.elementor-page-16872 .elementor-element-5f48ab6a > * > .onto-play { position: absolute !important; top: 14px !important; left: 14px !important; right: auto !important; bottom: auto !important; z-index: 3; width: 44px !important; height: 44px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50% !important; background: rgba(255,255,255,.18) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.5) !important; box-shadow: 0 6px 18px rgba(0,0,0,.25) !important; color: #fff; transform: none !important; transition: background .25s ease, border-color .25s ease, color .25s ease !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > *:hover > .onto-play { background: #FFCA2C !important; border-color: #FFCA2C !important; color: #0B0B0B; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > .onto-play .e-svg-base { position: static !important; width: 15px !important; height: 15px !important; margin: 0 0 0 3px !important; transform: none !important; color: inherit; fill: currentColor; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; width: auto !important; margin: 0 !important; padding: 16px 16px 18px !important; display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; text-align: right; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(1) { margin: 0 !important; font-family: 'Assistant', sans-serif !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.15 !important; color: #fff !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(2) { margin: 0 !important; font-family: 'Assistant', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; color: rgba(255,255,255,.8) !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(3) { margin: 7px 0 0 !important; padding: 4px 10px !important; border-radius: 999px; background: #FFCA2C; font-family: 'Assistant', sans-serif !important; font-size: 11.5px !important; font-weight: 800 !important; line-height: 1.2 !important; color: #0B0B0B !important; } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(*) { position: absolute; position-anchor: --om-vcar; top: calc(anchor(center) - 30px); z-index: 6; width: 52px; height: 52px; border: 0; border-radius: 50%; cursor: pointer; background: #fff center / 22px no-repeat; box-shadow: 0 10px 26px rgba(11,11,11,.16), 0 0 0 1px rgba(11,11,11,.06); transition: background-color .2s ease, transform .2s ease, opacity .2s ease; } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(*):hover { background-color: #FFCA2C; transform: scale(1.06); } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(*):disabled { opacity: .3; cursor: default; transform: none; background-color: #fff; } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(inline-start) { content: '' / 'הקודם'; left: calc(anchor(left) + 6px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E"); } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(inline-end) { content: '' / 'הבא'; right: calc(anchor(right) + 6px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E"); } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-marker-group { display: flex; justify-content: center; align-items: center; gap: 9px; min-height: 12px; margin: -26px auto 0; position: relative; z-index: 2; } body.elementor-page-16872 .elementor-element-5f48ab6a > *::scroll-marker { content: ''; display: block; flex: 0 0 auto; width: 10px; height: 10px; border-radius: 99px; background: #D2D2D2; cursor: pointer; transition: width .3s ease, background-color .3s ease; } body.elementor-page-16872 .elementor-element-5f48ab6a > *::scroll-marker:target-current { width: 30px; background: #FFCA2C; } @media (max-width: 1024px) { body.elementor-page-16872 .elementor-element-5f48ab6a { --om-cw: 240px; margin-top: 96px !important; gap: 18px !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(1) { font-size: 18px !important; } } @media (max-width: 767px) { body.elementor-page-16872 .elementor-element-5f48ab6a { --om-cw: 64vw; width: 100vw !important; margin-top: 64px !important; gap: 12px !important; padding-block: 22px 52px !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); } body.elementor-page-16872 .elementor-element-5f48ab6a > * { border-radius: 18px; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child { padding: 14px 14px 16px !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(1) { font-size: 18px !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > :last-child > :nth-child(2) { font-size: 12.5px !important; } body.elementor-page-16872 .elementor-element-5f48ab6a > * > .onto-play { width: 40px !important; height: 40px !important; top: 12px !important; left: 12px !important; } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(*) { width: 42px; height: 42px; top: calc(anchor(center) - 24px); background-size: 18px; } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(inline-start) { left: calc(anchor(left) + 8px); } body.elementor-page-16872 .elementor-element-5f48ab6a::scroll-button(inline-end) { right: calc(anchor(right) + 8px); } } @supports not (animation-timeline: view()) { body.elementor-page-16872 .elementor-element-5f48ab6a > * { animation: none; } } body.elementor-page-16872 .elementor-element-4d6de5ae { scroll-initial-target: nearest; } /* VIDEO LIGHTBOX: framed popup sized to the screen, big X, click outside the video closes (the close button is stretched invisibly over the whole backdrop; only the video wrapper takes clicks) */ body.elementor-page-16872 #elementor-lightbox { background: rgba(11,11,11,.84) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } body.elementor-page-16872 #elementor-lightbox .dialog-message, body.elementor-page-16872 #elementor-lightbox .elementor-video-container { pointer-events: none !important; } body.elementor-page-16872 #elementor-lightbox .elementor-video-wrapper { pointer-events: auto !important; width: min(1060px, 86vw) !important; max-width: none !important; border-radius: 18px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.55); background: #000; } body.elementor-page-16872 #elementor-lightbox .dialog-close-button { position: fixed !important; inset: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; z-index: 0 !important; background: transparent !important; cursor: zoom-out; font-size: 0 !important; opacity: 1 !important; } body.elementor-page-16872 #elementor-lightbox .dialog-close-button svg { position: absolute !important; top: 24px; right: 24px; left: auto; width: 58px !important; height: 58px !important; padding: 18px; box-sizing: border-box; border-radius: 50%; background: #FFCA2C; fill: #0B0B0B !important; box-shadow: 0 10px 26px rgba(0,0,0,.4); cursor: pointer; transition: transform .25s ease; } body.elementor-page-16872 #elementor-lightbox .dialog-close-button:hover svg { transform: rotate(90deg) scale(1.06); } @media (max-width: 767px) { body.elementor-page-16872 #elementor-lightbox .elementor-video-wrapper { width: 94vw !important; border-radius: 14px; } body.elementor-page-16872 #elementor-lightbox .dialog-close-button svg { top: 16px; right: 16px; width: 50px !important; height: 50px !important; padding: 15px; } } /* WORK: browser chrome dots (mobile: tap toggles .om-tapped via the site snippet = auto-scroll; only 'לאתר' opens the site) */ body.elementor-page-16872 .elementor-element-b0393b7 > * > :first-child > :first-child span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-inline-end: 6px; background: #FF5F57; } body.elementor-page-16872 .elementor-element-b0393b7 > * > :first-child > :first-child span:nth-child(2) { background: #FEBC2E; } body.elementor-page-16872 .elementor-element-b0393b7 > * > :first-child > :first-child span:nth-child(3) { background: #28C840; } body.elementor-page-16872 .elementor-element-b0393b7 > * img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; transition: none; } body.elementor-page-16872 .elementor-element-b0393b7 > *:hover img { object-position: 50% 100%; transition: object-position var(--om-d, 9s) cubic-bezier(.45,.05,.55,.95); } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(1) { --om-d: 6s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(2) { --om-d: 10s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(3) { --om-d: 14s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(4) { --om-d: 9s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(5) { --om-d: 8s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(6) { --om-d: 9s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(7) { --om-d: 8.5s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(8) { --om-d: 6.5s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(9) { --om-d: 17s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(10) { --om-d: 10s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(11) { --om-d: 8s; } body.elementor-page-16872 .elementor-element-b0393b7 > :nth-child(12) { --om-d: 15s; } @media (hover: none) { body.elementor-page-16872 .elementor-element-b0393b7 > *:hover img { object-position: 50% 0; transition: none; } body.elementor-page-16872 .elementor-element-b0393b7 > .om-tapped img { animation: om-scrollshot calc(var(--om-d, 9s) * 1.5 + 3s) linear infinite; } } @keyframes om-scrollshot { 0%, 10% { object-position: 50% 0; opacity: 1; } 86%, 92% { object-position: 50% 100%; opacity: 1; } 96% { object-position: 50% 100%; opacity: 0; } 96.5% { object-position: 50% 0; opacity: 0; } 100% { object-position: 50% 0; opacity: 1; } } /* CLIENTS: 3 logo strips (right / left / right) */ body.elementor-page-16872 .elementor-element-50f9cb2b, body.elementor-page-16872 .elementor-element-3a2e0962, body.elementor-page-16872 .elementor-element-2bea6ea4 { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%); padding-block: 9px; } body.elementor-page-16872 .elementor-element-60800ee { animation: onto-marquee 130s linear infinite; } body.elementor-page-16872 .elementor-element-6bd9b6d1 { animation: onto-marquee-rev 130s linear infinite; } body.elementor-page-16872 .elementor-element-33169d4b { animation: onto-marquee 125s linear infinite; } body.elementor-page-16872 .elementor-element-50f9cb2b:hover .elementor-element-60800ee, body.elementor-page-16872 .elementor-element-3a2e0962:hover .elementor-element-6bd9b6d1, body.elementor-page-16872 .elementor-element-2bea6ea4:hover .elementor-element-33169d4b { animation-play-state: paused; } body.elementor-page-16872 .elementor-element-5bac4f4a .e-paragraph-base a { color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } /* SERVICES: 2 per row on mobile (web design, SEO, TikTok and the CTA stay full width) */ @media (max-width: 767px) { body.elementor-page-16872 .elementor-element-5ed0872e { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } body.elementor-page-16872 .elementor-element-24a991f4, body.elementor-page-16872 .elementor-element-18e9d66e, body.elementor-page-16872 .elementor-element-1c5ed36, body.elementor-page-16872 .elementor-element-13fbf62f { grid-column: 1 / -1; } body.elementor-page-16872 .elementor-element-3b3aa2db, body.elementor-page-16872 .elementor-element-4d0ce22a, body.elementor-page-16872 .elementor-element-4b8abb, body.elementor-page-16872 .elementor-element-46131a3d { grid-column: auto; padding: 18px 14px; gap: 10px; border-radius: 20px; min-width: 0; } body.elementor-page-16872 .elementor-element-30992d2a, body.elementor-page-16872 .elementor-element-5cc537d7, body.elementor-page-16872 .elementor-element-7f06200b, body.elementor-page-16872 .elementor-element-77b9ab02, body.elementor-page-16872 .elementor-element-1b9b468b { width: 40px; height: 40px; min-width: 40px; border-radius: 12px; padding: 0; } body.elementor-page-16872 .elementor-element-30992d2a .e-svg-base, body.elementor-page-16872 .elementor-element-5cc537d7 .e-svg-base, body.elementor-page-16872 .elementor-element-7f06200b .e-svg-base, body.elementor-page-16872 .elementor-element-77b9ab02 .e-svg-base, body.elementor-page-16872 .elementor-element-1b9b468b .e-svg-base { width: 19px; height: 19px; } body.elementor-page-16872 [data-interaction-id='7ef35288'], body.elementor-page-16872 [data-interaction-id='6cc95b60'], body.elementor-page-16872 [data-interaction-id='57981e64'], body.elementor-page-16872 [data-interaction-id='339797d3'] { font-size: 18px !important; line-height: 1.2 !important; } body.elementor-page-16872 [data-interaction-id='5478ab3d'], body.elementor-page-16872 [data-interaction-id='2b5278ec'], body.elementor-page-16872 [data-interaction-id='23d4fd42'], body.elementor-page-16872 [data-interaction-id='3080c80a'] { font-size: 13.5px !important; line-height: 1.5 !important; } body.elementor-page-16872 [data-interaction-id='7cf92cfd'], body.elementor-page-16872 [data-interaction-id='507dec61'], body.elementor-page-16872 [data-interaction-id='3cca4d4f'], body.elementor-page-16872 [data-interaction-id='24f8a8bd'] { font-size: 13.5px !important; } } body.elementor-page-16872 [data-interaction-id='7cf92cfd'], body.elementor-page-16872 [data-interaction-id='507dec61'], body.elementor-page-16872 [data-interaction-id='3cca4d4f'], body.elementor-page-16872 [data-interaction-id='24f8a8bd'], body.elementor-page-16872 [data-interaction-id='174f4760'] { margin-top: 0 !important; } /* SERVICES v2: animated mini-scenes for shop / landing / google / social / tiktok */ body.elementor-page-16872 .elementor-element-6028159d, body.elementor-page-16872 .elementor-element-9839748, body.elementor-page-16872 .elementor-element-10f6e416, body.elementor-page-16872 .elementor-element-154874a0, body.elementor-page-16872 .elementor-element-67e21a72 { position: relative; width: 100%; aspect-ratio: 23 / 15; padding: 0; margin: auto 0 0; background: #F4F4F4; border-radius: 16px; overflow: hidden; container-type: inline-size; direction: ltr; flex-shrink: 0; font-family: 'Assistant', sans-serif; } body.elementor-page-16872 :where(.elementor-element-6028159d, .elementor-element-9839748, .elementor-element-10f6e416, .elementor-element-154874a0, .elementor-element-67e21a72) .e-div-block-base { position: absolute; padding: 0; margin: 0; width: auto; min-width: 0; min-height: 0; } body.elementor-page-16872 :where(.elementor-element-6028159d, .elementor-element-9839748, .elementor-element-10f6e416, .elementor-element-154874a0, .elementor-element-67e21a72) .e-paragraph-base { position: absolute; margin: 0; white-space: nowrap; direction: rtl; line-height: 1; font-family: 'Assistant', sans-serif; letter-spacing: 0; } body.elementor-page-16872 [data-interaction-id='6e9379f5'], body.elementor-page-16872 [data-interaction-id='4d309941'], body.elementor-page-16872 [data-interaction-id='72d064bb'], body.elementor-page-16872 [data-interaction-id='7927aa70'], body.elementor-page-16872 [data-interaction-id='5485cf1d'], body.elementor-page-16872 [data-interaction-id='45179aa9'] { position: static !important; display: block; } body.elementor-page-16872 [data-interaction-id='6e9379f5'] span, body.elementor-page-16872 [data-interaction-id='4d309941'] span, body.elementor-page-16872 [data-interaction-id='72d064bb'] span, body.elementor-page-16872 [data-interaction-id='7927aa70'] span, body.elementor-page-16872 [data-interaction-id='5485cf1d'] span, body.elementor-page-16872 [data-interaction-id='45179aa9'] span { display: block; } @keyframes om-count { from { transform: translateY(0); } to { transform: translateY(-100%); } } @keyframes om-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12%); } } /* T2 shop */ body.elementor-page-16872 .elementor-element-21b4d651 { left: 7%; top: 9%; width: 46%; height: 82%; background: #fff; border-radius: 12px; box-shadow: 0 8px 20px rgba(11,11,11,.08); } body.elementor-page-16872 .elementor-element-25df3514 { left: 7%; right: 7%; top: 6%; height: 46%; border-radius: 8px; background: #FFCA2C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230B0B0B' d='M7 8V7a5 5 0 0 1 10 0v1h3l-1.2 13H5.2L4 8zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center / 40% no-repeat; animation: om2-img 6s ease-in-out infinite; } @keyframes om2-img { 0%, 100% { background-size: 40%; } 50% { background-size: 46%; } } body.elementor-page-16872 .elementor-element-edb2961 { left: 7%; top: 58%; width: 52%; height: 4.5%; border-radius: 99px; background: #E6E6E6; } body.elementor-page-16872 [data-interaction-id='47c2d3a0'] { left: 7%; top: 65%; font-size: 5.6cqw; font-weight: 800; color: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='4ff1648'] { left: 7%; right: 7%; bottom: 6%; height: 16%; display: flex; align-items: center; justify-content: center; background: #0B0B0B; color: #fff; border-radius: 99px; font-size: 3.9cqw; font-weight: 700; animation: om2-btn 6s ease-out infinite; } @keyframes om2-btn { 0%, 27% { transform: scale(1); background: #0B0B0B; } 30% { transform: scale(.92); background: #333; } 35%, 100% { transform: scale(1); background: #0B0B0B; } } body.elementor-page-16872 .elementor-element-55b5ecc6 { right: 9%; top: 9%; width: 15cqw; height: 15cqw; border-radius: 50%; background: #0B0B0B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.3 10.5a1.5 1.5 0 0 0 1.5 1.2h7.9a1.5 1.5 0 0 0 1.4-1.1L20.5 8H6.3'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center / 56% no-repeat; animation: om2-cart 6s ease-out infinite; } @keyframes om2-cart { 0%, 44% { transform: none; } 48% { transform: scale(1.16) rotate(-10deg); } 54%, 100% { transform: none; } } body.elementor-page-16872 .elementor-element-2aed356c { right: -9%; top: -9%; width: 7.4cqw; height: 7.4cqw; border-radius: 50%; background: #FFCA2C; overflow: hidden; box-shadow: 0 0 0 .9cqw #F4F4F4; animation: om2-badge 6s ease-out infinite; } @keyframes om2-badge { 0%, 44% { transform: scale(1); } 49% { transform: scale(1.45); } 56%, 100% { transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='6e9379f5'] { direction: ltr; font-size: 4.4cqw; font-weight: 800; color: #0B0B0B; text-align: center; animation: om-count 18s steps(3) -3.3s infinite; } body.elementor-page-16872 [data-interaction-id='6e9379f5'] span { height: 7.4cqw; line-height: 7.4cqw; } body.elementor-page-16872 .elementor-element-7224f35b { right: 7%; top: 40%; width: 36%; height: 26%; } body.elementor-page-16872 [data-interaction-id='7c35dd5a'] { right: 0; top: 0; font-size: 3.6cqw; font-weight: 600; color: #8A8A8A; } body.elementor-page-16872 .elementor-element-4a7604cb { right: 0; top: 5.5cqw; width: 100%; height: 7cqw; overflow: hidden; } body.elementor-page-16872 [data-interaction-id='4d309941'] { text-align: right; font-size: 6cqw; font-weight: 800; color: #0B0B0B; animation: om-count 24s steps(4) -3.3s infinite; } body.elementor-page-16872 [data-interaction-id='4d309941'] span { height: 7cqw; line-height: 7cqw; } body.elementor-page-16872 .elementor-element-76c5a012 { left: 30%; top: 82%; width: 4.6cqw; height: 4.6cqw; border-radius: 50%; background: #FFCA2C; box-shadow: 0 0 0 .5cqw #0B0B0B; opacity: 0; transform: translate(-50%, -50%); animation: om2-fly 6s cubic-bezier(.5,0,.5,1) infinite; } @keyframes om2-fly { 0%, 30% { left: 30%; top: 82%; opacity: 0; transform: translate(-50%, -50%) scale(1); } 31% { opacity: 1; } 38% { left: 52%; top: 12%; } 45% { left: 83%; top: 20%; opacity: 1; transform: translate(-50%, -50%) scale(.6); } 46%, 100% { left: 83%; top: 20%; opacity: 0; transform: translate(-50%, -50%) scale(.3); } } body.elementor-page-16872 [data-interaction-id='3469d81d'] { right: 6%; bottom: 8%; padding: 1.8cqw 3cqw; background: #fff; border: 1px solid #E6E6E6; border-radius: 99px; box-shadow: 0 6px 14px rgba(11,11,11,.08); font-size: 3.7cqw; font-weight: 800; color: #0B0B0B; opacity: 0; animation: om2-toast 6s ease-out infinite; } @keyframes om2-toast { 0%, 46% { opacity: 0; transform: translateY(40%); } 52%, 86% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; transform: none; } } body.elementor-page-16872 .elementor-element-17064d8a { left: 70%; top: 100%; width: 7cqw; height: 7cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5l15 11.2-6.6 1.1 3.6 6.6-3 1.6-3.6-6.8L4 20.6z' fill='%230B0B0B' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); animation: om2-cur 6s ease-in-out infinite; } @keyframes om2-cur { 0% { left: 70%; top: 104%; opacity: 0; transform: scale(1); } 8% { opacity: 1; } 26% { left: 29%; top: 81%; transform: scale(1); } 30% { transform: scale(.8); } 34% { left: 29%; top: 81%; transform: scale(1); } 56% { left: 46%; top: 104%; opacity: 1; } 62%, 100% { left: 46%; top: 104%; opacity: 0; } } /* T3 landing page -> lead funnel */ body.elementor-page-16872 .elementor-element-5a95e2a6 { right: 6%; top: 9%; width: 42%; height: 82%; background: #fff; border-radius: 10px; box-shadow: 0 8px 20px rgba(11,11,11,.08); overflow: hidden; } body.elementor-page-16872 .elementor-element-1fd7f526 { left: 0; right: 0; top: 0; height: 10%; background: #EFEFEF; } body.elementor-page-16872 .elementor-element-66e4bbd5 { left: 8%; right: 8%; top: 16%; height: 20%; border-radius: 6px; background: linear-gradient(110deg, #FFCA2C 40%, #FFE58A 50%, #FFCA2C 60%) 0 0 / 300% 100%; animation: om3-shine 3s linear infinite; } @keyframes om3-shine { from { background-position: 100% 0; } to { background-position: 0 0; } } body.elementor-page-16872 .elementor-element-7d6b90d1 { left: 8%; top: 41%; width: 62%; height: 4.5%; border-radius: 99px; background: #DADADA; } body.elementor-page-16872 .elementor-element-43696c1, body.elementor-page-16872 .elementor-element-374e3c5e { left: 8%; right: 8%; height: 10%; border: 1px solid #E3E3E3; border-radius: 5px; background: #FAFAFA; overflow: hidden; } body.elementor-page-16872 .elementor-element-43696c1 { top: 51%; } body.elementor-page-16872 .elementor-element-374e3c5e { top: 65%; } body.elementor-page-16872 .elementor-element-43696c1::after, body.elementor-page-16872 .elementor-element-374e3c5e::after { content: ''; position: absolute; right: 7%; top: 35%; height: 30%; width: 0; border-radius: 99px; background: #BDBDBD; animation: om3-type 1s steps(6) infinite; } body.elementor-page-16872 .elementor-element-374e3c5e::after { animation-delay: .3s; } @keyframes om3-type { 0% { width: 0; } 70%, 100% { width: 55%; } } body.elementor-page-16872 [data-interaction-id='176f4a5c'] { left: 8%; right: 8%; top: 80%; height: 12%; display: flex; align-items: center; justify-content: center; background: #0B0B0B; color: #fff; border-radius: 99px; font-size: 3.4cqw; font-weight: 800; animation: om3-btn 1s ease-out infinite; } @keyframes om3-btn { 0%, 70% { transform: scale(1); } 80% { transform: scale(.9); background: #333; } 92%, 100% { transform: scale(1); } } body.elementor-page-16872 .elementor-element-7cbe3f72 { left: 7%; top: 20%; width: 38%; height: 52%; } body.elementor-page-16872 .elementor-element-5c793f91 { left: 0; right: 0; top: 0; height: 34%; background: #FFCA2C; clip-path: polygon(0 0, 100% 0, 86% 100%, 14% 100%); } body.elementor-page-16872 .elementor-element-433ba44c { left: 14%; right: 14%; top: 37%; height: 30%; background: #FFB547; clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); } body.elementor-page-16872 .elementor-element-6a54f395 { left: 36%; right: 36%; top: 70%; height: 30%; background: #0B0B0B; border-radius: 0 0 4px 4px; } body.elementor-page-16872 .elementor-element-34967d6a, body.elementor-page-16872 .elementor-element-1e9723d2, body.elementor-page-16872 .elementor-element-2c43c336, body.elementor-page-16872 .elementor-element-177099c0, body.elementor-page-16872 .elementor-element-2cf8dcc0 { left: 73%; top: 86%; width: 6.4cqw; height: 6.4cqw; opacity: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%230B0B0B'/%3E%3Ccircle cx='12' cy='9.6' r='3.7' fill='%23FFCA2C'/%3E%3Cpath d='M5.2 19.4a6.8 6.8 0 0 1 13.6 0z' fill='%23FFCA2C'/%3E%3C/svg%3E") center / contain no-repeat; animation: om3-lead 5s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-1e9723d2 { animation-delay: -1s; } body.elementor-page-16872 .elementor-element-2c43c336 { animation-delay: -2s; } body.elementor-page-16872 .elementor-element-177099c0 { animation-delay: -3s; } body.elementor-page-16872 .elementor-element-2cf8dcc0 { animation-delay: -4s; } @keyframes om3-lead { 0% { left: 73%; top: 86%; opacity: 0; transform: translate(-50%, -50%) scale(.5); } 6% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 22% { left: 52%; top: 6%; } 38% { left: 26%; top: 15%; transform: translate(-50%, -50%) scale(1); } 56% { left: 26%; top: 38%; transform: translate(-50%, -50%) scale(.85); } 72% { left: 26%; top: 60%; transform: translate(-50%, -50%) scale(.7); opacity: 1; } 82% { left: 26%; top: 74%; opacity: 0; transform: translate(-50%, -50%) scale(.4); } 100% { left: 26%; top: 74%; opacity: 0; transform: translate(-50%, -50%) scale(.4); } } body.elementor-page-16872 .elementor-element-110cdd6f { left: 5%; bottom: 6%; width: 42%; height: 17%; background: #0B0B0B; border-radius: 10px; animation: om3-pulse 1s ease-out -.9s infinite; } @keyframes om3-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,202,44,.7); } 60%, 100% { box-shadow: 0 0 0 2.4cqw rgba(255,202,44,0); } } body.elementor-page-16872 [data-interaction-id='217848ad'] { right: 8%; top: 50%; transform: translateY(-50%); font-size: 3.2cqw; font-weight: 600; color: #BDBDBD; } body.elementor-page-16872 .elementor-element-4b8081df { left: 8%; top: calc(50% - 3.2cqw); width: 10cqw; height: 6.4cqw; overflow: hidden; } body.elementor-page-16872 [data-interaction-id='72d064bb'] { direction: ltr; text-align: left; font-size: 5.4cqw; font-weight: 800; color: #FFCA2C; animation: om-count 10s steps(10) -.9s infinite; } body.elementor-page-16872 [data-interaction-id='72d064bb'] span { height: 6.4cqw; line-height: 6.4cqw; } /* T4 google ads */ body.elementor-page-16872 .elementor-element-67aa8595 { right: 6%; top: 8%; width: 56%; height: 16%; background: #fff; border-radius: 99px; box-shadow: 0 4px 12px rgba(11,11,11,.06); } body.elementor-page-16872 .elementor-element-3be19d1f { right: 5%; top: calc(50% - 4cqw); width: 8cqw; height: 8cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='4c8a174'] { right: 21%; top: 50%; transform: translateY(-50%); direction: ltr; font-size: 4.2cqw; font-weight: 800; color: #0B0B0B; } body.elementor-page-16872 .elementor-element-6fbd6def { left: 9%; top: calc(50% - 1.3cqw); width: 2.6cqw; height: 2.6cqw; border-radius: 50%; background: #1DB954; animation: om4-live 1.6s ease-out infinite; } @keyframes om4-live { 0% { box-shadow: 0 0 0 0 rgba(29,185,84,.6); } 100% { box-shadow: 0 0 0 2.2cqw rgba(29,185,84,0); } } body.elementor-page-16872 .elementor-element-2d6c4be1 { left: 6%; right: 6%; top: 30%; height: 36%; background: #fff; border-radius: 10px; box-shadow: 0 6px 16px rgba(11,11,11,.07); outline: 0 solid #FFCA2C; animation: om4-ad 6s ease-out infinite; } @keyframes om4-ad { 0%, 30% { transform: scale(1); outline-width: 0; } 33% { transform: scale(.96); outline-width: .9cqw; } 37%, 62% { transform: scale(1); outline-width: .9cqw; } 70%, 100% { transform: scale(1); outline-width: 0; } } body.elementor-page-16872 [data-interaction-id='4eefffbd'] { right: 5%; top: 13%; padding: .7cqw 1.6cqw; border-radius: 4px; background: #FFF4CC; font-size: 3.2cqw; font-weight: 800; color: #0B0B0B; } body.elementor-page-16872 .elementor-element-6ef1f94a { right: 5%; top: 44%; width: 62%; height: 10%; border-radius: 99px; background: #1A0DAB; opacity: .85; } body.elementor-page-16872 .elementor-element-5eb9fca4 { right: 5%; top: 63%; width: 36%; height: 8%; border-radius: 99px; background: #188038; opacity: .8; } body.elementor-page-16872 .elementor-element-445eabc8 { right: 5%; top: 80%; width: 74%; height: 7%; border-radius: 99px; background: #DCDCDC; } body.elementor-page-16872 [data-interaction-id='5500996'] { left: 10%; top: 31%; padding: 1.2cqw 2.4cqw; border-radius: 99px; background: #FFCA2C; box-shadow: 0 6px 14px rgba(11,11,11,.15); font-size: 3.8cqw; font-weight: 800; color: #0B0B0B; opacity: 0; animation: om4-pop 6s ease-out infinite; } @keyframes om4-pop { 0%, 34% { opacity: 0; transform: translateY(0) scale(.6); } 40% { opacity: 1; transform: translateY(-70%) scale(1.08); } 46%, 70% { opacity: 1; transform: translateY(-90%) scale(1); } 80%, 100% { opacity: 0; transform: translateY(-130%) scale(1); } } body.elementor-page-16872 .elementor-element-55c84576, body.elementor-page-16872 .elementor-element-6076fb34 { bottom: 7%; width: 42%; height: 23%; border-radius: 10px; } body.elementor-page-16872 .elementor-element-55c84576 { right: 6%; background: #fff; box-shadow: 0 6px 16px rgba(11,11,11,.06); } body.elementor-page-16872 .elementor-element-6076fb34 { left: 6%; background: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='32ad7ebb'], body.elementor-page-16872 [data-interaction-id='25a63ad9'] { right: 9%; top: 15%; font-size: 3.2cqw; font-weight: 700; } body.elementor-page-16872 [data-interaction-id='32ad7ebb'] { color: #188038; } body.elementor-page-16872 [data-interaction-id='25a63ad9'] { color: #FFCA2C; } body.elementor-page-16872 .elementor-element-8976cea, body.elementor-page-16872 .elementor-element-67cb2ad3 { right: 9%; bottom: 12%; width: 82%; height: 6.4cqw; overflow: hidden; } body.elementor-page-16872 [data-interaction-id='7927aa70'], body.elementor-page-16872 [data-interaction-id='5485cf1d'] { text-align: right; font-size: 5.4cqw; font-weight: 800; animation: om-count 24s steps(4) -4s infinite; } body.elementor-page-16872 [data-interaction-id='7927aa70'] { color: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='5485cf1d'] { color: #fff; } body.elementor-page-16872 [data-interaction-id='7927aa70'] span, body.elementor-page-16872 [data-interaction-id='5485cf1d'] span { height: 6.4cqw; line-height: 6.4cqw; } body.elementor-page-16872 .elementor-element-ebf36c3 { left: 80%; top: 104%; width: 7cqw; height: 7cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.5l15 11.2-6.6 1.1 3.6 6.6-3 1.6-3.6-6.8L4 20.6z' fill='%230B0B0B' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); animation: om4-cur 6s ease-in-out infinite; } @keyframes om4-cur { 0% { left: 80%; top: 104%; opacity: 0; transform: scale(1); } 8% { opacity: 1; } 28% { left: 44%; top: 46%; transform: scale(1); } 32% { transform: scale(.8); } 36% { left: 44%; top: 46%; transform: scale(1); } 58% { left: 44%; top: 46%; opacity: 1; } 68%, 100% { left: 20%; top: 104%; opacity: 0; } } /* T5 facebook + instagram: story ad -> tap -> messenger chat -> new lead */ body.elementor-page-16872 .elementor-element-6e7b6a1d { right: 7%; top: 6%; width: 30cqw; height: 88%; background: #0B0B0B; border-radius: 3.6cqw; box-shadow: 0 12px 26px rgba(11,11,11,.22); } body.elementor-page-16872 .elementor-element-5e686991 { left: 4.5%; right: 4.5%; top: 2.5%; bottom: 2.5%; border-radius: 2.8cqw; overflow: hidden; } body.elementor-page-16872 .elementor-element-3c54cd23 { left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(160deg, #833AB4, #FD1D1D 55%, #FCB045) 0 0 / 180% 180%; animation: om5c-img 8s ease-in-out infinite alternate; } @keyframes om5c-img { from { background-position: 0% 0%; } to { background-position: 100% 100%; } } body.elementor-page-16872 .elementor-element-5227e72 { left: 22%; right: 22%; top: 33%; height: 27%; border-radius: 2cqw; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230B0B0B' d='M7 8V7a5 5 0 0 1 10 0v1h3l-1.2 13H5.2L4 8zm2 0h6V7a3 3 0 0 0-6 0z'/%3E%3C/svg%3E") center / 48% no-repeat; box-shadow: 0 6px 14px rgba(0,0,0,.2); animation: om-float 3s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-73e9ec54, body.elementor-page-16872 .elementor-element-52a76cea, body.elementor-page-16872 .elementor-element-1ab8b0b9 { top: 3%; width: 27%; height: 1.2%; border-radius: 99px; background: rgba(255,255,255,.4); overflow: hidden; } body.elementor-page-16872 .elementor-element-73e9ec54 { left: 6%; background: #fff; } body.elementor-page-16872 .elementor-element-52a76cea { left: 36.5%; } body.elementor-page-16872 .elementor-element-1ab8b0b9 { left: 67%; } body.elementor-page-16872 .elementor-element-52a76cea::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #fff; animation: om7-prog 8s linear infinite; } body.elementor-page-16872 .elementor-element-730bccdd { right: 8%; top: 7.5%; width: 6.2cqw; height: 6.2cqw; border-radius: 50%; background: radial-gradient(circle, #FFCA2C 0 38%, #0B0B0B 40% 60%, transparent 62%), conic-gradient(#FEDA75, #FA7E1E, #D62976, #962FBF, #4F5BD5, #FEDA75); } body.elementor-page-16872 [data-interaction-id='41de865c'] { right: 33%; top: 9.5%; font-size: 2.6cqw; font-weight: 700; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.35); } body.elementor-page-16872 [data-interaction-id='71e601cd'] { direction: ltr; left: 14%; top: 28%; padding: .8cqw 1.6cqw; border-radius: 99px; background: #FFCA2C; color: #0B0B0B; font-size: 3.2cqw; font-weight: 800; transform: rotate(-10deg); z-index: 2; animation: om5c-off 2s ease-in-out infinite; } @keyframes om5c-off { 0%, 100% { transform: rotate(-10deg) scale(1); } 50% { transform: rotate(-10deg) scale(1.12); } } body.elementor-page-16872 [data-interaction-id='43248526'] { left: 10%; right: 10%; bottom: 7%; height: 9%; display: flex; align-items: center; justify-content: center; border-radius: 99px; background: #fff; color: #0B0B0B; font-size: 2.9cqw; font-weight: 800; animation: om5c-press 8s ease-out infinite; } @keyframes om5c-press { 0%, 19% { transform: scale(1); } 22% { transform: scale(.88); } 27%, 100% { transform: scale(1); } } body.elementor-page-16872 .elementor-element-4fd50bce { left: calc(50% - 4cqw); top: calc(88.5% - 4cqw); width: 8cqw; height: 8cqw; border-radius: 50%; border: .6cqw solid #fff; opacity: 0; animation: om5c-tap 8s ease-out infinite; } @keyframes om5c-tap { 0%, 19% { opacity: 0; transform: scale(.3); } 22% { opacity: 1; transform: scale(.6); } 32%, 100% { opacity: 0; transform: scale(1.7); } } body.elementor-page-16872 .elementor-element-68a90f7f, body.elementor-page-16872 .elementor-element-73f12643 { width: 9cqw; height: 9cqw; z-index: 3; filter: drop-shadow(0 4px 6px rgba(0,0,0,.18)); animation: om-float 3s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-68a90f7f { left: 57%; top: 3%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 19.5v-6.6h2.2l.35-2.6H13.4V8.7c0-.75.2-1.250 1.3-1.25h1.35V5.15a18 18 0 0 0-2-.1c-2 0-3.35 1.2-3.35 3.45v1.8H8.5v2.6h2.2v6.6z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 .elementor-element-73f12643 { left: 58%; top: 20%; animation-delay: -1.5s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23FEDA75'/%3E%3Cstop offset='.35' stop-color='%23FA7E1E'/%3E%3Cstop offset='.65' stop-color='%23D62976'/%3E%3Cstop offset='1' stop-color='%234F5BD5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='24' height='24' rx='7' fill='url(%23g)'/%3E%3Crect x='6' y='6' width='12' height='12' rx='3.6' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='2.8' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Ccircle cx='15.7' cy='8.3' r='.95' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 .elementor-element-12eb6e21 { left: 5%; top: 8%; width: 50%; height: 84%; background: #fff; border-radius: 12px; box-shadow: 0 8px 20px rgba(11,11,11,.08); overflow: hidden; } body.elementor-page-16872 .elementor-element-6cd0d3cf { right: 7%; top: 5%; width: 7cqw; height: 7cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='m' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%230099FF'/%3E%3Cstop offset='.6' stop-color='%23A033FF'/%3E%3Cstop offset='1' stop-color='%23FF5280'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='12' cy='12' r='12' fill='url(%23m)'/%3E%3Cpath fill='%23fff' d='M5.5 15.2l3.6-5.7 3 2.2 4.3-2.4-3.6 5.7-3-2.2z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 .elementor-element-5b28646c { right: 25%; top: 7%; width: 36%; height: 2.2cqw; border-radius: 99px; background: #2B2B2B; } body.elementor-page-16872 .elementor-element-36f5740f { right: 25%; top: 13.5%; width: 1.8cqw; height: 1.8cqw; border-radius: 50%; background: #31A24C; animation: om4-live 1.6s ease-out infinite; } body.elementor-page-16872 [data-interaction-id='5ea7f0b0'], body.elementor-page-16872 [data-interaction-id='186107ec'], body.elementor-page-16872 [data-interaction-id='1054f25c'], body.elementor-page-16872 [data-interaction-id='15a698c0'] { padding: 1.4cqw 2.4cqw; font-size: 3cqw; font-weight: 600; opacity: 0; } body.elementor-page-16872 [data-interaction-id='5ea7f0b0'], body.elementor-page-16872 [data-interaction-id='186107ec'] { right: 6%; background: #F0F0F0; color: #0B0B0B; border-radius: 3cqw .8cqw 3cqw 3cqw; } body.elementor-page-16872 [data-interaction-id='5ea7f0b0'] { top: 27%; animation: om5c-b1 8s ease-out infinite; } body.elementor-page-16872 [data-interaction-id='186107ec'] { top: 42%; animation: om5c-b2 8s ease-out infinite; } body.elementor-page-16872 [data-interaction-id='15a698c0'], body.elementor-page-16872 [data-interaction-id='1054f25c'] { left: 6%; top: 58%; background: linear-gradient(90deg, #A033FF, #0099FF); color: #fff; border-radius: .8cqw 3cqw 3cqw 3cqw; } body.elementor-page-16872 [data-interaction-id='15a698c0'] { direction: ltr; animation: om5c-ty 8s ease-out infinite; } body.elementor-page-16872 [data-interaction-id='15a698c0'] span { display: inline-block; width: 1.3cqw; height: 1.3cqw; margin: 0 .3cqw; border-radius: 50%; background: #fff; animation: om5c-dot 1s ease-in-out infinite; } body.elementor-page-16872 [data-interaction-id='15a698c0'] span:nth-child(2) { animation-delay: .15s; } body.elementor-page-16872 [data-interaction-id='15a698c0'] span:nth-child(3) { animation-delay: .3s; } @keyframes om5c-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .55; } 30% { transform: translateY(-40%); opacity: 1; } } body.elementor-page-16872 [data-interaction-id='1054f25c'] { animation: om5c-b3 8s ease-out infinite; } @keyframes om5c-b1 { 0%, 28% { opacity: 0; transform: translateY(30%) scale(.9); } 32%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: none; } } @keyframes om5c-b2 { 0%, 38% { opacity: 0; transform: translateY(30%) scale(.9); } 42%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: none; } } @keyframes om5c-ty { 0%, 48% { opacity: 0; transform: scale(.8); } 51%, 58% { opacity: 1; transform: none; } 60%, 100% { opacity: 0; transform: none; } } @keyframes om5c-b3 { 0%, 59% { opacity: 0; transform: translateY(30%) scale(.9); } 63%, 92% { opacity: 1; transform: none; } 98%, 100% { opacity: 0; transform: none; } } body.elementor-page-16872 [data-interaction-id='113ad640'] { left: 9%; top: 77%; padding: 1.3cqw 2.8cqw; border-radius: 99px; background: #FFCA2C; color: #0B0B0B; font-size: 3.5cqw; font-weight: 800; box-shadow: 0 8px 18px rgba(11,11,11,.18); opacity: 0; animation: om5c-lead 8s ease-out infinite; } @keyframes om5c-lead { 0%, 67% { opacity: 0; transform: scale(.5); } 71% { opacity: 1; transform: scale(1.15); } 75%, 92% { opacity: 1; transform: scale(1); } 98%, 100% { opacity: 0; transform: scale(1); } } /* T7 tiktok */ body.elementor-page-16872 .elementor-element-46cfb57c { left: calc(50% - 15.5cqw); top: 6%; width: 31cqw; height: 88%; background: #0B0B0B; border-radius: 3.8cqw; box-shadow: 0 12px 26px rgba(11,11,11,.22); } body.elementor-page-16872 .elementor-element-4a198ced { left: 5%; right: 5%; top: 3%; bottom: 3%; border-radius: 2.8cqw; overflow: hidden; background: #111; } body.elementor-page-16872 .elementor-element-4bb003b7 { left: 0; right: 0; top: 0; height: 400%; animation: om7-feed 9s cubic-bezier(.7,0,.3,1) infinite; } @keyframes om7-feed { 0%, 28% { transform: translateY(0); } 33%, 61% { transform: translateY(-25%); } 66%, 94% { transform: translateY(-50%); } 99%, 100% { transform: translateY(-75%); } } body.elementor-page-16872 .elementor-element-22518aca, body.elementor-page-16872 .elementor-element-16b94e1a, body.elementor-page-16872 .elementor-element-24510f76, body.elementor-page-16872 .elementor-element-3b44a777 { left: 0; right: 0; height: 25%; } body.elementor-page-16872 .elementor-element-22518aca { top: 0; } body.elementor-page-16872 .elementor-element-16b94e1a { top: 25%; } body.elementor-page-16872 .elementor-element-24510f76 { top: 50%; } body.elementor-page-16872 .elementor-element-3b44a777 { top: 75%; } body.elementor-page-16872 .elementor-element-22518aca, body.elementor-page-16872 .elementor-element-3b44a777 { background: radial-gradient(circle at 50% 38%, rgba(11,11,11,.85) 0 11%, transparent 11.5%), radial-gradient(ellipse 34% 20% at 50% 66%, rgba(11,11,11,.85) 0 98%, transparent 100%), linear-gradient(160deg, #FFCA2C, #FF7A00); } body.elementor-page-16872 .elementor-element-16b94e1a { background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.9) 0 11%, transparent 11.5%), radial-gradient(ellipse 34% 20% at 50% 66%, rgba(255,255,255,.9) 0 98%, transparent 100%), linear-gradient(160deg, #25F4EE, #0B5F8A); } body.elementor-page-16872 .elementor-element-24510f76 { background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.9) 0 11%, transparent 11.5%), radial-gradient(ellipse 34% 20% at 50% 66%, rgba(255,255,255,.9) 0 98%, transparent 100%), linear-gradient(160deg, #FE2C55, #7A1FA2); } body.elementor-page-16872 .elementor-element-49db814f { right: 5%; bottom: 20%; width: 18%; height: 40%; } body.elementor-page-16872 .elementor-element-1448431a, body.elementor-page-16872 .elementor-element-4bec5699, body.elementor-page-16872 .elementor-element-1d65c374 { left: 0; width: 100%; height: 26%; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); } body.elementor-page-16872 .elementor-element-1448431a { top: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 21s-8.5-5.2-8.5-11.3A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 8.5 2.7C20.5 15.8 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat; animation: om7-like 3s ease-out infinite; } @keyframes om7-like { 0%, 44% { transform: scale(1); } 48% { transform: scale(1.35); } 56%, 100% { transform: scale(1); } } body.elementor-page-16872 .elementor-element-4bec5699 { top: 37%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3.5c-4.9 0-8.8 3.3-8.8 7.4 0 2.3 1.2 4.3 3.1 5.7l-.8 3.9 4.2-2.3c.7.1 1.5.2 2.3.2 4.9 0 8.8-3.3 8.8-7.5S16.9 3.5 12 3.5z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 .elementor-element-1d65c374 { top: 74%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.5 4.5 21 11.6l-7.5 7.1v-4.2c-5.2 0-8.3 1.6-10.5 5.2 1-5.6 4.2-9.6 10.5-10.4z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 .elementor-element-4dc8801b, body.elementor-page-16872 .elementor-element-220bd0d6 { left: 8%; height: 2.4%; border-radius: 99px; } body.elementor-page-16872 .elementor-element-4dc8801b { bottom: 11%; width: 56%; background: rgba(255,255,255,.92); } body.elementor-page-16872 .elementor-element-220bd0d6 { bottom: 7%; width: 36%; background: rgba(255,255,255,.6); } body.elementor-page-16872 .elementor-element-37d97612 { left: 0; bottom: 0; height: 1.4%; width: 0; background: #fff; animation: om7-prog 3s linear infinite; } @keyframes om7-prog { from { width: 0; } to { width: 100%; } } body.elementor-page-16872 .elementor-element-29594625 { left: calc(50% - 7.5cqw); top: calc(40% - 7.5cqw); width: 15cqw; height: 15cqw; opacity: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FE2C55' d='M12 21s-8.5-5.2-8.5-11.3A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 8.5 2.7C20.5 15.8 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 4px 8px rgba(0,0,0,.3)); animation: om7-big 3s ease-out infinite; } @keyframes om7-big { 0%, 38% { opacity: 0; transform: scale(0) rotate(-12deg); } 45% { opacity: 1; transform: scale(1.25) rotate(-12deg); } 52%, 62% { opacity: 1; transform: scale(1) rotate(-12deg); } 74%, 100% { opacity: 0; transform: scale(1.1) translateY(-30%) rotate(-12deg); } } body.elementor-page-16872 .elementor-element-172fe981, body.elementor-page-16872 .elementor-element-435a310c, body.elementor-page-16872 .elementor-element-715c3d91 { left: 62%; top: 72%; width: 5.2cqw; height: 5.2cqw; opacity: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FE2C55' d='M12 21s-8.5-5.2-8.5-11.3A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 8.5 2.7C20.5 15.8 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat; animation: om7-heart 3s ease-out infinite; } body.elementor-page-16872 .elementor-element-435a310c { animation-delay: -1s; left: 64%; } body.elementor-page-16872 .elementor-element-715c3d91 { animation-delay: -2s; left: 61%; } @keyframes om7-heart { 0% { opacity: 0; transform: translate(0, 0) scale(.5); } 15% { opacity: 1; transform: translate(20%, -60%) scale(1); } 55% { transform: translate(-40%, -360%) scale(1); } 100% { opacity: 0; transform: translate(60%, -680%) scale(.7) rotate(18deg); } } body.elementor-page-16872 .elementor-element-165bf46b, body.elementor-page-16872 .elementor-element-442eee05 { width: 28%; height: 21%; border-radius: 10px; } body.elementor-page-16872 .elementor-element-165bf46b { left: 4%; top: 15%; background: #fff; box-shadow: 0 6px 16px rgba(11,11,11,.08); animation: om-float 4s ease-in-out infinite; } body.elementor-page-16872 .elementor-element-442eee05 { right: 4%; bottom: 15%; background: #0B0B0B; animation: om-float 4s ease-in-out -2s infinite; } body.elementor-page-16872 .elementor-element-405c4692 { right: 8%; top: calc(50% - 3.6cqw); width: 7.2cqw; height: 7.2cqw; border-radius: 50%; background: #0B0B0B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(-.7 -.5)'%3E%3Cpath fill='%2325F4EE' d='M15.5 3c.3 2.2 1.6 3.7 3.8 3.9v3a7 7 0 0 1-3.8-1.2v5.8a5.2 5.2 0 1 1-5.2-5.2h.6v3.1a2.2 2.2 0 1 0 1.6 2.1V3z'/%3E%3C/g%3E%3Cg transform='translate(.7 .5)'%3E%3Cpath fill='%23FE2C55' d='M15.5 3c.3 2.2 1.6 3.7 3.8 3.9v3a7 7 0 0 1-3.8-1.2v5.8a5.2 5.2 0 1 1-5.2-5.2h.6v3.1a2.2 2.2 0 1 0 1.6 2.1V3z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M15.5 3c.3 2.2 1.6 3.7 3.8 3.9v3a7 7 0 0 1-3.8-1.2v5.8a5.2 5.2 0 1 1-5.2-5.2h.6v3.1a2.2 2.2 0 1 0 1.6 2.1V3z'/%3E%3C/svg%3E") center / 60% no-repeat; } body.elementor-page-16872 .elementor-element-441f27c3 { right: 40%; top: 17%; width: 52%; height: 5.8cqw; overflow: hidden; } body.elementor-page-16872 [data-interaction-id='45179aa9'] { direction: ltr; text-align: right; font-size: 4.8cqw; font-weight: 800; color: #0B0B0B; animation: om-count 12s steps(4) infinite; } body.elementor-page-16872 [data-interaction-id='45179aa9'] span { height: 5.8cqw; line-height: 5.8cqw; } body.elementor-page-16872 [data-interaction-id='39f34ee6'] { right: 40%; bottom: 17%; font-size: 2.9cqw; font-weight: 600; color: #8A8A8A; } body.elementor-page-16872 [data-interaction-id='2b26076'] { right: 10%; top: 17%; direction: ltr; font-size: 4.8cqw; font-weight: 800; color: #FFCA2C; } body.elementor-page-16872 [data-interaction-id='11f1f18b'] { right: 10%; bottom: 17%; font-size: 2.9cqw; font-weight: 600; color: #BDBDBD; } @keyframes om1-flow { from { background-position: 0% 50%; } to { background-position: 100% 50%; } } /* HERO: CTA arrow */ body.elementor-page-16872 [data-interaction-id='17d4b8a8']::after { content: ''; display: inline-block; width: 1.05em; height: 1.05em; margin-inline-start: 10px; vertical-align: -0.2em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s ease; } body.elementor-page-16872 [data-interaction-id='17d4b8a8']:hover::after { transform: translateX(-4px); } body.elementor-page-16872 [data-interaction-id='17d4b8a8'] { position: relative; overflow: hidden; background: linear-gradient(110deg, #FFCA2C, #FFE58A, #FFB020, #FFCA2C) 0 0 / 300% 100% !important; animation: om-cta-pulse 2.4s ease-in-out infinite, om1-flow 4s ease-in-out infinite alternate; } body.elementor-page-16872 [data-interaction-id='17d4b8a8']::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 60%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.65), transparent); transform: translateX(-130%); animation: om-cta-shine 3.2s ease-in-out infinite; pointer-events: none; } @keyframes om-cta-pulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,202,44,.55), 0 10px 28px rgba(255,202,44,.25); } 50% { transform: scale(1.06); box-shadow: 0 0 0 16px rgba(255,202,44,0), 0 16px 40px rgba(255,202,44,.45); } } @keyframes om-cta-shine { 0%, 55% { transform: translateX(-130%); } 85%, 100% { transform: translateX(260%); } } /* Scroll reveal (progressive enhancement) */ @keyframes onto-reveal { from { opacity: 0; transform: translateY(34px); } to { opacity: 1; transform: none; } } @supports (animation-timeline: view()) { body.elementor-page-16872 .elementor-element-3c1ff1f7, body.elementor-page-16872 .elementor-element-7b522dc4, body.elementor-page-16872 .elementor-element-4bfc9b41, body.elementor-page-16872 .elementor-element-32c9b7ff, body.elementor-page-16872 .elementor-element-642cf931, body.elementor-page-16872 .elementor-element-1d259cd6, body.elementor-page-16872 .elementor-element-6ad4a80f, body.elementor-page-16872 .elementor-element-5ed0872e > *, body.elementor-page-16872 .elementor-element-b0393b7 > *, body.elementor-page-16872 .elementor-element-2d2c95de { animation: onto-reveal linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; } } @media (prefers-reduced-motion: reduce) { body.elementor-page-16872 .elementor-element-3c1ff1f7, body.elementor-page-16872 .elementor-element-7b522dc4, body.elementor-page-16872 .elementor-element-4bfc9b41, body.elementor-page-16872 .elementor-element-32c9b7ff, body.elementor-page-16872 .elementor-element-642cf931, body.elementor-page-16872 .elementor-element-1d259cd6, body.elementor-page-16872 .elementor-element-6ad4a80f, body.elementor-page-16872 .elementor-element-5ed0872e > *, body.elementor-page-16872 .elementor-element-b0393b7 > *, body.elementor-page-16872 .elementor-element-2d2c95de { animation: none !important; } } /* LARGE SCREENS: very gentle proportional scale-up above 1920px (1920 stays the default); vh is zoomed too, so the hero height is divided back by the zoom factor */ @media (min-width: 2000px) { html { zoom: 1.05; --om-z: 1.05; } body.elementor-page-16872 .elementor-element-3f079057 { min-height: calc(88vh / var(--om-z, 1)) !important; } } @media (min-width: 2200px) { html { zoom: 1.08; --om-z: 1.08; } } @media (min-width: 2400px) { html { zoom: 1.12; --om-z: 1.12; } } @media (min-width: 2800px) { html { zoom: 1.18; --om-z: 1.18; } } @media (min-width: 3400px) { html { zoom: 1.3; --om-z: 1.3; } } /* ONTO SYMBOL: brand mark (traced vector). Spinning separators in the hero marquee */ body.elementor-page-16872 { --om-sym: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='%230B0B0B' d='M668 5 894 6 959 10 991 16 991 37 989 39 987 61 977 90 960 126 942 152 906 190 873 216 825 239 776 249 757 250 535 250 479 251 476 253 457 254 455 256 440 258 421 264 380 283 341 308 305 344 287 369 272 396 264 416 253 458 250 481 250 518 254 549 263 580 272 603 303 653 347 697 327 700 255 700 221 703 211 703 198 707 172 711 150 718 103 741 88 746 80 745 68 737 54 716 38 682 23 639 21 624 13 597 13 589 11 587 8 551 5 542 4 471 5 454 7 452 7 435 10 426 17 383 34 327 55 281 82 234 123 179 162 139 189 115 235 82 276 58 339 32 380 19 396 17 406 13 417 13 446 7ZM906 254 922 255 933 264 946 287 970 348 971 359 983 398 985 420 989 432 989 449 991 451 992 527 991 545 989 548 989 567 984 584 978 621 971 646 949 701 921 754 896 790 866 826 830 862 784 901 743 927 675 960 622 977 591 983 584 986 571 986 565 989 550 989 548 991 107 992 5 990 4 967 7 959 10 936 18 909 27 888 39 865 62 833 97 801 150 769 164 763 192 754 220 752 319 749 499 748 502 746 530 745 555 739 604 723 618 716 657 688 690 654 709 628 736 573 739 564 742 539 745 533 746 520 745 466 743 464 743 452 739 443 738 433 733 417 704 360 688 340 660 311 661 304 674 299 697 297 785 295 787 293 802 292 847 279 881 263Z'/%3E%3C/svg%3E"); } body.elementor-page-16872 .elementor-element-21b9a2f3 .e-paragraph-base span { display: inline-block; width: .74em; height: .74em; margin: 0 .55em; vertical-align: -.05em; background: var(--om-sym) center / contain no-repeat; animation: om-sym-rot 7s linear infinite; } @keyframes om-sym-rot { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { body.elementor-page-16872 .elementor-element-21b9a2f3 .e-paragraph-base span { animation: none !important; } } /* FACEBOOK REVIEWS: cards whose source line has a <b> (the word Facebook) get Facebook blue avatar + stars */ body.elementor-page-16872 .onto-rv:has(.onto-rv-src b) .onto-rv-stars { color: #1877F2 !important; } body.elementor-page-16872 .onto-rv:has(.onto-rv-src b) .onto-rv-av { background: #1877F2 !important; color: #fff !important; } body.elementor-page-16872 .onto-rv-src b { font-weight: inherit; color: #1877F2; } /* RATING BADGE (Google 5/5 + Facebook 99/100) + white hero CTA text */ body.elementor-page-16872 [data-interaction-id='759c93f4'] span { display: inline-flex; align-items: center; gap: .35em; margin-inline-start: .55em; padding-inline-start: .65em; border-inline-start: 1px solid #E2E2E2; color: #1877F2; } body.elementor-page-16872 [data-interaction-id='759c93f4'] span::before { content: ''; width: 1.05em; height: 1.05em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 19.5v-6.6h2.2l.35-2.6H13.4V8.7c0-.75.2-1.25 1.3-1.25h1.35V5.15a18 18 0 0 0-2-.1c-2 0-3.35 1.2-3.35 3.45v1.8H8.5v2.6h2.2v6.6z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='17d4b8a8'] { color: #fff !important; text-shadow: 0 1px 3px rgba(11,11,11,.28); } body.elementor-page-16872 [data-interaction-id='759c93f4']::before { content: ''; display: inline-block; width: 1.05em; height: 1.05em; margin-inline-end: .35em; vertical-align: -.17em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='46bccdc7'] span { display: block; } /* WORK on mobile: the card IS the browser window (no inner padding), like desktop */ @media (max-width: 767px) { body.elementor-page-16872 .elementor-element-b0393b7 > * { padding: 0 !important; overflow: hidden !important; gap: 0 !important; } } /* T1 v8: a website builds itself (skeleton -> design -> mobile -> speed -> accessibility -> Google #1); the feature checklist ticks in sync; Onto Media symbol as favicon, logo, hero mark and signature */ @property --om8p { syntax: '<number>'; inherits: false; initial-value: 0; } body.elementor-page-16872 .elementor-element-3da440d6 { container-type: inline-size; position: relative !important; overflow: hidden !important; display: block !important; min-height: 0 !important; aspect-ratio: 4 / 5; padding: 0 !important; direction: rtl; font-family: 'Assistant', sans-serif; } body.elementor-page-16872 .elementor-element-3da440d6 > * { position: absolute !important; display: block !important; margin: 0 !important; padding: 0; box-sizing: border-box; font-family: 'Assistant', sans-serif; line-height: 1; letter-spacing: 0; cursor: default; } body.elementor-page-16872 .elementor-element-3da440d6 > * span { position: absolute; display: block; box-sizing: border-box; } body.elementor-page-16872 [data-interaction-id='485dc30f'] { top: 0; left: 0; right: 0; height: 8cqw; background: #F1F1F1; border-bottom: 1px solid #E4E4E4; direction: ltr; z-index: 2; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(-n+3) { top: 3cqw; width: 2cqw; height: 2cqw; border-radius: 50%; background: #FF5F57; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(1) { left: 3cqw; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(2) { left: 6cqw; background: #FEBC2E; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(3) { left: 9cqw; background: #28C840; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(4) { left: 50%; top: 1.6cqw; height: 4.8cqw; transform: translateX(-50%); padding: 0 3.2cqw 0 7cqw; border-radius: 99px; background: #fff; font-size: 2.7cqw; font-weight: 600; line-height: 4.8cqw; color: #6B6B6B; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='485dc30f'] > span:nth-child(4)::before { content: ''; position: absolute; left: 2.6cqw; top: .9cqw; width: 3cqw; height: 3cqw; background: var(--om-sym) center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] { top: 8cqw; left: 0; right: 0; height: 64cqw; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) { top: 3.2cqw; left: 5cqw; right: 5cqw; height: 6cqw; animation: om8-build 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(1) { right: 0; top: 0; width: 6cqw; height: 6cqw; background: var(--om-sym) center / contain no-repeat; animation: om8-logo 14s cubic-bezier(.2,.9,.3,1.2) infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(n+2) { top: 2.3cqw; height: 1.4cqw; border-radius: 99px; background: #E3E3E3; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(2) { left: 0; width: 9cqw; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(3) { left: 11cqw; width: 7cqw; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(4) { left: 20cqw; width: 8cqw; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(1) > span:nth-child(5) { right: 8cqw; width: 14cqw; height: 2.4cqw; top: 1.8cqw; animation: om8-ink 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) { top: 12.5cqw; left: 5cqw; right: 5cqw; height: 28cqw; border-radius: 2.6cqw; overflow: hidden; outline: 0 solid #1D6FE0; outline-offset: .8cqw; animation: om8-build 14s cubic-bezier(.2,.8,.2,1) .35s infinite both, om8-hero 14s ease .35s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) > span:nth-child(1) { right: 5cqw; top: 6.4cqw; width: 44%; height: 3.4cqw; border-radius: 99px; animation: om8-ink 14s ease .45s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) > span:nth-child(2) { right: 5cqw; top: 11.8cqw; width: 33%; height: 2.2cqw; border-radius: 99px; animation: om8-ink2 14s ease .55s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) > span:nth-child(3) { right: 5cqw; top: 17.6cqw; width: 18cqw; height: 5.4cqw; border-radius: 99px; animation: om8-ink 14s ease .65s infinite both, om8-cta 14s ease infinite; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) > span:nth-child(4) { left: 4.5cqw; top: 3cqw; width: 22cqw; height: 22cqw; border-radius: 50%; animation: om8-ink 14s ease .75s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(2) > span:nth-child(4)::after { content: ''; position: absolute; inset: 24%; background: #FFCA2C; -webkit-mask: var(--om-sym) center / contain no-repeat; mask: var(--om-sym) center / contain no-repeat; animation: om8-sym 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) { top: 44cqw; left: 5cqw; right: 5cqw; height: 16cqw; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(1) { right: 0cqw; top: 0; width: 27.4cqw; height: 16cqw; border-radius: 2.2cqw; --om8c: #0B0B0B; animation: om8-build 14s cubic-bezier(.2,.8,.2,1) 0.90s infinite both, om8-card 14s ease 0.90s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(1)::before { content: ''; position: absolute; right: 2.4cqw; top: 2.4cqw; width: 4.4cqw; height: 4.4cqw; border-radius: 50%; background: #FFCA2C; opacity: .9; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(1)::after { content: ''; position: absolute; right: 2.4cqw; bottom: 2.6cqw; width: 60%; height: 1.4cqw; border-radius: 99px; background: #FFCA2C; opacity: .35; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(2) { right: 30.3cqw; top: 0; width: 27.4cqw; height: 16cqw; border-radius: 2.2cqw; --om8c: #FFCA2C; animation: om8-build 14s cubic-bezier(.2,.8,.2,1) 1.05s infinite both, om8-card 14s ease 1.05s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(2)::before { content: ''; position: absolute; right: 2.4cqw; top: 2.4cqw; width: 4.4cqw; height: 4.4cqw; border-radius: 50%; background: #0B0B0B; opacity: .9; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(2)::after { content: ''; position: absolute; right: 2.4cqw; bottom: 2.6cqw; width: 60%; height: 1.4cqw; border-radius: 99px; background: #0B0B0B; opacity: .35; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(3) { right: 60.6cqw; top: 0; width: 27.4cqw; height: 16cqw; border-radius: 2.2cqw; --om8c: #F3EFE3; animation: om8-build 14s cubic-bezier(.2,.8,.2,1) 1.20s infinite both, om8-card 14s ease 1.20s infinite both; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(3)::before { content: ''; position: absolute; right: 2.4cqw; top: 2.4cqw; width: 4.4cqw; height: 4.4cqw; border-radius: 50%; background: #0B0B0B; opacity: .9; } body.elementor-page-16872 [data-interaction-id='2d0318a4'] > span:nth-child(3) > span:nth-child(3)::after { content: ''; position: absolute; right: 2.4cqw; bottom: 2.6cqw; width: 60%; height: 1.4cqw; border-radius: 99px; background: #0B0B0B; opacity: .35; } body.elementor-page-16872 [data-interaction-id='78d99b19'] { left: 5cqw; top: 22cqw; width: 19cqw; height: 39cqw; z-index: 3; border: .9cqw solid #0B0B0B; border-radius: 3.6cqw; background: #fff; box-shadow: 0 2.4cqw 5cqw rgba(11,11,11,.25); overflow: hidden; animation: om8-phone 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(1) { left: 50%; top: 1.2cqw; width: 6cqw; height: 1.2cqw; margin-left: -3cqw; border-radius: 99px; background: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(2) { left: 1.4cqw; right: 1.4cqw; top: 4cqw; height: 12cqw; border-radius: 1.6cqw; background: #FFCA2C; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(2)::after { content: ''; position: absolute; left: 50%; top: 50%; width: 6cqw; height: 6cqw; margin: -3cqw 0 0 -3cqw; background: var(--om-sym) center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(3) { right: 1.4cqw; top: 18cqw; width: 70%; height: 1.5cqw; border-radius: 99px; background: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(4) { right: 1.4cqw; top: 21cqw; width: 50%; height: 1.2cqw; border-radius: 99px; background: #D5D5D5; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(5) { right: 1.4cqw; top: 24.6cqw; width: 9cqw; height: 3.4cqw; border-radius: 99px; background: #0B0B0B; } body.elementor-page-16872 [data-interaction-id='78d99b19'] > span:nth-child(6) { left: 1.4cqw; right: 1.4cqw; top: 30cqw; height: 5cqw; border-radius: 1.2cqw; background: #F1F1F1; } body.elementor-page-16872 [data-interaction-id='209ab80f'], body.elementor-page-16872 [data-interaction-id='5f3870b7'] { right: 5cqw; top: 33cqw; z-index: 3; width: 40cqw; height: 13.5cqw; border-radius: 2.6cqw; background: #fff; border: 1px solid #ECECEC; box-shadow: 0 2.4cqw 5cqw rgba(11,11,11,.16); } body.elementor-page-16872 [data-interaction-id='209ab80f'] { animation: om8-speed 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='5f3870b7'] { animation: om8-a11y 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='209ab80f'] > span:nth-child(1) { right: 2.2cqw; top: 2.2cqw; width: 9cqw; height: 9cqw; border-radius: 50%; background: conic-gradient(#22C55E calc(var(--om8p) * 1%), #EAEAEA 0); -webkit-mask: radial-gradient(farthest-side, transparent 64%, #000 67%); mask: radial-gradient(farthest-side, transparent 64%, #000 67%); animation: om8-ring 14s ease-out infinite both; } body.elementor-page-16872 [data-interaction-id='209ab80f'] > span:nth-child(2), body.elementor-page-16872 [data-interaction-id='5f3870b7'] > span:nth-child(2) { right: 13cqw; top: 2.6cqw; font-size: 4.6cqw; font-weight: 800; color: #0B0B0B; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='209ab80f'] > span:nth-child(2) { direction: ltr; } body.elementor-page-16872 [data-interaction-id='209ab80f'] > span:nth-child(3), body.elementor-page-16872 [data-interaction-id='5f3870b7'] > span:nth-child(3) { right: 13cqw; top: 8.3cqw; font-size: 2.7cqw; font-weight: 600; color: #7A7A7A; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='5f3870b7'] > span:nth-child(1) { right: 2.2cqw; top: 2.2cqw; width: 9cqw; height: 9cqw; border-radius: 50%; background: #1D6FE0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='12' cy='4.2' r='2.2'/%3E%3Cpath d='M4 7.6l.5-1.9 7.5 1.6 7.5-1.6.5 1.9-5.4 1.4v3.6l2.5 8.3-1.9.6-2.6-7.3h-1.2l-2.6 7.3-1.9-.6 2.5-8.3V9z'/%3E%3C/svg%3E") center / 62% no-repeat; } body.elementor-page-16872 [data-interaction-id='5f3870b7'] > span:nth-child(2) { font-size: 4cqw; top: 3cqw; } body.elementor-page-16872 [data-interaction-id='1342806c'] { left: 5cqw; right: 5cqw; top: 30cqw; height: 29cqw; z-index: 3; border-radius: 2.6cqw; background: #fff; border: 1px solid #ECECEC; box-shadow: 0 2.4cqw 5cqw rgba(11,11,11,.16); animation: om8-google 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(1) { right: 3cqw; top: 3cqw; width: 6cqw; height: 6cqw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center / contain no-repeat; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(2) { right: 11cqw; left: 3cqw; top: 3cqw; height: 6cqw; border-radius: 99px; border: 1px solid #E3E3E3; padding: 0 3cqw; font-size: 3cqw; font-weight: 600; line-height: calc(6cqw - 2px); color: #4A4A4A; white-space: nowrap; overflow: hidden; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(3) { right: 3cqw; left: 3cqw; top: 12cqw; height: 13.5cqw; border-radius: 1.8cqw; background: #FFF8DB; border: 1px solid #FFE38A; animation: om8-climb 14s cubic-bezier(.2,.8,.2,1) infinite both; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(3) > span:nth-child(1) { right: 3cqw; top: 2.6cqw; font-size: 2.7cqw; font-weight: 600; color: #188038; direction: ltr; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(3) > span:nth-child(2) { right: 3cqw; top: 6.6cqw; font-size: 3.8cqw; font-weight: 800; color: #1A0DAB; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='1342806c'] > span:nth-child(4) { left: 5cqw; top: 14.2cqw; width: 9cqw; height: 9cqw; border-radius: 50%; background: #0B0B0B; color: #FFCA2C; font-size: 3.8cqw; font-weight: 800; line-height: 9cqw; text-align: center; direction: ltr; animation: om8-rank 14s cubic-bezier(.2,.9,.3,1.3) infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] { left: 0; right: 0; top: 74cqw; bottom: 0; background: #F7F6F2; border-top: 1px solid #ECEAE3; padding: 0 6cqw; display: grid !important; grid-template-columns: 1fr; align-content: center; gap: 2.8cqw; } @media (max-width: 767px) { body.elementor-page-16872 .elementor-element-3da440d6 { aspect-ratio: 100 / 110; } body.elementor-page-16872 [data-interaction-id='65b692fe'] { top: 73cqw; grid-template-columns: 1fr 1fr; gap: 3cqw 3cqw; padding: 0 5cqw; } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span { position: relative; display: flex; align-items: center; gap: 2cqw; font-size: clamp(12px, 3.6cqw, 19px); font-weight: 800; line-height: 1.15; color: #A7A7A7; white-space: nowrap; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span::before { content: ''; flex: 0 0 auto; width: max(18px, 5cqw); height: max(18px, 5cqw); border-radius: 50%; border: 2px solid #D6D6D6; box-sizing: border-box; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0B0B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 0 no-repeat; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(6)::before { background-image: none; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(6)::after { content: ''; position: absolute; right: 0; top: 50%; width: max(18px, 5cqw); height: max(18px, 5cqw); background: #FFCA2C; -webkit-mask: var(--om-sym) center / 56% no-repeat; mask: var(--om-sym) center / 56% no-repeat; opacity: 0; animation: om8-sig 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(1) { animation: om8-t1 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(1)::before { animation: om8-c1 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t1 { 0%, 24% { color: #A7A7A7; } 26%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c1 { 0%, 24% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 26% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1.3); } 28%, 94% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(2) { animation: om8-t2 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(2)::before { animation: om8-c2 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t2 { 0%, 35% { color: #A7A7A7; } 37%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c2 { 0%, 35% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 37% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1.3); } 39%, 94% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(3) { animation: om8-t3 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(3)::before { animation: om8-c3 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t3 { 0%, 49% { color: #A7A7A7; } 51%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c3 { 0%, 49% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 51% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1.3); } 53%, 94% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(4) { animation: om8-t4 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(4)::before { animation: om8-c4 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t4 { 0%, 60% { color: #A7A7A7; } 62%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c4 { 0%, 60% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 62% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1.3); } 64%, 94% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(5) { animation: om8-t5 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(5)::before { animation: om8-c5 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t5 { 0%, 75% { color: #A7A7A7; } 77%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c5 { 0%, 75% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 77% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1.3); } 79%, 94% { background-color: #FFCA2C; border-color: #FFCA2C; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(6) { animation: om8-t6 14s ease infinite both; } body.elementor-page-16872 [data-interaction-id='65b692fe'] > span:nth-child(6)::before { animation: om8-c6 14s cubic-bezier(.2,.9,.3,1.4) infinite both; } @keyframes om8-t6 { 0%, 85% { color: #A7A7A7; } 87%, 94% { color: #0B0B0B; } 99%, 100% { color: #A7A7A7; } } @keyframes om8-c6 { 0%, 85% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } 87% { background-color: #0B0B0B; border-color: #0B0B0B; background-size: 64%; transform: scale(1.3); } 89%, 94% { background-color: #0B0B0B; border-color: #0B0B0B; background-size: 64%; transform: scale(1); } 99%, 100% { background-color: #fff; border-color: #D6D6D6; background-size: 0; transform: scale(1); } } @keyframes om8-sig { 0%, 86% { opacity: 0; transform: translateY(-50%) scale(.3) rotate(-160deg); } 89%, 94% { opacity: 1; transform: translateY(-50%) scale(1) rotate(0deg); } 99%, 100% { opacity: 0; transform: translateY(-50%); } } @keyframes om8-build { 0%, 3% { opacity: 0; transform: translateY(2cqw) scale(.97); } 9%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; transform: none; } } @keyframes om8-hero { 0%, 15% { background-color: #EDEDED; outline-width: 0; } 21%, 56% { background-color: #FFCA2C; outline-width: 0; } 58%, 64% { background-color: #FFCA2C; outline-width: .7cqw; } 66%, 100% { background-color: #FFCA2C; outline-width: 0; } } @keyframes om8-ink { 0%, 16% { background-color: #D9D9D9; } 22%, 100% { background-color: #0B0B0B; } } @keyframes om8-ink2 { 0%, 16% { background-color: #D9D9D9; } 22%, 100% { background-color: rgba(11,11,11,.4); } } @keyframes om8-card { 0%, 17% { background-color: #EDEDED; } 23%, 100% { background-color: var(--om8c); } } @keyframes om8-cta { 0%, 86% { box-shadow: 0 0 0 0 rgba(11,11,11,0); } 88% { box-shadow: 0 0 0 1.4cqw rgba(11,11,11,.18); } 91%, 100% { box-shadow: 0 0 0 2.4cqw rgba(11,11,11,0); } } @keyframes om8-logo { 0%, 17% { opacity: 0; transform: scale(.3) rotate(-200deg); } 22% { opacity: 1; transform: scale(1.25) rotate(12deg); } 25%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; transform: none; } } @keyframes om8-sym { 0%, 18% { opacity: 0; transform: scale(.4) rotate(-90deg); } 24% { opacity: 1; transform: scale(1.08) rotate(8deg); } 27%, 86% { opacity: 1; transform: none; } 91%, 95% { opacity: 1; transform: rotate(360deg); } 99%, 100% { opacity: 0; transform: rotate(360deg); } } @keyframes om8-phone { 0%, 27% { opacity: 0; transform: translateY(40cqw) rotate(-8deg); } 32% { opacity: 1; transform: translateY(-1.2cqw) rotate(-3deg); } 35%, 40% { opacity: 1; transform: rotate(-3deg); } 44%, 100% { opacity: 0; transform: translateY(40cqw) rotate(-3deg); } } @keyframes om8-speed { 0%, 42% { opacity: 0; transform: translateY(4cqw) scale(.9); } 45%, 53% { opacity: 1; transform: none; } 56%, 100% { opacity: 0; transform: translateY(-3cqw) scale(.96); } } @keyframes om8-ring { 0%, 44% { --om8p: 0; } 50%, 100% { --om8p: 100; } } @keyframes om8-a11y { 0%, 55% { opacity: 0; transform: translateY(4cqw) scale(.9); } 58%, 64% { opacity: 1; transform: none; } 67%, 100% { opacity: 0; transform: translateY(-3cqw) scale(.96); } } @keyframes om8-google { 0%, 66% { opacity: 0; transform: translateY(6cqw) scale(.94); } 69%, 80% { opacity: 1; transform: none; } 84%, 100% { opacity: 0; transform: translateY(-3cqw) scale(.97); } } @keyframes om8-climb { 0%, 68% { transform: translateY(9cqw); opacity: .35; } 74%, 100% { transform: none; opacity: 1; } } @keyframes om8-rank { 0%, 73% { opacity: 0; transform: scale(.3) rotate(-30deg); } 76% { opacity: 1; transform: scale(1.25) rotate(6deg); } 78%, 100% { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { body.elementor-page-16872 .elementor-element-3da440d6 *, body.elementor-page-16872 .elementor-element-3da440d6 *::before, body.elementor-page-16872 .elementor-element-3da440d6 *::after { animation-play-state: paused !important; } }/* End custom CSS */