<div class="mt-20">
    <div class="row bg-dark rounded-3 py-5 px-4">
        <div class="col-lg-3 col-md-6">
            <div class="single-hilighted-feature d-flex align-items-center">
                <div class="hilighted-icon me-3">
                    <img src="{{ uploadedAsset(getSetting('halal_about_us_feature_one_icon')) }}" alt=""
                        class="shadow-lg" />
                </div>
                <div class="hilighted-info">
                    <h6 class="text-light mb-1">{{ localize(getSetting('halal_about_us_feature_one_title')) }}</h6>
                    <span>{{ localize(getSetting('halal_about_us_feature_one_text')) }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="single-hilighted-feature d-flex align-items-center">
                <div class="hilighted-icon me-3">
                    <img src="{{ uploadedAsset(getSetting('halal_about_us_feature_two_icon')) }}" alt=""
                        class="shadow-lg" />
                </div>
                <div class="hilighted-info">
                    <h6 class="text-light mb-1">{{ localize(getSetting('halal_about_us_feature_two_title')) }}</h6>
                    <span>{{ localize(getSetting('halal_about_us_feature_two_text')) }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="single-hilighted-feature d-flex align-items-center">
                <div class="hilighted-icon me-3">
                    <img src="{{ uploadedAsset(getSetting('halal_about_us_feature_three_icon')) }}" alt="shipping-icon"
                        class="shadow-lg" />
                </div>
                <div class="hilighted-info">
                    <h6 class="text-light mb-1">{{ localize(getSetting('halal_about_us_feature_three_title')) }}</h6>
                    <span>{{ localize(getSetting('halal_about_us_feature_three_text')) }}</span>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="single-hilighted-feature d-flex align-items-center">
                <div class="hilighted-icon me-3">
                    <img src="{{ uploadedAsset(getSetting('halal_about_us_feature_four_icon')) }}" alt="shipping-icon"
                        class="shadow-lg" />
                </div>
                <div class="hilighted-info">
                    <h6 class="text-light mb-1">{{ localize(getSetting('halal_about_us_feature_four_title')) }}</h6>
                    <span>{{ localize(getSetting('halal_about_us_feature_four_text')) }}</span>
                </div>
            </div>
        </div>
    </div>
</div>
