/* ================= Cheap Collection ================= */

.budget-wrapper{
    background:#e7e1e7;
    border-radius:10px;
    padding:40px 0;
}

/* Desktop - 6 cards */
@media (min-width:1200px){
    .col-lg-custom-six{
        flex:0 0 16.666667%;
        max-width:16.666667%;
    }
}

/* Laptop - 5 cards */
@media (min-width:992px) and (max-width:1199px){
    .col-lg-custom-six{
        flex:0 0 20%;
        max-width:20%;
    }
}

/* Tablet - Bootstrap col-md-4 (3 cards) */
/* No CSS required */

/* Mobile - Bootstrap col-6 (2 cards) */
/* No CSS required */

.Cheapbudget-card{
    position:relative;
    height:420px;
    overflow:hidden;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    cursor:pointer;
}

.Cheapbudget-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.Cheapbudget-card:hover img{
    transform:scale(1.05);
}

/* Large Laptop */
@media (max-width:1400px){
    .Cheapbudget-card{
        height:380px;
    }
}

/* Laptop */
@media (max-width:1199px){
    .Cheapbudget-card{
        height:340px;
    }
}

/* Tablet */
@media (max-width:991px){
    .Cheapbudget-card{
        height:300px;
    }
}

/* Mobile */
@media (max-width:767px){

    .budget-wrapper{
        padding:25px 10px;
    }

    .Cheapbudget-card{
        height:210px;
        border-radius:6px;
    }

    .row.g-3{
        --bs-gutter-x:.5rem;
        --bs-gutter-y:.5rem;
    }
}

/* Small Mobile */
@media (max-width:576px){

    .Cheapbudget-card{
        height:225px;
    }
}