@media screen and (max-width: 768px) {
    .knowledge-hero-page {
        padding: 120px 0px 40px;
        max-height: fit-content;

        .knowledge-hero-inner {
            flex-direction: column;
            gap: 24px;

            .knowledge-hero-text {
                order: 2;

                > h1 {
                    font-size: 24px;
                }

                > p {
                    text-align: justify;
                    font-size: 13px;
                }
            }

            .knowledge-hero-illustration {
                order: 1;
                flex: auto;
                text-align: center;

                > img {
                    width: 80%;
                }
            }
        }
    }

    .knowledge-training-section {
        .knowledge-training-inner {
            display: flex;
            flex-direction: column;

            .training-left {
                .training-main-image {
                    width: 180px;
                    height: auto;
                }
            }

            .training-right {
                width: 100%;

                .training-module {
                    .training-text {
                        width: 100%;

                        > h3 {
                            font-size: 16px;
                        }

                        > p {
                            font-size: 13px;
                            width: 100%;
                            text-align: justify;
                        }
                    }
                }
            }
        }
    }

    .knowledge-instructor-section {
        .knowledge-instructor-inner {
            > h2 {
                font-size: 26px;
                margin-bottom: 16px;
            }

            .instructor-grid {
                grid-template-columns: 1fr;
            }
        }
    }
}