.logo-a  {
            min-height: 100vh;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000000;
            overflow-x: hidden;
            overflow-y: hidden;
        } 
        .logo-a .banner {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            gap: 90px;
            position: relative;
        }
        .zero .title {
            display: flex;
            align-items: center;
            justify-content: center;
           
        }

        .logo-a  svg {
            scale: 1.7;
            width: 100%;
            height: auto;
            max-width: 100vw;
            max-height: 100vh;
            padding: 2vw;
        }

      

        .logo-a  svg path {
            fill: transparent;
            stroke: white;
            stroke-width: 2;
            stroke-dasharray: 220;
            stroke-dashoffset: 220;
            animation: textAnimation 4s ease-in-out forwards;
        }
        @keyframes textAnimation {
            0% {
                stroke-dashoffset: 220;
            }
            80% {
                fill: transparent;
            } 
            100%{
                stroke-dashoffset: 0;
                fill:cyan;
                stroke-width: 0;
            }
            
        }

        
       
       
         .logo-a .zero {
            width: 100vw;
            height: 100vh;
            background-color: rgb(0, 0, 0);
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 60vh;
            color: #fff;
            font-family: 'Segoe UI', Arial, sans-serif;
            text-align: center;
            z-index: 1;
            
        }
         .logo-a .zero.visible {
            display: flex;
            /* No fade-in animation */
        }

         .logo-a #logopic {
            width: 120px;
            z-index: 10;
            opacity: 0;
            filter: blur(40px);
            pointer-events: none;
            transition: opacity 3s cubic-bezier(.4,2,.6,1), filter 2.5s cubic-bezier(.4,2,.6,1), width 2.5s cubic-bezier(.4,2,.6,1);
        }

        @media (max-width: 768px) {
            .logo-a  html, body {
                overflow-x: hidden !important;
                overflow-y: hidden !important;
                height: 100vh;
                width: 100vw;
                position: fixed;
                max-width: 100vw;
                max-height: 100vh;
            }
            .logo-a  .banner {
                flex-direction: column;
                gap: 20px;
                align-items: center;
                justify-content: center;
               
            }
            #logopic {
                width: 70px;
            }
            .title {
                width: 100vw;
                min-width: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
                box-sizing: border-box;
                padding: 0;
            }
            .title svg {
                display: block;
                margin: 0 auto;
                max-width: 60vw;
                height: auto;
                scale: 1.1;
            }
        }