/* Owl Carousel Base Styles */
     .owl-carousel .item {
       margin: 10px;
     }

     /* Your Card Styles */
     .card{
         width: 250px;
         padding: 8px 0;
         border-radius: 20px;
         margin: auto;
     }
     .card:hover{
         box-shadow: 0 5px 30px #dddddd;
     }
     .card:hover .cart{
         visibility: visible;
     }
     .card .img{
         display: flex;
         align-items: center;
         justify-content: center;
     }
     .card .img img{
         width: 170px;
     }
     .card .p-name{
         font-size: 17px;
         text-align: center;
         padding: 12px 15px;
         font-weight: 300;
         color:#292b2c;
         line-height: 25px;
         letter-spacing: .5px;
     }
     .card .rating{
        display: flex;
        align-items: center;
        justify-content: center;
     }
     .card .rating span{
        font-size: 16px;
        color: #818181;
        padding: 3px 0 0 5px;
     }
     .card .rating span img{
        width: 15px;
     }
     .card .price{
         display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: #818181;
        padding: 10px;
     }
     .card .price .pp{
        padding: 0 8px;
     }
     .card .price .total{
         text-decoration: line-through;
     }
     .card .price .main{
         color: rgb(10, 10, 10);
         font-weight: 600;
     }
     .card .price .dis{
         border: 1px solid #818181;
         padding: 1px 4px;
         font-size: 14px;
     }
     .card .cart{
         display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 3px;
        visibility: hidden;
     }
     .card .cart .in{
         padding: 0;
         margin: 0;
     }
     .card .cart .in input{
        border: 0.5px solid #818181;
        width: 25px;
     }
     .card .cart .in input:focus{
         outline:3px solid #9ddcf3 ;
     }
     .card .cart .btn a button{
         padding: 13.5px 21px;
         font-size: 14px;
         cursor: pointer;
         color: #ffff;
         cursor: pointer;
         background-color: #6BB252;
         border-radius: 5px;
         border: none;
     }
     .card .cart .btn a button:hover{
         background-color: #f7a422;
     }
     .card .cart .love{
       width: 10%;
       border:1px solid #818181;
       display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        padding: 12px 4px;
        border-radius: 5px;
        color: #212529;
        cursor: pointer;
         margin: 0 4px 0 4px;
     }
     .card .cart .love:hover{
         background-color: #212529;
         color:#fff ;
     }
     /* <div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div> */
        

.owl-carousel .owl-nav button.owl-next span{
    font-size: 50px;
}
.owl-carousel .owl-nav button.owl-prev span{
    font-size: 50px;
    padding: 0;
}