.hero-section{width:100%;padding:3.5rem 3.5rem 2rem;background:#e5e5e5;border:1px solid var(--border);border-radius:var(--radius)}@media screen and (min-width:1440px){.hero-section{height:35rem;padding-left:8rem;padding-right:15rem}}.hero-section h1 span{color:var(--primary)}.hero-section img{width:100%;height:auto}.hero-image .progress-bar__progress{stroke:#4162bf}.hero-section svg *{font-weight:700}.reasons .reason{background:rgba(255,255,255,.3);border:1px solid var(--border);border-radius:var(--radius);height:17.8rem;width:100%;display:grid;padding:1rem;grid-template-rows:auto auto auto 1fr;overflow:hidden;position:relative}canvas{width:100%;height:100%!important}.reasons div .title{font-size:var(--p2);font-weight:600;margin-bottom:.25rem}.reasons div .number{color:var(--primary);font-size:var(--p4);font-weight:800;font-family:JetBrains Mono,monospace;margin-bottom:.5rem}.value-section{display:grid;grid-template-columns:57% 1fr;gap:2rem}@media screen and (width <= 850px){.value-section{display:flex;flex-direction:column}}.progress-bar__background{fill:none;stroke:#e2eff0;stroke-width:1.8}.progress-bar__progress{fill:none;stroke:#FFFFFF;stroke-dasharray:100 100;stroke-linecap:round;stroke-width:1.8}.loader-svg{transform:rotate(-90deg)}.loader-svg circle{stroke-width:4px}.project .indicator{opacity:0;transition:var(--transition)}.project:hover .indicator{opacity:1}.service{background-color:#E6E6E6;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}