@media (max-width: 768px) {
    .hero h1 {
        font-size: 0.5em;
    }

    .hero h1::after {
        right: -40px;
        font-size: 0.6em;
    }

    .hero p {
        font-size: 0.9em;
    }

    .logo {
        font-size: 1em;
    }
    .tagline {
    font-size: 0.8em;
    }

    .page-views {
    font-size: 0.8em;
    }
    .main-section h1 {
        font-size: 1.2em;
    }
    .main-section p {
        font-size: 1em;
    }
    .hero h1::after {
    font-size: 0em;
    
    }

    .section-title {
        font-size: 1.5em;
    }
    .solution-content h2 {
        font-size: 2em;
    }

    .price-tag {
        font-size: 1.1em;
    }
    .solution-section p {
        font-size: 0.8em;

    }
    .service-box {
        padding: 16px;
    }

    .cta-section p {
        font-size: 0.6em;
    }

    
    .cta-button {
        padding: 20px 40px;
        font-size: 1.0em;
    }
}