.product_cards_modern *{
    transition: all 0.8s cubic-bezier(.58,.09,.08,.94);
}
.product_cards_modern .overlay_black{
    background: linear-gradient(-145deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 78%);
    opacity: 1;
}

.product_cards_modern .product_item{
    aspect-ratio: 1/1.3;
}

.product_cards_modern .product_image_wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width:1024px){
    .product_cards_modern .content_wrapper{
        position: absolute;
        top: 100%;
    }
    
    .product_cards_modern .product_item:hover .content_wrapper{
        top: 0%;
    }
    .product_cards_modern .product_item .overlay_black{
        opacity: 0.2;
    }
    .product_cards_modern .product_item:hover .overlay_black{
        opacity: 1;
    }
    .product_cards_modern .product_item:hover .product_image{
        transform: scale(1.1);
    }
    
}

@media screen and (min-width:1600px){
    .product_cards_modern .product_item .product_name{
        font-size: 0.5rem!important;
    }
    .product_cards_modern .product_item:hover .product_name{
        font-size: 2.5rem!important;
    }
}
@media screen and (min-width:1024px) and (max-width:1599px){
    .product_cards_modern .product_item .product_name{
        font-size: 0.5rem!important;
    }
    .product_cards_modern .product_item:hover .product_name{
        font-size: 1.5rem!important;
    }
}


.product_cards_modern #read_all{
    position: relative;
    cursor: pointer;
}
.product_cards_modern #read_all #read_all_reviews_icon{
    opacity: 0;
    position: absolute;
    left: auto;
    right: 20px;
    margin-top: 2px;
}
.product_cards_modern #read_all{
    border-bottom: 2px solid transparent;
    color: white!important;
}
.product_cards_modern #read_all,#read_all *{
    transition: all 0.3s ease;
}

.product_cards_modern #read_all:hover{
    border-bottom: 2px solid var(--pri-color);
}
.product_cards_modern #read_all:hover #read_all_reviews_icon{
    opacity: 1;
    right: -30px;
}