.hero-section {
    background:
        radial-gradient(circle at 15% 20%, rgba(16,185,129,.18), transparent 40%),
        radial-gradient(circle at 85% 25%, rgba(6,182,212,.15), transparent 40%),
        /* linear-gradient(
            135deg,
            #020617 0%,
            #052e2b 45%,
            #041b18 100%
    ); */
    linear-gradient(
    135deg,
    #061A16 0%,
    #0B2F28 30%,
    #14532D 65%,
    #16A34A 100%
    ); 
    padding-bottom: 60px;  
} 


.hero-section::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

    background-size: 70px 70px;
    opacity: 0.35;

    pointer-events: none;
}

.hero-glow-1 {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 10%;
    top: 15%;

    background: radial-gradient(
        circle,
        rgba(59,130,246,.18),
        transparent 60%
    );

    filter: blur(80px);
    pointer-events: none;
} 

.hero-glow-2 {
    position: absolute;
    width: 600px;
    height: 600px;
    right: 5%;
    top: 20%;

    background: radial-gradient(
        circle,
        rgba(139,92,246,.15),
        transparent 65%
    );

    filter: blur(100px);
    pointer-events: none;
}

.hero-glow-3 {
    position: absolute;
    width: 600px;
    height: 600px;
    left: 20%;
    top: 20%;
    background: radial-gradient(circle, rgba(16,185,129,.15), transparent 60%);
    filter: blur(60px);
}


.card-bg {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        );
}


.industry-section {
    background: linear-gradient(
        135deg,
        #2563EB 0%,
        #683bfd 30%,
        #6D28D9 100%

    );
}

.industry-section {
    background: linear-gradient(
        90deg,
        #A855F7 0%,
        #7C3AED 40%,
        #4F46E5 70%,
        #2563EB 100%
    );
}


.hero-content {
    position: relative;
    z-index: 10;
}

.hero-right {
    position: relative;
    z-index: 1;
}

.marquee-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee-scroll 180s linear infinite;
    will-change: transform;
}

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

.marquee-content {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 3rem;
    white-space: nowrap;
    padding-right: 3rem;
    margin-bottom: 10px;
}

.tech-item {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.tech-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
}

.tech-name {
    white-space: nowrap;
    font-size: 0.95rem;
    color: #ffffff;
}

/* Continuous movement */
@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}