<div id="Facts" class="container keys_card di_m_t_80px dip_p_0_10px di_b_r_10px">
    <div class="row">
        <div class="col-12 di_t_center di_m_b_40px">
            <h2>Facts</h2>
        </div>
        <div class="col-6">
            <div>
                <h4 class="di_f_right di_p_t_10px">17</h4>
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_right di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/hourglass_bottom_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/hourglass_bottom_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                <div class="di_clearfix"></div>
                <span class="di_f_right di_t_right">Years of experience</span>
            </div>
            <div class="di_clearfix di_m_t_40px">
                <h4 class="di_f_right di_p_t_10px">24.8k +</h4>
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_right di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/door_open_FILL1_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/door_open_FILL1_wght400_GRAD0_opsz48.svg); "></div>
                <div class="di_clearfix"></div>
                <span class="di_f_right di_t_right">Openings without damage</span>
            </div>
            <div class="di_clearfix di_m_t_40px">
                <h4 class="di_f_right di_p_t_10px">118 +</h4>
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_right di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/school_FILL1_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/school_FILL1_wght400_GRAD0_opsz48.svg); "></div>
                <div class="di_clearfix"></div>
                <span class="di_f_right di_t_right">Trained specialists</span>
            </div>
        </div>
        <div class="col-6">
            <img class="" style="bottom: 10px; right: 10px; max-width: 100%; max-height: 300px;" src="/img/media/keys_locksmith_1.png" alt="">
        </div>
        <div class="col-12 di_h_80px"></div>
        <div class="col-6 di_t_right">
            <img class="" style="bottom: 10px; right: 10px; max-width: 100%; max-height: 300px;" src="/img/media/keys_locksmith_2.png" alt="">
        </div>
        <div class="col-6 di_p_l_20px">
            <div>
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_left di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/lock_FILL1_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/lock_FILL1_wght400_GRAD0_opsz48.svg); "></div>
                <h4 class="di_f_left di_p_t_10px">51.8k</h4>
                <div class="di_clearfix"></div>
                <span class="di_f_left">Locks repaired</span>
            </div>
            <div class="di_clearfix di_m_t_40px">
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_left di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/timer_FILL1_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/timer_FILL1_wght400_GRAD0_opsz48.svg); "></div>
                <h4 class="di_f_left di_p_t_10px">19.4k +</h4>
                <div class="di_clearfix"></div>
                <span class="di_f_left">Working hours</span>
            </div>
            <div class="di_clearfix di_m_t_40px">
                <div class="rc_mask_icon di_size_40px di_m_r_5px di_bg_b di_f_left di_d_inline_block di_p_relative" style="top: 5px; mask-image: url(/img/icons/sentiment_very_satisfied_FILL1_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/sentiment_very_satisfied_FILL1_wght400_GRAD0_opsz48.svg); "></div>
                <h4 class="di_f_left di_p_t_10px">3480 +</h4>
                <div class="di_clearfix"></div>
                <span class="di_f_left">Satisfied customers</span>
            </div>
        </div>
    </div>
</div>

