.trusted-by-logos {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.logos-wrapper {
    display: inline-block;
    animation: marquee 20s linear infinite;
    will-change: transform;
}

.logos{
    width: 100vw;
}

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

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

.services-icon {
    background-color: rgba(195, 197, 242, 0.24);
    border-radius: 6px;
}

.main-gradient {
    background: linear-gradient(90deg, #5c58eb 0.14%, #3cbebc 105.82%);
}

.main-gradient-outline {
    position: relative;
    background: linear-gradient(90deg, #5c58eb 0.14%, #3cbebc 105.82%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.main-gradient-outline::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 9999px;
    padding: 2px;
    background: linear-gradient(90deg, #5c58eb 0.14%, #3cbebc 105.82%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.project-content-gradient {
    background: conic-gradient(
        from 179.4deg at 46.17% -5.25%,
        #ffffff -1.01deg,
        #ffffff 11.58deg,
        #9edfde 88.43deg,
        #3cbebc 165.28deg,
        #ffffff 358.99deg,
        #ffffff 371.58deg
    );
    border-color: rgba(60, 190, 188, 1) !important;
    transition: background 0.3s ease;
}