.reasons .reason{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff4d;grid-template-rows:auto auto auto 1fr;width:100%;height:17.8rem;padding:1rem;display:grid;position:relative;overflow:hidden}canvas{width:100%;height:100%!important}.reasons div .title{font-size:var(--p2);margin-bottom:.25rem;font-weight:600}.reasons div .number{color:var(--primary);font-size:var(--p4);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-weight:800}.value-section{grid-template-columns:57% 1fr;gap:2rem;display:grid}@media screen and (max-width:850px){.value-section{flex-direction:column;display:flex}}.progress-bar__background{fill:none;stroke:#e2eff0;stroke-width:1.8px}.progress-bar__progress{fill:none;stroke:#fff;stroke-dasharray:100 100;stroke-linecap:round;stroke-width:1.8px}.loader-svg{transform:rotate(-90deg)}.loader-svg circle{stroke-width:4px}.project .indicator{opacity:0;transition:var(--transition)}.project:hover .indicator{opacity:1}.service{border-radius:var(--radius);border:1px solid var(--border);background-color:#e6e6e6;overflow:hidden}
.hero-section{border:1px solid var(--border);border-radius:var(--radius);background:#e5e5e5;width:100%;padding:3.5rem 3.5rem 2rem}@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}