/* ======================================================================== Fidar 2.4.4 — mobile AI layout, TRUE viewport-proportional geometry Reference artboard: 390px. Every reference px is converted to 100/390 vw. No transform scaling, no JS geometry, no fixed 390px canvas. ======================================================================== */ @media (max-width: 480px) { html, body { width:100% !important; max-width:100% !important; overflow-x:clip !important; } /* Full-bleed widgets in normal document flow. This works inside both old Elementor sections and new Containers without left:50% hacks. */ .elementor-widget-fidar-header, .elementor-widget-fidar-hero, .elementor-widget-fidar-services, .elementor-widget-fidar-why-fidar, .elementor-widget-fidar-advantages, .elementor-widget-fidar-collaboration-process, .elementor-widget-fidar-clients, .elementor-widget-fidar-portfolio, .elementor-widget-fidar-blog, .elementor-widget-fidar-footer { position:relative !important; inset:auto !important; display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; margin-inline:0 !important; padding:0 !important; transform:none !important; translate:none !important; float:none !important; clear:both !important; overflow:visible !important; box-sizing:border-box !important; } .elementor-widget-fidar-header > .elementor-widget-container, .elementor-widget-fidar-hero > .elementor-widget-container, .elementor-widget-fidar-services > .elementor-widget-container, .elementor-widget-fidar-why-fidar > .elementor-widget-container, .elementor-widget-fidar-advantages > .elementor-widget-container, .elementor-widget-fidar-collaboration-process > .elementor-widget-container, .elementor-widget-fidar-clients > .elementor-widget-container, .elementor-widget-fidar-portfolio > .elementor-widget-container, .elementor-widget-fidar-blog > .elementor-widget-container, .elementor-widget-fidar-footer > .elementor-widget-container { position:relative !important; inset:auto !important; display:block !important; width:100% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; transform:none !important; overflow:visible !important; box-sizing:border-box !important; } .elementor-widget-fidar-header, .elementor-widget-fidar-header > .elementor-widget-container, .fidar-header { height:7.948718vw !important; min-height:7.948718vw !important; } .elementor-widget-fidar-hero, .elementor-widget-fidar-hero > .elementor-widget-container, .fidar-hero { height:49.74359vw !important; min-height:49.74359vw !important; } .elementor-widget-fidar-services, .elementor-widget-fidar-services > .elementor-widget-container, .fidar-services, .fidar-services.fidar-section .fidar-services__inner { height:82.051282vw !important; min-height:82.051282vw !important; } .elementor-widget-fidar-why-fidar, .elementor-widget-fidar-why-fidar > .elementor-widget-container, .fidar-why, .fidar-why.fidar-section .fidar-why__inner { height:36.410256vw !important; min-height:36.410256vw !important; } .elementor-widget-fidar-advantages, .elementor-widget-fidar-advantages > .elementor-widget-container, .fidar-advantages, .fidar-advantages.fidar-section .fidar-advantages__inner { height:119.74359vw !important; min-height:119.74359vw !important; } .elementor-widget-fidar-collaboration-process, .elementor-widget-fidar-collaboration-process > .elementor-widget-container, .fidar-process, .fidar-process.fidar-section .fidar-process__inner { height:93.333333vw !important; min-height:93.333333vw !important; } .elementor-widget-fidar-clients, .elementor-widget-fidar-clients > .elementor-widget-container, .fidar-clients, .fidar-clients.fidar-section .fidar-clients__inner { height:52.051282vw !important; min-height:52.051282vw !important; } .elementor-widget-fidar-portfolio, .elementor-widget-fidar-portfolio > .elementor-widget-container, .fidar-portfolio, .fidar-portfolio.fidar-section .fidar-portfolio__inner { height:55.897436vw !important; min-height:55.897436vw !important; } .elementor-widget-fidar-blog, .elementor-widget-fidar-blog > .elementor-widget-container, .fidar-blog, .fidar-blog.fidar-section .fidar-blog__inner { height:77.179487vw !important; min-height:77.179487vw !important; } .elementor-widget-fidar-footer, .elementor-widget-fidar-footer > .elementor-widget-container, .fidar-footer--ai, .fidar-footer--ai .fidar-footer__inner { height:auto !important; min-height:0 !important; max-height:none !important; } /* Hero reference geometry */ .fidar-hero { width:100% !important; max-width:100vw !important; height:49.74359vw !important; margin-inline:auto !important; background:transparent !important; overflow:visible !important; } .fidar-hero__viewport, .fidar-hero__track, .fidar-hero__slide { width:100% !important; height:49.74359vw !important; min-height:49.74359vw !important; background:transparent !important; } .fidar-hero__slide-bg-image, .fidar-hero__bg-video, .fidar-hero__slide-gradient, .fidar-hero__overlay, .fidar-hero__figure, .fidar-hero__description { display:none !important; } .fidar-hero__stage { position:relative !important; display:block !important; width:100% !important; max-width:100vw !important; height:49.74359vw !important; min-height:49.74359vw !important; margin:0 auto !important; padding:0 !important; } .fidar-hero__inner { position:relative !important; display:block !important; width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; } .fidar-hero__content { position:absolute !important; top:8.717949vw !important; right:6.923077vw !important; left:auto !important; width:26.923077vw !important; min-width:0 !important; margin:0 !important; text-align:right !important; } .fidar-hero__title { margin:0 !important; padding:0 !important; color:#f9ec32 !important; font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif !important; font-size:16.923077vw !important; font-weight:900 !important; line-height:.94 !important; letter-spacing:0 !important; white-space:nowrap !important; } .fidar-hero__subtitle { margin:0.512821vw 0 0 !important; padding:0 !important; color:#fff200 !important; font-family:"Peyda ExtraBold","Peyda-ExtraBold",Peyda,sans-serif !important; font-size:6.410256vw !important; font-weight:800 !important; line-height:1.08 !important; letter-spacing:0 !important; white-space:nowrap !important; } .fidar-hero__button { width:18.974359vw !important; min-width:18.974359vw !important; height:7.435897vw !important; min-height:7.435897vw !important; margin:2.051282vw 0 0 auto !important; padding:0 2.051282vw !important; gap:0.769231vw !important; border:0 !important; border-radius:256.153846vw !important; background:#ffff00 !important; color:#192734 !important; box-shadow:0 1.025641vw 0 #192734,0 1.025641vw 0 0.25641vw rgba(255,255,255,.95) !important; font-family:"Peyda Medium",Peyda,sans-serif !important; font-size:2.564103vw !important; font-weight:600 !important; line-height:1 !important; white-space:nowrap !important; } .fidar-hero__button-icon { font-size:2.051282vw !important; } .fidar-hero__arrow { top:23.589744vw !important; width:4.102564vw !important; height:7.179487vw !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#f8f8f8 !important; font-size:3.333333vw !important; transform:none !important; } .fidar-hero__arrow svg { width:2.820513vw !important; height:4.615385vw !important; } .fidar-hero__arrow--prev { left:0.769231vw !important; right:auto !important; inset-inline-start:auto !important; inset-inline-end:auto !important; } .fidar-hero__arrow--next { right:0.769231vw !important; left:auto !important; inset-inline-start:auto !important; inset-inline-end:auto !important; } .fidar-hero__dots { bottom:1.282051vw !important; gap:0.769231vw !important; } .fidar-hero__dot { width:0.769231vw !important; height:0.769231vw !important; min-width:0.769231vw !important; min-height:0.769231vw !important; padding:0 !important; border:0 !important; background:#8c8d75 !important; opacity:var(--fidar-hero-dot-opacity,.45) !important; } .fidar-hero__dot.is-active { width:1.025641vw !important; height:1.025641vw !important; background:#ffff00 !important; opacity:1 !important; } /* All remaining homepage sections from the 390px Illustrator artboard. */ :root { --fidar-mobile-bg:#192734; --fidar-mobile-card:#1c2f41; --fidar-mobile-border:#69727a; --fidar-mobile-yellow:#ffff00; --fidar-mobile-yellow-2:#fff200; } .fidar-services,.fidar-why,.fidar-advantages,.fidar-process,.fidar-clients,.fidar-portfolio,.fidar-blog,.fidar-footer { width:100%; max-width:100vw; margin-inline:auto; background:transparent; box-sizing:border-box; } .fidar-services *,.fidar-why *,.fidar-advantages *,.fidar-process *,.fidar-clients *,.fidar-portfolio *,.fidar-blog *,.fidar-footer * { box-sizing:border-box; } /* Header — full compact menu from the mobile AI, no hamburger. */ .fidar-header { width:100%; max-width:100vw; height:7.948718vw; margin-inline:auto; padding:0.769231vw 1.282051vw 1.538462vw; background:transparent; overflow:visible; } .fidar-header .fidar-header__inner { width:100%; max-width:none; height:5.641026vw; min-height:5.641026vw; margin:0; padding:0 1.794872vw; gap:1.282051vw; border:0.25641vw solid #69727a; border-radius:256.153846vw; background:transparent; overflow:visible; } .fidar-header .fidar-header__toggle { display:none; } .fidar-header .fidar-header__logo { flex:0 0 9.74359vw; width:9.74359vw; height:4.102564vw; display:flex; align-items:center; justify-content:center; } .fidar-header .fidar-header__logo img { display:block; width:9.74359vw; max-width:9.74359vw; height:3.846154vw; max-height:3.846154vw; object-fit:contain; } .fidar-header .fidar-header__wordmark { flex:0 0 9.74359vw; min-width:9.74359vw; font-size:2.307692vw; line-height:.8; } .fidar-header .fidar-header__wordmark small { margin-top:0.25641vw; font-size:0.769231vw; letter-spacing:0.25641vw; } .fidar-header .fidar-header__nav { position:static; z-index:auto; flex:1 1 auto; width:auto; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; opacity:1; visibility:visible; transform:none; overflow:visible; } .fidar-header .fidar-header__menu { display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; gap:0; margin:0; padding:0; } .fidar-header .fidar-header__menu>li { flex:0 1 auto; margin:0; padding:0; } .fidar-header .fidar-header__menu ul { display:none; } .fidar-header .fidar-header__nav a { position:relative; display:flex; align-items:center; justify-content:center; min-height:3.589744vw; padding:0 0.512821vw; color:#fff; font-family:"Peyda ExtraBold","Peyda-ExtraBold",Peyda,sans-serif; font-size:1.538462vw; font-weight:800; line-height:1; white-space:nowrap; } .fidar-header .fidar-header__nav .current-menu-item>a,.fidar-header .fidar-header__nav .current_page_item>a,.fidar-header .fidar-header__nav .is-current>a,.fidar-header .fidar-header__nav a[aria-current="page"] { color:var(--fidar-mobile-yellow); } .fidar-header .fidar-header__nav .current-menu-item>a::after,.fidar-header .fidar-header__nav .current_page_item>a::after,.fidar-header .fidar-header__nav .is-current>a::after,.fidar-header .fidar-header__nav a[aria-current="page"]::after { display:block; content:""; position:absolute; left:50%; bottom:-2px; width:0.512821vw; height:0.512821vw; border-radius:50%; background:currentColor; transform:translateX(-50%); } .fidar-header .fidar-header__cta { display:inline-flex; flex:0 0 12.307692vw; width:12.307692vw; min-width:12.307692vw; height:3.589744vw; min-height:3.589744vw; padding:0 1.282051vw; gap:0.25641vw; border:0; border-radius:256.153846vw; background:var(--fidar-mobile-yellow); color:var(--fidar-mobile-bg); font-family:"Peyda Medium",Peyda,sans-serif; font-size:1.538462vw; font-weight:600; line-height:1; white-space:nowrap; } .fidar-header .fidar-header__cta svg { width:1.282051vw; height:1.282051vw; } /* Services — 3 x 2 cards, exactly as the 100vw source. */ .fidar-services { height:82.051282vw; } .fidar-services.fidar-section .fidar-services__inner { position:relative; width:100%; max-width:100vw; height:82.051282vw; margin:0 auto; padding:0; } .fidar-services .fidar-services__heading { position:absolute; top:1.794872vw; left:0; width:100%; margin:0; padding:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:5.641026vw; font-weight:900; line-height:1.18; text-align:center; } .fidar-services .fidar-services__grid { position:absolute; top:12.820513vw; left:3.333333vw; display:grid; grid-template-columns:repeat(3,26.153846vw); grid-template-rows:repeat(2,26.923077vw); gap:4.615385vw 7.179487vw; width:92.820513vw; height:58.461538vw; margin:0; padding:0; direction:rtl; } .fidar-services .fidar-services__card { width:26.153846vw; height:26.923077vw; min-height:26.923077vw; margin:0; padding:2.564103vw 1.794872vw 2.051282vw; gap:1.025641vw; border:0.25641vw solid var(--fidar-mobile-border); border-radius:2.820513vw; background:var(--fidar-mobile-card); box-shadow:none; transform:none; overflow:hidden; } .fidar-services .fidar-services__card:nth-child(n+7) { display:none; } .fidar-services .fidar-services__icon { display:flex; align-items:center; justify-content:center; width:13.846154vw; height:13.846154vw; margin:0 auto 0.25641vw; color:var(--fidar-mobile-yellow); font-size:11.794872vw; line-height:1; } .fidar-services .fidar-services__icon svg { width:12.820513vw; height:12.820513vw; fill:currentColor; } .fidar-services .fidar-services__image { display:block; width:13.846154vw; height:13.846154vw; margin:0 auto 0.25641vw; object-fit:contain; } .fidar-services .fidar-services__title { margin:0; padding:0; color:#c8cdd1; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:3.333333vw; font-weight:200; line-height:1.15; text-align:center; } .fidar-services .fidar-services__description { display:none; } .fidar-services .fidar-services__mobile-button { position:absolute; left:50%; bottom:2.564103vw; display:flex; align-items:center; justify-content:center; width:52.564103vw; height:5.641026vw; padding:0 3.076923vw; border:0.25641vw solid #fff; border-radius:256.153846vw; background:transparent; color:#fff; box-shadow:0 1.025641vw 0 var(--fidar-mobile-yellow); font-family:"Peyda Medium",Peyda,sans-serif; font-size:3.589744vw; font-weight:500; line-height:1; text-decoration:none; transform:translateX(-50%); } /* Why Fidar — horizontal 3-stat capsule. */ .fidar-why { height:36.410256vw; } .fidar-why.fidar-section .fidar-why__inner { position:relative; width:100%; max-width:100vw; height:36.410256vw; margin:0; padding:0; } .fidar-why .fidar-why__heading { position:absolute; top:0.769231vw; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:5.641026vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-why .fidar-why__panel { position:absolute; top:12.820513vw; left:2.307692vw; width:94.615385vw; height:20.512821vw; min-height:20.512821vw; padding:2.307692vw 2.564103vw 1.794872vw; border:0.25641vw solid var(--fidar-mobile-border); border-radius:10.769231vw; background:var(--fidar-mobile-card); box-shadow:0 5.128205vw 6.666667vw rgba(54,78,98,.38); } .fidar-why .fidar-why__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; width:100%; height:100%; } .fidar-why .fidar-why__item { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-width:0; padding:0 0.769231vw; text-align:center; } .fidar-why .fidar-why__value { display:flex; align-items:baseline; justify-content:center; margin:0; color:#fff; font-family:"Peyda Regular",Peyda,sans-serif; font-size:7.435897vw; font-weight:400; line-height:1; white-space:nowrap; } .fidar-why .fidar-why__title { margin:0.25641vw 0 0; color:var(--fidar-mobile-yellow); font-family:"Peyda Medium",Peyda,sans-serif; font-size:2.564103vw; font-weight:600; line-height:1.1; white-space:nowrap; } .fidar-why .fidar-why__description { margin:0; color:#fff; font-family:"Peyda Regular",Peyda,sans-serif; font-size:2.564103vw; font-weight:400; line-height:1.08; white-space:nowrap; } /* Advantages — 2 x 2 source-matched cards. */ .fidar-advantages { height:119.74359vw; } .fidar-advantages.fidar-section .fidar-advantages__inner { position:relative; width:100%; max-width:100vw; height:119.74359vw; margin:0; padding:0; } .fidar-advantages .fidar-advantages__heading { position:absolute; top:0.769231vw; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:5.897436vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-advantages .fidar-advantages__grid { position:absolute; top:12.564103vw; left:5.641026vw; display:grid; grid-template-columns:repeat(2,38.461538vw); grid-template-rows:repeat(2,50vw); gap:3.333333vw 11.538462vw; width:88.461538vw; height:103.333333vw; margin:0; padding:0; direction:rtl; } .fidar-advantages .fidar-advantages__card { position:relative; width:38.461538vw; height:50vw; min-height:50vw; margin:0; padding:2.820513vw 3.589744vw 3.076923vw; border:0.25641vw solid var(--fidar-mobile-border); border-radius:7.692308vw; background:var(--fidar-mobile-card); box-shadow:none; text-align:center; overflow:hidden; } .fidar-advantages .fidar-advantages__card:nth-child(n+5) { display:none; } .fidar-advantages .fidar-advantages__image { display:block; width:26.923077vw; height:25.128205vw; margin:0 auto; object-fit:contain; } .fidar-advantages .fidar-advantages__icon { display:flex; align-items:center; justify-content:center; width:26.923077vw; height:25.128205vw; margin:0 auto; font-size:18.461538vw; color:var(--fidar-mobile-yellow); } .fidar-advantages .fidar-advantages__title { position:relative; z-index:2; margin:0.25641vw 0 0; color:#fff; font-family:"Peyda ExtraBold","Peyda-ExtraBold",Peyda,sans-serif; font-size:5.641026vw; font-weight:800; line-height:1.05; text-align:center; } .fidar-advantages .fidar-advantages__card::after { display:block; content:""; position:absolute; top:34.871795vw; bottom:auto; left:50%; width:30.25641vw; height:0.25641vw; background:var(--fidar-mobile-yellow); transform:translateX(-50%); } .fidar-advantages .fidar-advantages__description { margin:2.564103vw 0 0; color:#d8dde1; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:3.589744vw; font-weight:200; line-height:1.14; text-align:center; } .fidar-advantages .fidar-advantages__description p { margin:0; } /* Process — mobile serpentine stage from the AI artboard. */ .fidar-process { height:93.333333vw; } .fidar-process.fidar-section .fidar-process__inner { position:relative; width:100%; max-width:100vw; height:93.333333vw; margin:0; padding:0; overflow:visible; } .fidar-process .fidar-process__heading { position:absolute; top:0.25641vw; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:5.897436vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-process .fidar-process__chain { position:absolute; top:8.974359vw; left:0; width:100vw; height:76.923077vw; min-height:76.923077vw; margin:0; padding:0; overflow:visible; } .fidar-process .fidar-process__svg { display:none; } .fidar-process .fidar-process__mobile-svg { display:block; position:absolute; z-index:0; inset:0; width:100vw; height:76.923077vw; overflow:visible; pointer-events:none; } .fidar-process .fidar-process__mobile-stroke { fill:none; stroke:#c7c500; stroke-width:1; stroke-linecap:butt; stroke-linejoin:round; stroke-dasharray:8 7; } .fidar-process .fidar-process__items { position:absolute; z-index:2; inset:0; display:block; width:100vw; height:76.923077vw; margin:0; padding:0; direction:ltr; } .fidar-process .fidar-process__items::before { display:none; content:none; } .fidar-process .fidar-process__item,.fidar-process .fidar-process__item--upper,.fidar-process .fidar-process__item--lower { position:absolute; left:0; top:0; width:100vw; height:0.25641vw; min-height:0; display:block; margin:0; padding:0; text-align:left; pointer-events:none; } .fidar-process .fidar-process__item:nth-child(1) { top:8.717949vw; } .fidar-process .fidar-process__item:nth-child(2) { top:23.846154vw; } .fidar-process .fidar-process__item:nth-child(3) { top:34.358974vw; } .fidar-process .fidar-process__item:nth-child(4) { top:49.230769vw; } .fidar-process .fidar-process__item:nth-child(5) { top:60.769231vw; } .fidar-process .fidar-process__item:nth-child(6) { top:75.641026vw; } .fidar-process .fidar-process__glow-wrap,.fidar-process .fidar-process__item--upper .fidar-process__glow-wrap,.fidar-process .fidar-process__item--lower .fidar-process__glow-wrap { position:absolute; top:0; bottom:auto; left:auto; width:18.461538vw; height:18.461538vw; margin:0; transform:translate(-50%,-50%); pointer-events:auto; } .fidar-process .fidar-process__item:nth-child(odd) .fidar-process__glow-wrap { left:23.076923vw; } .fidar-process .fidar-process__item:nth-child(even) .fidar-process__glow-wrap { left:80.25641vw; } .fidar-process .fidar-process__item:nth-child(3) .fidar-process__glow-wrap,.fidar-process .fidar-process__item:nth-child(5) .fidar-process__glow-wrap { left:20.512821vw; } .fidar-process .fidar-process__glow { position:absolute; inset:0; width:18.461538vw; height:18.461538vw; border-radius:50%; background:radial-gradient(circle,rgba(255,242,0,.72) 0 11%,rgba(185,184,0,.43) 28%,rgba(141,145,36,.22) 50%,rgba(141,145,36,0) 74%); filter:blur(2.307692vw); opacity:1; } .fidar-process .fidar-process__media,.fidar-process .fidar-process__image,.fidar-process .fidar-process__icon { position:absolute; z-index:3; left:50%; top:50%; width:13.333333vw; height:13.333333vw; max-width:13.333333vw; max-height:13.333333vw; margin:0; object-fit:contain; transform:translate(-50%,-50%); } .fidar-process .fidar-process__icon { display:flex; align-items:center; justify-content:center; color:#fff200; font-size:9.74359vw; } .fidar-process .fidar-process__icon svg { width:9.74359vw; height:9.74359vw; } .fidar-process .fidar-process__step { position:absolute; z-index:4; top:-18px; left:-11px; color:var(--fidar-mobile-yellow); font-family:"Peyda Regular",Peyda,sans-serif; font-size:6.410256vw; font-weight:400; line-height:1; white-space:nowrap; } .fidar-process .fidar-process__copy,.fidar-process .fidar-process__item--upper .fidar-process__copy,.fidar-process .fidar-process__item--lower .fidar-process__copy { position:absolute; top:-2px; bottom:auto; left:27.948718vw; width:39.74359vw; max-width:39.74359vw; margin:0; padding:0; transform:none; text-align:left; direction:ltr; } .fidar-process .fidar-process__item:nth-child(even) .fidar-process__copy { left:30.25641vw; } .fidar-process .fidar-process__title { display:none; } .fidar-process .fidar-process__description { margin:0; color:#bfc5ca; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:3.076923vw; font-weight:200; line-height:1.1; white-space:nowrap; } .fidar-process .fidar-process__extra { display:none; } /* Clients — two static rows, five cards each. */ .fidar-clients { height:52.051282vw; --fidar-client-gap:2.307692vw; --fidar-client-row-gap:0.769231vw; } .fidar-clients.fidar-section .fidar-clients__inner { position:relative; width:100%; max-width:100vw; height:52.051282vw; margin:0; padding:0; } .fidar-clients .fidar-clients__heading { position:absolute; top:0; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:7.948718vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-clients .fidar-clients__viewport { position:absolute; top:15.384615vw; left:3.846154vw; display:flex; flex-direction:column; gap:0.769231vw; width:91.282051vw; height:34.102564vw; margin:0; overflow:visible; touch-action:auto; } .fidar-clients .fidar-clients__row { width:91.282051vw; height:16.666667vw; overflow:visible; -webkit-mask-image:none; mask-image:none; } .fidar-clients .fidar-clients__row-track { display:block; width:91.282051vw; height:16.666667vw; will-change:transform; } .fidar-clients .fidar-clients__sequence { display:grid; grid-template-columns:repeat(5,16.666667vw); gap:0 2.307692vw; width:92.564103vw; height:16.666667vw; padding:0; } .fidar-clients .fidar-clients__sequence:nth-child(2) { display:none; } .fidar-clients .fidar-clients__sequence .fidar-clients__item:nth-child(n+6) { display:none; } .fidar-clients .fidar-clients__item,.fidar-clients--carousel .fidar-clients__item { display:flex; align-items:center; justify-content:center; width:16.666667vw; height:16.666667vw; min-width:16.666667vw; flex:0 0 16.666667vw; aspect-ratio:auto; padding:1.538462vw; border:0.25641vw solid var(--fidar-mobile-border); border-radius:2.564103vw; background:var(--fidar-mobile-card); box-shadow:none; } .fidar-clients .fidar-clients__visual { width:100%; height:100%; display:flex; align-items:center; justify-content:center; } .fidar-clients .fidar-clients__logo { max-width:12.307692vw; max-height:12.307692vw; object-fit:contain; } .fidar-clients .fidar-clients__company { font-size:2.051282vw; line-height:1.1; text-align:center; } .fidar-clients .fidar-clients__nav-wrap { display:none; } /* Portfolio — four source-sized cards and the pill CTA. */ .fidar-portfolio { height:55.897436vw; } .fidar-portfolio.fidar-section .fidar-portfolio__inner { position:relative; width:100%; max-width:100vw; height:55.897436vw; margin:0; padding:0; } .fidar-portfolio .fidar-portfolio__heading { position:absolute; top:0; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:7.948718vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-portfolio .fidar-portfolio__layout,.fidar-portfolio .fidar-portfolio__layout--no-preview { position:absolute; top:14.102564vw; left:0; display:block; width:100vw; height:40.512821vw; margin:0; padding:0; } .fidar-portfolio .fidar-portfolio__preview { display:none; } .fidar-portfolio .fidar-portfolio__side { position:relative; display:block; width:100vw; height:40.512821vw; min-height:0; margin:0; padding:0; } .fidar-portfolio .fidar-portfolio__grid { display:grid; grid-template-columns:repeat(4,21.794872vw); grid-template-rows:28.717949vw; gap:0 2.051282vw; width:93.333333vw; height:28.717949vw; margin:0 auto; padding:0; } .fidar-portfolio .fidar-portfolio__card { position:relative; display:block; width:21.794872vw; height:28.717949vw; min-height:28.717949vw; padding:0; border:0.25641vw solid var(--fidar-mobile-border); border-radius:2.820513vw; background:var(--fidar-mobile-card); box-shadow:none; overflow:hidden; } .fidar-portfolio .fidar-portfolio__card:nth-child(n+5) { display:none; } .fidar-portfolio .fidar-portfolio__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } .fidar-portfolio .fidar-portfolio__category,.fidar-portfolio .fidar-portfolio__title,.fidar-portfolio .fidar-portfolio__description { display:none; } .fidar-portfolio .fidar-portfolio__button { position:absolute; left:50%; top:31.538462vw; display:flex; align-items:center; justify-content:center; width:52.564103vw; height:5.384615vw; min-height:5.384615vw; padding:0 3.076923vw; border:0.25641vw solid #fff; border-radius:256.153846vw; background:transparent; color:#fff; box-shadow:0 1.025641vw 0 var(--fidar-mobile-yellow); font-family:"Peyda Medium",Peyda,sans-serif; font-size:3.589744vw; font-weight:500; line-height:1; transform:translateX(-50%); } /* Blog — three portrait cards, same proportions as the AI. */ .fidar-blog { height:77.179487vw; } .fidar-blog.fidar-section .fidar-blog__inner { position:relative; width:100%; max-width:100vw; height:77.179487vw; margin:0; padding:0; } .fidar-blog .fidar-blog__heading { position:absolute; top:0; left:0; width:100%; margin:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Black","Peyda-Black",Peyda,sans-serif; font-size:7.948718vw; font-weight:900; line-height:1.2; text-align:center; } .fidar-blog .fidar-blog__grid { position:absolute; top:14.871795vw; left:4.102564vw; display:grid; grid-template-columns:repeat(3,28.461538vw); grid-template-rows:48.461538vw; gap:0 3.333333vw; width:92.051282vw; height:48.461538vw; margin:0; padding:0; } .fidar-blog .fidar-blog__card { position:relative; display:block; width:28.461538vw; height:48.461538vw; min-height:48.461538vw; padding:2.307692vw 2.564103vw 2.564103vw; border:0.25641vw solid #fff; border-radius:2.564103vw; background:transparent; box-shadow:none; overflow:hidden; } .fidar-blog .fidar-blog__card:nth-child(n+4) { display:none; } .fidar-blog .fidar-blog__image-link { display:block; width:23.076923vw; height:45.384615vw; min-height:0; aspect-ratio:auto; margin:0; border:0.25641vw solid var(--fidar-mobile-border); border-radius:2.564103vw; overflow:hidden; } .fidar-blog .fidar-blog__image { display:block; width:100%; height:100%; object-fit:cover; } .fidar-blog .fidar-blog__card-body { display:none; } .fidar-blog .fidar-blog__button { position:absolute; left:50%; top:65.641026vw; display:flex; align-items:center; justify-content:center; width:52.564103vw; height:5.897436vw; min-height:5.897436vw; padding:0 3.076923vw; border:0.25641vw solid #fff; border-radius:256.153846vw; background:transparent; color:#fff; box-shadow:0 1.025641vw 0 var(--fidar-mobile-yellow); font-family:"Peyda Medium",Peyda,sans-serif; font-size:3.589744vw; font-weight:500; line-height:1; transform:translateX(-50%); } /* Footer — Form → About → Contact, source order and sizing. */ .fidar-footer--ai .fidar-footer__ai-grid { display:flex; flex-direction:column; gap:0; width:100%; height:100%; min-height:0; margin:0; padding:0; direction:rtl; } .fidar-footer--ai .fidar-footer__about-column { order:2; position:relative; width:100%; height:26.153846vw; min-height:26.153846vw; margin:0; padding:3.333333vw 0 0; border:0; border-top:0.25641vw solid #d6dde2; } .fidar-footer--ai .fidar-footer__about-column::before { display:none; content:none; } .fidar-footer--ai .fidar-footer__contact-column { order:3; position:relative; width:100%; height:17.692308vw; margin:0; padding:0; } .fidar-footer--ai .fidar-footer__form-row { display:grid; grid-template-columns:1fr 1fr; gap:3.076923vw; width:100%; height:10vw; margin:0; } .fidar-footer--ai .fidar-footer__form input:not([type="hidden"]):not([type="submit"]) { width:100%; height:10vw; min-height:10vw; padding:0 3.589744vw; border:0.25641vw solid #fff; border-radius:256.153846vw; background:transparent; color:#c7cdd2; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:2.820513vw; font-weight:200; line-height:1; } .fidar-footer--ai .fidar-footer__form textarea { width:100%; height:37.179487vw; min-height:37.179487vw; max-height:37.179487vw; padding:3.076923vw 3.589744vw; border:0.25641vw solid #fff; border-radius:4.615385vw; background:transparent; color:#c7cdd2; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:2.564103vw; font-weight:200; line-height:1.3; resize:none; } .fidar-footer--ai .fidar-footer__form input::placeholder,.fidar-footer--ai .fidar-footer__form textarea::placeholder { color:#89939b; opacity:1; } .fidar-footer--ai .fidar-footer__form button[type="submit"] { position:absolute; left:0.512821vw; bottom:-9px; display:flex; align-items:center; justify-content:center; width:42.564103vw; min-width:42.564103vw; height:7.948718vw; min-height:7.948718vw; margin:0; padding:0 3.076923vw; border:0; border-radius:256.153846vw; background:var(--fidar-mobile-yellow); color:var(--fidar-mobile-bg); font-family:"Peyda Medium",Peyda,sans-serif; font-size:3.076923vw; font-weight:600; line-height:1; } .fidar-footer--ai .fidar-footer__heading { margin:0; padding:0; color:var(--fidar-mobile-yellow); font-family:"Peyda Medium",Peyda,sans-serif; font-size:6.153846vw; font-weight:500; line-height:1.2; text-align:right; } .fidar-footer--ai .fidar-footer__about-column .fidar-footer__heading { margin:0 0 1.025641vw; text-align:right; } .fidar-footer--ai .fidar-footer__about-text { width:100%; max-width:none; margin:0; padding:0; color:#c7cdd2; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:1.923077vw; font-weight:200; line-height:1.28; text-align:center; } .fidar-footer--ai .fidar-footer__about-text p { margin:0; } .fidar-footer--ai .fidar-footer__contact-column .fidar-footer__heading { margin:0 0 1.538462vw; text-align:right; } .fidar-footer--ai .fidar-footer__contacts { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:0; width:100%; margin:0; padding:0; } .fidar-footer--ai .fidar-footer__contact-item { display:flex; align-items:center; justify-content:center; width:auto; min-height:4.615385vw; padding:0 0.25641vw; color:#c7cdd2; font-family:"Peyda ExtraLight","Peyda-ExtraLight",Peyda,sans-serif; font-size:2.307692vw; font-weight:200; line-height:1; text-align:center; white-space:nowrap; } .fidar-footer--ai .fidar-footer__contact-copy,.fidar-footer--ai .fidar-footer__contact-copy * { color:inherit; font:inherit; } } /* 2.4.8 — top five widgets, isolated 390px Illustrator coordinate system. Do not scale Elementor itself: each widget owns one row in document flow. */ @media screen and (max-width: 767px) { :root { --fidar-mobile-unit: calc(100vw / 390); } html,body { margin:0!important; min-width:0!important; max-width:100%!important; overflow-x:clip!important; } .elementor .e-con, .elementor .e-con-inner, .elementor .elementor-container, .elementor .elementor-column, .elementor .elementor-widget-wrap { min-width:0; } .elementor-widget-fidar-header,.elementor-widget-fidar-hero, .elementor-widget-fidar-services,.elementor-widget-fidar-why-fidar, .elementor-widget-fidar-advantages { position:relative!important; inset:auto!important; display:block!important; float:none!important; clear:both!important; flex-grow:0!important; flex-shrink:0!important; width:100%!important; min-width:0!important; max-width:none!important; padding:0!important; margin:0!important; transform:none!important; translate:none!important; box-sizing:border-box!important; } .elementor-widget-fidar-header>.elementor-widget-container, .elementor-widget-fidar-hero>.elementor-widget-container, .elementor-widget-fidar-services>.elementor-widget-container, .elementor-widget-fidar-why-fidar>.elementor-widget-container, .elementor-widget-fidar-advantages>.elementor-widget-container { display:flow-root!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important; height:100%!important; padding:0!important; margin:0!important; transform:none!important; } /* Respect the actual artboard section rhythm; no accumulated row gaps. */ .elementor-widget-fidar-header { height:7.948718vw!important; min-height:7.948718vw!important; } .elementor-widget-fidar-hero { height:49.743590vw!important; min-height:49.743590vw!important; } .elementor-widget-fidar-services { height:82.051282vw!important; min-height:82.051282vw!important; } .elementor-widget-fidar-why-fidar { height:36.410256vw!important; min-height:36.410256vw!important; } .elementor-widget-fidar-advantages { height:119.743590vw!important; min-height:119.743590vw!important; } .fidar-header,.fidar-hero,.fidar-services,.fidar-why,.fidar-advantages { box-sizing:border-box!important; width:100%!important; max-width:none!important; margin:0!important; transform:none!important; } /* The original hero styles had display:none on every background layer. Recover the yellow and indigo haze from the supplied PDF without flattening live titles, buttons, slider arrows or dots into an uneditable screenshot. */ .fidar-hero__stage { isolation:isolate; overflow:hidden!important; background: radial-gradient(ellipse 62% 64% at 11% 43%,rgba(255,235,0,.96) 0%,rgba(243,213,0,.77) 43%,rgba(225,196,0,0) 100%), radial-gradient(ellipse 60% 33% at 38% 96%,rgba(69,75,142,.82) 0%,rgba(45,49,99,.5) 50%,rgba(25,39,52,0) 100%), #192734!important; } .fidar-hero__stage::before {content:"";pointer-events:none;position:absolute;inset:0;z-index:0; background:radial-gradient(ellipse 90% 13% at 23% 54%,rgba(250,214,14,.33),transparent 80%); filter:blur(12px); } .fidar-hero__inner,.fidar-hero__content,.fidar-hero__arrow,.fidar-hero__dots {z-index:2;} .fidar-services__grid,.fidar-advantages__grid {min-width:0!important;} .fidar-services__card,.fidar-advantages__card {min-width:0!important;box-sizing:border-box!important;} .fidar-ai-artwork-shell {width:100%!important;max-width:100%!important; transform:none!important;left:auto!important;right:auto!important;} .fidar-ai-artwork-image {width:100%!important;height:auto!important;max-width:100%!important;} }