.page-hero-vid-container {
    background: radial-gradient(circle at 70%, #59A7AB 0%, #35698E 45%);
}

.page-hero {
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

/* Styling for the arrow icon */
.arrow-icon {
    display: inline-block;
    transform: translateX(-50%);
    transition: transform 0.3s ease;
}

/* Move the arrow icon to the right on hover */
a#phero-getstarted:hover .arrow-icon {
    transform: translateX(0%);
}

button:hover .arrow-icon {
    transform: translateX(0%);
}

.marquee-container {
    overflow: hidden;
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 40s linear infinite;
}

.marquee img {
    width: auto;
    max-height: 50px;
    object-fit: cover;
    margin-right: 100px; /* Adjust spacing between images */
    display: inline-block; /* Prevents images from stacking vertically */
}

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

/* 
.slider-card {
    min-width: 400px;
    max-width: 400px;
} */

.slider-controls button {
    width: 60px;
    height: 60px;
}

.blurry-edge-card-img-container {
    background: linear-gradient(to right, #ABEFF2, #35698E);
    box-shadow:
        20px 0px 30px -10px rgba(255, 255, 255, 0.8) inset, /* Left side */
        -20px 0px 30px -10px rgba(255, 255, 255, 0.8) inset; /* Right side */
}