.post-div:hover {
    box-shadow: 3px 3px 13px lightcoral;
    transform: scale(1.01);
}

.trusted-icon {
    position: relative;
    animation: MoveUpDown 1s linear infinite;
}

[data-accordion] button {
    color: black;
}

[data-accordion] button:hover {

    /* Change background color */
    color: white;
    background-color: #FF8904;
    /* Change text color */
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee-left {
    0% {
        transform: translateX(-60%);
    }

    100% {
        transform: translateX(100%);
    }
}

.marquee {
    display: flex;
    animation: marquee 70s linear infinite;
    width: 200%;
    /* Ensures smooth looping */
}

.marquee-container:hover .marquee {
    animation-play-state: paused;
}

.marquee-left {
    display: flex;
    animation: marquee-left 70s linear infinite;
    width: 200%;
    /* Ensures smooth looping */
}

.marquee-container:hover .marquee-left {
    animation-play-state: paused;
}



.fade-left,
.fade-right {
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1;
    height: 100%;
    pointer-events: none;
}

.fade-left {
    left: 0;
    background: radial-gradient(circle at left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.fade-right {
    right: 0;
    background: radial-gradient(circle at right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

@keyframes MoveUpDown {

    0%,
    100% {
        bottom: 0;
    }

    50% {
        bottom: 20px;
    }
}