<style>
    .single-fact .icon {
        color: rgb(41 52 144);
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .single-fact .fact-info span.counter {
        font-size: 40px;
        font-weight: 700;
        line-height: 54px;
    }

    .single-fact .fact-info span {
        /* color: #fff; */
        /* display: block; */
        font-size: 17px;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }
</style>
<section class="services">
    <div class="funfact-area overlay-bg-4 ">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <!-- Start single fact -->
                    <div class="single-fact text-center">
                        <!-- <div class="icon">
                            <i class="bi bi-files"></i>
                        </div> -->
                        <div class="fact-info">
                            <span class="counter"
                                style="color: rgb(41 52 144); transition: ease-in-out 0.3s;font-weight: 700;">50</span>
                            <span style="line-height: 24px; font-size: 14px; margin-bottom: 0;"><i class="bi bi-plus"
                                    style="vertical-align: super;font-weight:600; font-size: 27px;"></i>
                                <br>SUCCESSFUL PROJECTS</span>
                        </div>
                    </div>
                    <!-- Start single fact -->
                </div>
                <div class="col-sm-6 col-md-3">
                    <!-- Start single fact -->
                    <div class="single-fact text-center">
                        <!-- <div class="icon">
                            <i class="bi bi-user"></i>
                        </div> -->
                        <div class="fact-info">
                            <span class="counter"
                                style="color: rgb(41 52 144); transition: ease-in-out 0.3s;font-weight: 700;">2168</span>
                            <span
                                style="line-height: 24px; font-size: 14px; margin-bottom: 0; vertical-align: super;"><i
                                    class="bi bi-plus"
                                    style="vertical-align: super; font-weight:600; font-size: 27px;"></i> <br>HAPPY CUSTOMERS</span>
                        </div>
                    </div>
                    <!-- Start single fact -->
                </div>
                <div class="col-sm-6 col-md-3">
                    <!-- Start single fact -->
                    <div class="single-fact text-center">
                        <!-- <div class="icon">
                            <i class="bi bi-chart"></i>
                        </div> -->
                        <div class="fact-info">
                            <span class="counter"
                                style="color: rgb(41 52 144); transition: ease-in-out 0.3s;font-weight: 700;">90</span>
                            <span
                                style="line-height: 24px; font-size: 14px; margin-bottom: 0; vertical-align: super;"><i
                                    class="bi bi-plus"
                                    style="vertical-align: super; font-weight:600; font-size: 27px;"></i> <br>CUSTOMER SATISHFACTION SCORE</span>
                        </div>
                    </div>
                    <!-- Start single fact -->
                </div>
                <div class="col-sm-6 col-md-3">
                    <!-- Start single fact -->
                    <div class="single-fact text-center">
                        <!-- <div class="icon">
                            <i class="bi bi-code"></i>
                        </div> -->
                        <div class="fact-info">
                            <span class="counter"
                                style="color: rgb(41 52 144); transition: ease-in-out 0.3s;font-weight: 700;">241</span>
                            <span
                                style="line-height: 24px; font-size: 14px; margin-bottom: 0; vertical-align: super;"><i
                                    class="bi bi-plus"
                                    style="vertical-align: super; font-weight:600; font-size: 27px;"></i> <br>CERTIFIED PROFESSIONAL</span>
                        </div>
                    </div>
                    <!-- Start single fact -->
                </div>
            </div>
        </div>
    </div>
</section>