.graphics-block {

    .block-files {
        display: flex;
        gap: 200px;
        margin-bottom: 50px;
        flex-wrap: wrap;

        @media (max-width: 1200px) {
            gap: 20px;
        }
    }

    .block-graphics {
        display: flex;
        flex-direction: column;
        gap: 60px;

        .row {
            .block-title {
                margin-bottom: 30px;
            }
            .block-subtitle {
                font-weight: 600;
                font-size: 16px;
                line-height: 125%;
            }

            .logo-flex {
                --gap-size: 20px;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
                gap: 60px var(--gap-size);
                justify-content: space-between;

                @media (max-width: 992px) {
                    gap: 30px;
                }

                @media (max-width: 768px) {
                    display: flex;
                    flex-wrap: wrap;
                }

                .logo-item {
                    display: flex;
                    gap: 40px;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: space-between;

                    @media (max-width: 992px) {
                        gap: 20px;
                    }

                    @media (max-width: 768px) {
                        display: flex;
                        width: 100%;
                    }

                    .logo-wrapper {
                        width: fit-content;
                        /*height: 120px;*/
                        display: flex;
                        flex-direction: column;
                        gap: 25px;
                        align-items: flex-start;
                        justify-content: center;

                        img {
                            max-width: 100%;
                            max-height: 100%;
                            object-fit: contain;
                        }

                        .caption {
                            display: flex;
                            gap: 5px;
                            color: var(--text-muted);
                            font-size: 15px;
                            font-weight: 400;
                            line-height: 135%;

                            &:before {
                                content: '—';
                            }
                        }
                    }
                }
            }
        }
    }
}