:root{--page-title-display:none;}/* Start custom CSS *//* /hrtech page CSS · scoped to this document only · see Build/PAGE-MAP.md */
body.elementor-page-126{margin:0;background-color:#FAFAF7}
.elementor-126{width:100%;max-width:480px;margin:0 auto;background-color:#FAFAF7;color:#10151D;font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.elementor-126 *,.elementor-126 *::before,.elementor-126 *::after{box-sizing:border-box}
.elementor-126 .rec::before,.elementor-126 .play::before{content:none}
.elementor-126 .hrt-hit a{position:static}
.elementor-126 .hrt-hit .elementor-widget:has(> a){position:static}
.elementor-126 .hrt-hit a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}
.elementor-126 .hrt-hit:has(a:focus-visible){outline:2px solid #D6362A;outline-offset:2px}
@supports body.elementor-page-126(:has(a)){.elementor-126 .hrt-hit a:focus-visible{outline:none}}
.elementor-126 .play{transition:transform .2s}
.elementor-126 .hrt-hit:hover .play{transform:scale(1.06)}
@keyframes hrtBlink{50%{opacity:0}}
.elementor-126 .rec > :first-child{animation:hrtBlink 1.2s steps(2) infinite}
@media (prefers-reduced-motion:reduce){.elementor-126 .rec > *{animation-name:none!important}.elementor-126 .play,.elementor-126 .btn-p{transition:none!important}.elementor-126 .hrt-hit:hover .play,.elementor-126 .btn-p:hover{transform:none!important}}
@media (min-width:600px){
body.elementor-page-126{background-color:#E9E9E3;background-image:radial-gradient(rgba(16,21,29,.11) 1px,transparent 1.3px);background-size:18px 18px}
.elementor-126{margin:56px auto;border-radius:28px;overflow:clip;border:1px solid #DCDDD6;box-shadow:0 2px 4px rgba(16,21,29,.05),0 40px 80px -24px rgba(16,21,29,.28),0 16px 32px -16px rgba(16,21,29,.18)}
}
@media (min-width:600px) and (max-height:700px){.elementor-126{margin-top:32px;margin-bottom:32px}}/* End custom CSS */