.text-rotator {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        position: relative;
                        width: 100%;
                        max-width: 600px;
                        perspective: 1000px;
                    }

                    .rotator-item {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        background: rgba(255, 255, 255, 0.05);
                        padding: 12px 24px;
                        border-radius: 50px;
                        border: 1px solid rgba(255, 255, 255, 0.1);
                        backdrop-filter: blur(5px);
                        position: absolute;
                        width: fit-content;
                        max-width: 100%;
                        transform-style: preserve-3d;
                        backface-visibility: hidden;
                        transform: rotateX(-90deg);
                        transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
                        opacity: 0;
                        pointer-events: none;
                        white-space: normal;
                        word-break: break-word;
                    }

                    .rotator-item.active {
                        opacity: 1;
                        pointer-events: auto;
                        position: relative;
                        transform: rotateX(0deg);
                    }

                    .rotator-item.exit {
                        position: absolute;
                        opacity: 0;
                        transform: rotateX(90deg);
                        pointer-events: none;
                    }

                    .rotator-icon {
                        color: #0cffa7;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

.scroll-indicator a:hover {
                        color: #ffffff !important;
                    }

                    .scroll-arrow-icon {
                        animation: pulseBounce 2s infinite ease-in-out;
                    }

                    @keyframes pulseBounce {
                        0%,
                        100% {
                            transform: translateY(0);
                            filter: drop-shadow(0 0 8px rgba(12, 255, 167, 0.3));
                        }

                        50% {
                            transform: translateY(10px);
                            filter: drop-shadow(0 0 20px rgba(12, 255, 167, 0.8));
                        }
                    }

.electro-line {
                position: absolute;
                left: 0;
                width: 100%;
                height: 1px;
                background: transparent;
                pointer-events: none;
                z-index: 2;
            }

            .electro-line.top {
                top: 0;
            }

            .electro-line.bottom {
                bottom: 0;
            }

            .electro-bolt {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg,
                        transparent 0%,
                        transparent 10%,
                        rgba(12, 255, 167, 0) 30%,
                        rgba(12, 255, 167, 1) 50%,
                        rgba(12, 255, 167, 0) 70%,
                        transparent 90%,
                        transparent 100%);
                transform: translateX(-100%);
                filter: drop-shadow(0 0 5px #0cffa7) drop-shadow(0 0 10px #0cffa7);
                opacity: 0;
            }

            .electro-bolt.running {
                animation: electro-shoot 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
            }

            @keyframes electro-shoot {
                0% {
                    transform: translateX(-100%);
                    opacity: 0;
                }

                10% {
                    opacity: 1;
                }

                90% {
                    opacity: 1;
                }

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

@media (min-width:1024px){
                    .bento-card.card-6{grid-column:span 1;grid-row:span 1}
                }