EVOLUTION-NINJA

Edit File: clientmanagement.php

/* .bacblur {
        background-color: rgba(0, 116, 173, 0.8);
        width: 100%;
        height: 100%;
        backdrop-filter: blur(0.6px);
        position: absolute;
    } */

.projdetailsfinished {
        width: 70%;
        margin: auto;
        height: auto;
        position: absolute;
        z-index: 1111;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-evenly;

}

.finporoj {
        margin: auto;
        max-width: 280px;
        width: 100%;
        padding: 23px 7px;
        border: 0.4px solid #E9E9E9;
        border-radius: 14px;
        background-color: rgba(255, 255, 255, 0.21);

display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

.custfeed {
        font-size: 21px;
        font-weight: 500;
        font-family: 'poppins';
        margin-bottom: 0px;
        margin-top: 10px;
    }

.custproj {
        font-size: 30px;
        font-weight: 700;
        font-family: 'poppins'
    }

.projimg {
        transition: transform 0.6s;
    }

.projimg:hover {
        transform: scale(1.1);
    }

/* finished projects desktop end---------  */

@media (min-width:629px) and (max-width:1000px) {

/* finished projects ------------  */
        .projdetailsfinished {
            width: auto;
            gap: 14px
        }

.finishedprojects {
            width: 100%;
            height: 869px;
        }

.finporoj {
            margin: auto;
            width: 257px !important;
        }

/* finished projects end------------  */
    }

@media only screen and (max-width:628px) {

/* finished projects ------------  */
        .finishedprojects {
            width: 100%;
            height: 875px;
        }

.projdetailsfinished {
            width: 94%;
            gap: 14px
        }

.finporoj {

padding: 23px 7px;
            border: none;
        }

/* finished projects ------------  */

}
</style>

<section class="mt-3">
        <div class="finishedprojects">
            
            <div class="projdetailsfinished row">
                <div class="finporoj col-sm-12 col-md-12 col-lg-4">
                    <div class="projimg"><img src="<?php echo base_url('public/assets/images/rating-stars 1.png');?>"
                            alt=""></div>
                    <p class="custfeed">Happy Customers</p>
                    <p class="custproj">400+</p>

</div>
                <div class="finporoj col-sm-12 col-md-12 col-lg-4">
                    <div class="projimg"><img src="<?php echo base_url('public/assets/images/rating-stars 2.png');?>"
                            alt=""></div>
                    <p class="custfeed">Successful Projects</p>
                    <p class="custproj">350+</p>
                </div>
                <div class="finporoj col-sm-12 col-md-12 col-lg-4">
                    <div class="projimg"><img src="<?php echo base_url('public/assets/images/rating-stars 3.png');?>"
                            alt=""></div>
                    <p class="custfeed">Recommendations</p>
                    <p class="custproj">200+</p>
                </div>
            </div>
        </div>
    </section>