.subsidy-detail {
    .functionality-bar {
        padding: 0 0 24px;
        margin: 64px 0 0;
    }

    .block {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        margin-top: 64px;

        .icon {
            fill: var(--color-icon);
        }

        &.first {
            .icon {
                fill: var(--color-icon-accent);
            }
    
        }

        ul.data {
            display: flex;
            flex-wrap: wrap;
            row-gap: 40px;
            column-gap: 30px;
            margin-top: 40px;

            li {
                display: flex;
                flex-direction: column;
                row-gap: 16px;
                width: calc(50% - 15px);
                @media (--viewport-sm-max) {
                    width: 100%;
                }

                .title-s {
                    color: var(--color-text-accent);
                }
            }
        }
    }

    .form-box {
        background-color: var(--color-background-accent);
        padding: 40px;

        .title-m {
            display: block;
            text-align: center;
            margin-bottom: 24px;
        }

        .bodycopy-m {
            display: block;
            text-align: center;
            margin-bottom: 32px;
        }
    }
}