@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

.tech-slider {
    background: rgb(10 15 30 / 3%);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(0, 210, 255, 0.3);
    border-bottom: 1px solid rgba(0, 210, 255, 0.3);
    overflow: hidden;
    /*background: linear-gradient(90deg, #2e37a4 62.5%, #00d3c7 96.64%);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(0, 210, 255, 0.3);
    border-bottom: 1px solid rgba(0, 210, 255, 0.3);
    overflow: hidden;*/
}

.tech-slide-track {
    display: flex;
    gap: 1.5rem;
    padding: 1rem 0;
    animation: scroll 40s linear infinite;
}

.tech-slide {
    /*display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.5rem;
    border-radius: 6px;
    background: rgba(20, 30, 60, 0.5);
    border: 1px solid rgba(0, 180, 255, 0.2);
    box-shadow: 0 0 15px rgba(0, 150, 255, 0.1);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    white-space: nowrap;
    transition: all 0.3s ease;*/

    color: #000000;
    /* font-family: 'Rajdhani', sans-serif; */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    white-space: nowrap;
}

    .tech-slide:hover {
        background: rgba(0, 120, 255, 0.2);
        box-shadow: 0 0 20px rgba(0, 180, 255, 0.3);
        transform: translateY(-2px);
    }

    .tech-slide i {
        font-size: 1.2rem;
        color: #2e37a4;
    }

@keyframes scroll {
    0% {
        transform: translateX(-50%);
    }

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