.equipment-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:flex-end;column-gap:16px;row-gap:48px}.equipment-solutions .solution{display:flex;flex-flow:column nowrap;text-decoration:none}.equipment-solutions .solution .image-wrapper{position:relative;width:100%;height:0;padding-top:0;overflow:hidden;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .8s ease,padding .8s ease}.equipment-solutions .solution:hover .image-wrapper{padding-top:56.25%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.equipment-solutions .solution .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.equipment-solutions .solution .content{display:flex;flex-flow:column nowrap;align-items:flex-start;position:relative;padding:16px;background-color:var(--color-background-section-alternate)}.equipment-solutions .solution .icon-wrapper{position:relative;width:30px;height:30px;transition:height .3s ease}.equipment-solutions .solution:hover .icon-wrapper{height:0}.equipment-solutions .solution .icon-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;filter:var(--filter-icon);object-fit:cover;object-position:top}.equipment-solutions .solution .title{font-weight:400;padding-bottom:0;transition:padding-bottom .3s ease}.equipment-solutions .solution:hover .title{font-weight:700;padding-bottom:30px}.equipment-solutions .solution .arrow{display:flex;background-color:var(--color-secondary-default);border-radius:50%;opacity:0;position:absolute;bottom:-20px;padding:10px;transition:opacity .3s ease}.equipment-solutions .solution:hover .arrow{opacity:1}.equipment-solutions .solution .arrow svg{width:20px;height:20px;fill:var(--color-text-on-dark)}.equipment-solutions .view-all{font-size:.875rem;text-align:center;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:16px}@media (max-width:500px){.equipment-solutions{row-gap:16px}.equipment-solutions .solution:hover .image-wrapper{padding-top:0;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.equipment-solutions .solution .content{flex-flow:row nowrap}.equipment-solutions .solution:hover .icon-wrapper{height:30px}.equipment-solutions .solution .title{margin-left:16px}.equipment-solutions .solution:hover .title{font-weight:400;padding-bottom:0}.equipment-solutions .solution:hover .arrow{opacity:0}}