@media (max-width: 1024px) {

    /* NAVBAR */
    .navbar {
        padding: 0 20px;
    }

    /* HERO TEXT */
    .text-content {
        left: 75%;
        max-width: 400px;
    }

    .title {
        font-size: 36px;
    }

    .subtitle {
        font-size: 16px;
    }

    /* ABOUT */
    .about-container {
        padding: 0 30px;
        gap: 20px;
    }

    .about-left h2 {
        font-size: 20px;
    }

    .about-image img {
        width: 240px;
    }

    .about-right p {
        font-size: 12px;
    }

    .feat-title {
        font-size: 13px;
    }

    /* PARTNERS */
    .partners-wrapper {
        max-width: 700px;
        padding: 0 20px;
    }

    .partners-grid {
        grid-template-columns: repeat(5, 70px);
        gap: 8px;
    }

    .logo-item {
        padding: 8px;
    }

    .txt-serving,
    .txt-year {
        font-size: 30px;
    }

    .txt-tagline {
        font-size: 12px;
    }

    /* ENGINE SECTIONS */
    .engine-wrapper {
        max-width: 800px;
        padding: 0 30px;
    }

    .engine-visual {
        max-width: 420px;
    }

    .engine-content h1 {
        font-size: 48px;
    }

    .engine-content p {
        font-size: 14px;
        margin: 15px 0 20px;
    }

    .red-shape {
        width: 500px;
        height: 250px;
    }

    .red-shape2 {
        width: 500px;
        height: 250px;
    }

    /* CHOOSE */
    .grid-container {
        gap: 20px;
        padding: 15px 20px;
    }

    .card {
        height: 280px;
    }

    .choose h2 {
        font-size: 1.6rem;
    }

    /* CTA */
    .cta-section h1 {
        font-size: 2.2rem;
    }

    .cta-section p {
        font-size: 1rem;
    }

    /* FOOTER */
    .footer-links a {
        font-size: 0.8rem;
        margin-right: 12px;
    }

    .flex {
        gap: 30px;
    }
}