@media screen and (min-width:1024px){.is-visible .is-active .first-l{animation:rev-progress var(--timeout,3s) .5s forwards}.is-visible .is-active .second-l{animation:progress var(--timeout,3s) .5s forwards}.is-visible .value :not(.lines){transition:.5s}.is-visible .is-active :not(.lines){opacity:1}}.our-values{position:relative;margin:0 -1rem}@media screen and (min-width:1024px){.our-values{margin:0}}.our-values>div{scrollbar-width:thin;scrollbar-color:#31c3e5 transparent}.our-values>div::-webkit-scrollbar{height:6px;width:6px}.our-values>div::-webkit-scrollbar-track{background:transparent;border-radius:3px}.our-values>div::-webkit-scrollbar-thumb{background:#31c3e5;border-radius:3px;opacity:.7}.our-values>div::-webkit-scrollbar-thumb:hover{background:#2ba8c8;opacity:1}@media screen and (max-width:1023px){.our-values>div{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-left:1rem;padding-right:1rem}.our-values .value{scroll-snap-align:start;flex-shrink:0;margin-right:.5rem}.our-values .value:last-child{margin-right:1rem}}.value{border-radius:8px}@media screen and (min-width:1024px){.our-values>div{padding-left:2rem;padding-right:2rem}}@keyframes progress{to{width:100%}}@keyframes rev-progress{to{width:0}}