.building-blocks{--bar-height:2.08rem;--bar-gap:1rem;--duration:0.4s;background-color:#f7f6f7;overflow:hidden;padding:7rem 0 1rem}.building-blocks__header{color:var(--text-light-color);margin-bottom:60px}@media (min-width:480px){.building-blocks__header{max-width:80rem}}@media (min-width:768px){.building-blocks__header{margin-bottom:5rem;max-width:70rem}}@media (min-width:991px){.building-blocks__header{max-width:45rem}}.building-blocks__header p{font-size:1.39em}@media not screen and (min-width:991px){.building-blocks__header p{font-size:20px}}@media not screen and (min-width:768px){.building-blocks__header p{font-size:16px}}.building-blocks__content{display:flex;margin-right:calc(var(--container-margin)*-1);overflow-x:auto;position:relative}@media (min-width:991px){.building-blocks__content{margin-top:-150px;padding-right:var(--container-margin)}}.building-blocks__blocks{-ms-grid-columns:250px 40px 250px 40px 250px 40px 250px;align-items:start;display:-ms-grid;display:grid;gap:40px;grid-template-columns:repeat(4,250px);list-style:none;margin:0;padding-left:0}@media (min-width:768px){.building-blocks__blocks{-ms-grid-columns:(220px)[4];grid-template-columns:repeat(4,220px)}}@media (min-width:991px){.building-blocks__blocks{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);padding-bottom:calc(var(--bar-gap)*1.75 + var(--bar-height))}}.building-blocks__blocks li{background-color:#fff;border-radius:16px;color:var(--text-light-color);margin:0;opacity:0;padding:2.5rem}@media (min-width:768px){.building-blocks__blocks li{border-radius:.8rem;margin-top:calc((2 - var(--index))*30% + 25%);padding:2.8rem 2.5rem}.building-blocks__blocks li:last-child{margin-top:0}}@media not screen and (min-width:768px){.building-blocks__blocks li{padding:20px 20px 45px}.building-blocks__blocks li:nth-child(2n){margin-top:40px}}.is-visible .building-blocks__blocks li{-webkit-animation:fade-in-up forwards ease-out var(--duration) calc(var(--duration)/2*var(--index));animation:fade-in-up forwards ease-out var(--duration) calc(var(--duration)/2*var(--index))}.building-blocks__step{background-color:var(--bar-color);border-radius:1000px;border-bottom-right-radius:0;border-top-right-radius:0;bottom:calc(var(--index)*(var(--bar-height) + var(--bar-gap)) + var(--bar-gap));height:var(--bar-height);left:100%;position:absolute;right:0}@media not screen and (min-width:991px){.building-blocks__step{display:none}}@media not screen and (min-width:768px){.building-blocks__step:first-of-type{display:block;flex-shrink:0;position:static;visibility:hidden;width:var(--container-margin)}}.is-visible .building-blocks__step{left:calc((var(--container-width) - 90px)/4*var(--index) + 30px*var(--index));transition:var(--duration) calc(var(--duration)/2*var(--index)) ease-out}