.hero{
    height: 65vh;
    background-image:
    linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
    url("../images/upload/trek/hero.png"); 
    background-size: cover;

    background-position: center;
    display: flex;
    align-items: center;
}




.card{
    transition: .3s;}


.card:hover{
          transform: translateY(-8px);
        box-shadow: 0 18px 35px rgba(0, 0, 0, .15) ;}



.card-img-top{
    transition: .4s}

.card:hover .card-img-top {
        transform: scale(1.03); }
.badge {
        font-size: .8rem;
        padding: .5rem .7rem;}

img {
    transition: .4s;
    }

img:hover {
        transform: scale(1.01);
}
ul li {
     margin-bottom: 10px;
    }


.trek-card-bg-color{
    background-color: rgb(180, 193, 224);;
}

.admin-card-bg{background-color: rgb(237, 244, 248);}




.trek-table {
    width: 100%;
    border-collapse: collapse;
}

.trek-table thead {
    background-color: #0dcaf0;   /* matches your bg-info header */
    color: white;
}

.trek-table th,
.trek-table td {
    padding: 10px;
    border: 1px solid #dee2e6;
}

.trek-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;   /* light stripe */
}

.trek-table tbody tr:hover {
    background-color: #e7f6fb;   /* subtle hover tint */
}