.heading-box {
    border: 1px solid #dee2e6 !important;
    border-left: 0.3rem solid var(--color-steelblue-light)!important;
}
.info-card img{
    width: auto;
    height: auto;
    max-width: 90px;
    max-height: 90px;
}
.small-font{
    font-size: .9rem;
}
.sticky{
    --height: 6rem;
}
.play-btn  {
    background: rgba(255, 255, 255, 0.85);
    animation: ripple 1.5s linear infinite;
    transition: all 0.7s ease;
    --ripple-color: 48, 97, 138;
}
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--ripple-color), 0.4), 0 0 0 1px rgba(var(--ripple-color), 0.4), 0 0 0 3px rgba(var(--ripple-color), 0.4), 0 0 0 5px rgba(var(--ripple-color), 0.4);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--ripple-color), 0.4),0 0 0 4px rgba(var(--ripple-color), 0.4), 0 0 0 20px rgba(var(--ripple-color), 0),0 0 0 30px rgba(var(--ripple-color), 0);
    }
}