@media only screen and (max-width: 768px) {
    .features-title {
        font-size: 2.1rem;
    }

    .feature-card-v2 {
        padding: 28px 20px 22px;
    }

    .infinite-grid {
        grid-template-columns: 1fr;
    }
    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .step-arrow {
        display: none;
    }
    .qr2 {
        position: fixed;
        padding: 0 15px;
        background:none;
    }
    .qr2_fixed {
        background: radial-gradient(circle at 20% 20%, #0b4f8a, rgb(73 128 145) 85%);
    }
    .hero {
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%, 0px 100%);
    }
    .qr-problem-area, .qr-adv-area, .qr-features-area, .how-it-works-section, .qr-who-area, .qr-cta-area {
        padding: 25px 0;
    }
    .qr-cta-box{
        padding:25px;
    }
    .qr-title, .qr-features-title, .qr-who-title {
        font-size: 21px;
    }
    .step-title, .qr-feature-card h5 {
        font-size: 18px;
    }
    .hero-title{
        font-size:33px;
    }
}