.free-shipping-notice {
    display: flex;
   /* align-items: flex-start;
    justify-content: space-between;*/
}


.progress-fill {
    height: 100%;
    width: 0%;  /* Will be set by JavaScript */
    position: relative;
    z-index: 1;
    background-size: 200px 20px;  /* Original SVG size */
    background-repeat: repeat-x;  /* Allow the image to repeat horizontally */
    overflow: hidden;  /* Clip the overflowing SVG */
    animation: scroll-animation 15s linear infinite;  /* Add animation */
}

@keyframes scroll-animation {
    0% {
        background-position: -200px 0;  /* Start from the left, outside of the visible area */
    }
    100% {
        background-position: 200px 0;  /* End to the right, outside of the visible area */
    }
}

.waves {
    display: none;
}

.notice-text {
    margin-left: 20px;
}

.goal-truck-shipping-icon {
    position: absolute; 
    right: -25px;  /* Adjust this value as needed */
    top: 50%;
    transform: translateY(-50%);
    color: gold;
    z-index: 4; /* Set a higher z-index */
}

.progress-container {
    position: relative;
    width: 200px;
    height: 20px;
}

.progress-bar {
    width: 100%;
    height: 100%;
    background: #459647;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

.fish-icon-container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.fish-icon {
    position: absolute;
    left: 0;  /* Will be updated by JavaScript */
    top: 50%;
    transform: translateY(-50%);
    color: #f38221;
}