.slider-container{position:relative;width:100%;overflow:hidden}.slider-track{display:flex;gap:1rem;position:relative}.slider-item{flex:0 0 calc(25% - 0.75rem);min-width:calc(25% - .75rem);transition:transform .5s ease}.slide-left{animation:slideLeft .5s ease forwards}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.slide-right{animation:slideRight .5s ease forwards}@keyframes slideRight{0%{transform:translateX(0)}to{transform:translateX(25%)}}.slider-container:hover{cursor:pointer}.slider-container:hover:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:40px;height:4px;background-color:#3b82f6;border-radius:2px;opacity:.7}@media (max-width:1024px){.slider-item{flex:0 0 calc(33.333% - 0.667rem);min-width:calc(33.333% - .667rem)}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes slideRight{0%{transform:translateX(0)}to{transform:translateX(33.333%)}}}@media (max-width:768px){.slider-item{flex:0 0 calc(50% - 0.5rem);min-width:calc(50% - .5rem)}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slideRight{0%{transform:translateX(0)}to{transform:translateX(50%)}}}@media (max-width:480px){.slider-item{flex:0 0 100%;min-width:100%}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}}