.ride-event-text-image-container{display:flex;justify-content:space-evenly;align-items:flex-start;gap:22px;margin:32px 40px 40px 40px}
@media(max-width:768px){.ride-event-text-image-container{flex-direction:row;flex-wrap:wrap;margin:16px 0 16px;gap:0}
}
.ride-event-text-image{display:flex;flex-direction:column;align-items:center;gap:8px;width:25%}
@media(max-width:768px){.ride-event-text-image{padding:14px 10px;flex-direction:column;position:relative;align-items:center;gap:4px;width:calc(50% - 20px)}
}
@media(max-width:768px){.showAnimation .ride-event-text-image:nth-child(1){animation:2s slide-top-left forwards}
.showAnimation .ride-event-text-image:nth-child(2){animation:2s slide-top-right forwards}
.showAnimation .ride-event-text-image:nth-child(3){animation:2s slide-bottom-left forwards}
.showAnimation .ride-event-text-image:nth-child(4){animation:2s slide-bottom-right forwards}
.ride-event-text-image:nth-child(1){top:-40px;left:-40px}
.ride-event-text-image:nth-child(2){top:-40px;right:-40px}
.ride-event-text-image:nth-child(3){bottom:-40px;left:-40px}
.ride-event-text-image:nth-child(4){bottom:-40px;right:-40px}
}
.ride-event-text-image-text{width:100%;text-align:center;font-family:var(--font-tstar-medium);font-size:16px;line-height:20px;color:#303030}
@media(max-width:768px){.ride-event-text-image-text{font-size:14px;line-height:20px}
}
.ride-event-text-image-icon{display:flex;width:80px;height:80px;justify-content:center;align-items:center}
@media(max-width:768px){.ride-event-text-image-icon{display:flex;width:42px;height:42px;justify-content:center;align-items:center}
}
.ride-event-text-image-title p{color:#303030;text-align:center;font-family:var(--font-tstar-heavy);font-size:18px;line-height:24px}
@media(max-width:1100px){.ride-event-text-image-title p{font-size:16px;line-height:20px}
}
@media(max-width:768px){.ride-event-text-image-title p{font-size:16px;line-height:20px;min-height:40px}
}
.ride-event-text-image-title p span{font-family:var(--font-tstar-medium)}
.ride-event-text-image-container.ride-img-harley .ride-event-text-image-text{color:#fff;font-family:var(--font-optika-regular)}
.ride-event-text-image-container.ride-img-harley .ride-event-text-image-title p{font-family:var(--font-optika-regular)}
@keyframes slide-top-left{from{top:-40px;left:-40px}
to{top:0;left:0}
}
@keyframes slide-top-right{from{top:-40px;right:-40px}
to{top:0;right:0}
}
@keyframes slide-bottom-left{from{bottom:-40px;left:-40px}
to{bottom:0;left:0}
}
@keyframes slide-bottom-right{from{bottom:-40px;right:-40px}
to{bottom:0;right:0}
}