<div class="card mb-3">
    <div class="card-header">
        <strong>{{ trans('packages/theme::theme.settings.website_tracking.gtm.adding_ga4_title') }}</strong>
    </div>
    <div class="card-body">
        <p class="mb-2">{{ trans('packages/theme::theme.settings.website_tracking.gtm.adding_ga4_description') }}</p>
        <ol class="mb-0">
            <li>{{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_step_1') }}</li>
            <li>{{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_step_2') }}</li>
            <li>
                {{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_step_3') }}<br>
                <small class="text-muted">{{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_example') }} <code>G-ABCDE12345</code></small>
            </li>
            <li>{{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_step_4') }}</li>
            <li>{{ trans('packages/theme::theme.settings.website_tracking.gtm.ga4_step_5') }}</li>
        </ol>
    </div>
</div>