/* امیر حسین بخشی */
/* AMIR HOSSEIN BAKHSHI */


.Voice-Customers-container {
    flex-direction: column;
}

.Voice-Customers-audio-visual {
    height: 70px;
    width: 405px;
    display: flex;
    align-items: center;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire {
    height: 50%;
    margin: 0px 3px;
    padding: 0px 1px;
    background-color: #5a666f;
    animation: animateUpDown .5s infinite alternate;
    animation-play-state: paused;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-1 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-2 {
    animation-delay: 150ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-3 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-4 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-5 {
    animation-delay: 600ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-6 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-7 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-8 {
    animation-delay: 150ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-9 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-10 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-11 {
    animation-delay: 600ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-12 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-13 {
    animation-delay: 150ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-14 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-15 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-16 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-17 {
    animation-delay: 600ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-18 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-19 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-20 {
    animation-delay: 150ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-21 {
    animation-delay: 600ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-22 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-23 {
    animation-delay: 150ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-24 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-25 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-26 {
    animation-delay: 50ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-27 {
    animation-delay: 600ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-28 {
    animation-delay: 300ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-29 {
    animation-delay: 450ms;
}

.Voice-Customers-audio-visual .Voice-Customers-audio-wire-30 {
    animation-delay: 150ms;
}

.Voice-Customers-audio {
    position: absolute;
    overflow: hidden;
    visibility: hidden;
}

.Voice-Customers-play-circle {
    position: absolute;
    right: 80%;
    width: 50px;
    height: 50px;
    background: url(https://tekan.agency/wp-content/uploads/2024/09/puse.svg);
    background-size: cover;
    border: none;
    background-color: transparent;
}

.Voice-Customers-play-circle:hover {
    background-color: transparent;
    border: none;
}

.Voice-Customers-pause-circle {
    position: absolute;
    right: 80%;
    width: 50px;
    height: 50px;
    background: url(https://tekan.agency/wp-content/uploads/2024/09/play.svg);
    background-size: cover;
    border: none;
    background-color: transparent;
}

.Voice-Customers-pause-circle:hover {
    background-color: transparent;
    border: none;
}

@keyframes animateUpDown {
    to {
        height: 90%;
    }

    from {
        height: 50%;
    }
}