.player {
        border: 1px solid #8080806e;
        overflow-y: auto;
        position: relative;
        border-radius: 20px;
    }

    .audio-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        /* margin: 20px auto; */
        font-family: Arial, sans-serif;
    }

    .time {
        font-size: 14px;
        color: #333;
        width: 60px;
        text-align: center;
    }

    .progress-bar {
        flex: 1;
        height: 10px;
        margin: 0 10px;
        background-color: #ddd;
        border-radius: 5px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

    .progress-bar-fill {
        width: 0;
        height: 100%;

        @if (isset($setting) && !empty($setting->progresscolor))
            background-color: {{ $setting->progresscolor }};
        @else
            background-color: #6D1A86;
        @endif
        transition: width 0.1s linear;
    }

    .icon-color {
        @if (isset($setting) && !empty($setting->iconcolor))
            color: {{ $setting->iconcolor }} !important;
        @else
            color: black;
        @endif
    }

    .btn:focus {
        box-shadow: none !important;
    }

    @media only screen and (max-width: 600px) {
        #progress-bar {
            width: 100%;
        }

        .audio-container {
            display: block;
            padding: 20px;
        }
    }

    .podcast-summary {
        position: absolute;
        height: 100%;
        top: -110%;
        left: 0;
        width: 100%;
        background: var(--white);
        z-index: 5;
        transition: top .5s;
        font-size: 14px;
        overflow: auto;
    }

    #podcast-img {
        border-radius: 20px;
        object-fit: cover;
    }

    .subscribe_btn {
        margin-top: 10px;
        border: 1px solid
    }

    #new_player_episode_title {
        font-size: 20px;
        font-weight: bold;
    }

    #episode-season-number {
        font-size: 10px;
        font-weight: bold;
    }

    #15secforward-button {
        border-radius: 50%;
        font-size: 20px;
    }

    .fa-info-circle {
        font-size: 15px;
    }

    .br-50 {
        border-radius: 50%;
    }

    .fs-30 {
        font-size: 30px;
    }

    .fs-22 {
        font-size: 22px;
    }

    .fs-20 {
        font-size: 20px;
    }

    .fs-15 {
        font-size: 15px;
    }

    .tipbtn {
        width: 100%;
        font-size: 14px;
        position: relative;
    }

    @media (min-width: 1000px) {

        /* For large screens and above */
        #podcast-img {
            width: 200px;
        }
    }

    /* From Uiverse.io by elijahgummer */
    .tooltip-container {
        --background-tooltip-container: #2ea44f;
        /* GitHub green color */
        position: relative;
        background: var(--background-tooltip-container);
        cursor: pointer;
        transition: all 0.2s;
        width: 16px;
        height: 16px;
        border-radius: 6px;
        font-size: 17px;
    }

    .tooltip {
        --background-tooltip: #6e7681;
        /* Default background color for tooltip */
        position: absolute;
        top: -39px;
        /* Adjusted top position */
        left: 50%;
        transform: translateX(-50%);
        padding: 0.5em;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
        background: var(--background-tooltip);
        color: white;
        /* Text color */
        border-radius: 5px;
        width: 210px;
        height: 30px;
        font-size: 13px;
        text-align: center;
    }

    .tooltip::before {
        position: absolute;
        content: "";
        height: 0.6em;
        width: 0.6em;
        bottom: -0.2em;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        background: var(--background-tooltip);
        /* Use the same background color as the tooltip */
    }

    .tooltip-container:hover .tooltip {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }