@media screen and (max-width: 768px) {
    .relationship-image img {
        width: 100%;
    }

    .hero-section {
        padding-top: 86px;

        .hero-container {
            row-gap: 0px;

            .hero-image-gallery {
                order: 1;
                margin-top: 0px;
                height: fit-content;

                .image-collage-wrapper {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);

                    .collage-img {
                        position: relative;
                        inset: 0;
                    }
                }
            }

            .hero-content {
                order: 2;

                .hero-title {
                    font-size: 32px;
                    line-height: 40px;
                }

                .hero-underline {
                    width: 100%;
                }

                .hero-description {
                    font-size: 14px;
                }
            }
        }
    }

    .relationship-section {
        .relationship-title {
            font-size: 22px;
        }

        .relationship-description {
            font-size: 14px;
        }
    }

    .stats-section {
        .stats-banner-text {
            font-size: 24px;
        }
    }

    .elearning-section {
        .elearning-subtitle {
            font-size: 14px;
        }
    }

    .innovators-section {
        .innovators-title {
            font-size: 24px;
        }

        .innovators-grid {
            .innovator-card {
                .innovator-name {
                    font-size: 16px;
                }
            }
        }
    }
}