.audio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}

.audio-grid .media-text-box {
    display: block;
}

.audio-player {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
}

.audio-player audio,
.audio-player amp-audio {
    width: 100% !important;
}

audio::-webkit-media-controls-panel {
    background: var(--bgColor);
    backdrop-filter: blur(13px);
}

.audio_img_wrap {
    position: relative;
    aspect-ratio: 3/1.5;
}

.audio_img_wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.audio_img_wrap .img-contain {
    height: 100%;
}

@media screen and (max-width: 992px) {
    .audio-grid {
        padding-bottom: 10px;
        gap: 15px;
        grid-auto-flow: column;
        grid-auto-columns: minmax(250px, 1fr);
        overflow-x: auto;
    }

    .audio-grid::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .audio-grid::-webkit-scrollbar-thumb {
        background-color: transparent;
    }
}

@media screen and (max-width: 576px) {
    .news-story-container {
        padding-bottom: 20px;
    }

    .audio-player {
        padding: 10px;
    }
}