v_general_select.php

<link rel="stylesheet" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.min.css" />
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css" /> -->
<!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.11.4/css/dataTables.bootstrap4.min.css" /> -->

<script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>
<link href="<?php echo base_url().'assets/plugins/page.css'?>" rel="stylesheet" />


<style>
/* .page-header.page-header-small {
    min-height: 60vh;
    max-height: 440px;
} */
body {
    background: #f4f4f4;
    background-color: white;

}




body {
    /* margin: 3rem; */
    font: 500 100%;
    font-size: 16px;
    line-height: 1.5;
    color: rgb(0, 0, 0);
}

@media (max-width: 1024px) {
    body {
        margin: 0;
        background: #f4f4f4;
    }
}

@media (max-width: 411px) {
    h5 {
        margin-top: 30px
    }
}

.img {
    background-image: url(small.jpg);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.description {
    font: 500 100%;
    font-size: 16px;
}

.card {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);

    /* padding: 14px 80px 18px 36px; */
    /* cursor: pointer; */
}

/* .card:hover { */
    /* transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06); */
/* } */