.bannerImgstyle{
    height: 300px;
}

.card-img-top
{
    height: 12rem !important;
    object-fit: cover;
}

.card:hover{
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease-in-out;
    cursor: pointer;
}

.my-hover-effect:hover{
    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease-in-out;
}


.sub-product-height
{
    height: 150px;
    width: 100%;
}

.form-control
{
    border: none  !important;
    outline: none  !important;
    background: transparent  !important;
    border-bottom: 1px solid #B3D7FF !important;
    color: white  !important;
}

@media (max-width: 767px) {
    .bannerImgstyle {
        height: 180px; /* Adjust the height for mobile devices */
    }
    .sub-product-height
    {
        height: 150px;
        width: auto;
    }

}