/* Custom CSS for Animations and Scrollbar */
        .typewriter-effect {
            overflow: hidden; /* Ensures the content is not revealed until the animation */
            border-right: .15em solid #4A90E2; /* The typewriter cursor */
            white-space: nowrap; /* Keeps the content on a single line */
            margin: 0 auto; /* Gives that scrolling effect as the typing happens */
            letter-spacing: .05em; /* Adjust as needed */
            animation: 
                typing 4s steps(40, end) 1s forwards,
                blink-caret .75s step-end infinite;
            width: 0; /* Start with zero width */
        }
        @keyframes typing {
            from { width: 0 }
            to { width: 100% }
        }
        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #4A90E2; }
        }

        .scroll-trigger {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .scroll-trigger.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .nav-link::after {
            content: '';
            display: block;
            width: 0;
            height: 2px;
            background: #A8E063;
            transition: width 0.3s;
        }

        .cta-button {
            box-shadow: 0 4px 15px rgba(74, 144, 226, 0.4);
            transition: all 0.3s ease-in-out;
        }

        .cta-button:hover {
            box-shadow: 0 6px 20px rgba(74, 144, 226, 0.6), 0 0 15px rgba(168, 224, 99, 0.8);
            transform: scale(1.05);
        }

        /* Custom scrollbar for horizontal sections */
        .horizontal-scroll-container::-webkit-scrollbar {
            height: 8px;
        }
        .horizontal-scroll-container::-webkit-scrollbar-thumb {
            background: #4A90E2;
            border-radius: 10px;
        }
        .horizontal-scroll-container::-webkit-scrollbar-track {
            background: #F0F8FF;
        }