@media (max-width: 768px) {
            .nav-menu {
                position: fixed;
                top: 9.11vw;
                left: -100%;
                width: 100%;
                height: calc(100vh - 70px);
                background: #190529;
                flex-direction: column;
                justify-content: flex-start;
                align-items: end;
                padding-top: 50px;
                transition: left 0.5s ease;
                gap: 10px;
            }            
            
            .nav-menu.active {
                left: 0;
            }
            .nav-toggle {
                display: block;
            }

            .nav-link {
                font-size: 1.2rem;
                padding: 15px 30px;
                width: 80%;
                text-align: center;
                margin: 5px 0;
            }

            .hero-text h1 {
                margin: 2vh 2.5vh 2.5vh 2.5vh
            }
            
            .hero-text p {
                font-family: 'Poppins' ,sans-serif;
            font-weight: 500;
            size: 17px;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0%;
            }

            .hero {
                background-attachment: scroll;
            }
            .mask{   
                min-height: 60.3vh;             
                height: auto;
            }
            .about-top-up{
                margin-top: 4vh;
                list-style:none;
            }
            .generic{
                height: 7vh;
                font-size: 100%;
                margin: 0 1vh 0 1vh;
                width: 90%;
                margin: 3px auto;
            }
            .steps h2{
                margin: 0 12.18vw;
            }
            .stepboxes{
                display: block;
                margin: auto;
            }
            .stepsbox , .stepsbox-ts , .ask-box, .answer{
                margin: 0 auto 2.03vh auto;
                border-radius: 18px;
        }
            .stepsbox{
                height: 19.25vh;
                width:  88.05vw;
            }
            .stepsbox-ts{
                height: auto;
                padding: 1vh 0vh 1vh 10vw;
                width:  88.05vw;
            }
            .ask-box{
                width:  88.05vw;
                padding: 1vh 0vh 1vh 4vw;
                font-weight: 500;
                font-size: 2.2vh;
            }
            .footer img{
                width: 80%;
                margin: 5vh 0;
            }
        }