@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
    font-family: 'Poppins', sans-serif;
}
    body{
        background: #fff;
    }
    .coontaiine-fl-a{
        display: flex;

    }
    .coontaiine-fl-b{
        width: calc(100% / 3 - 6px);
        margin: 3px;
    }
    .Image-slideA{
box-shadow: 0px 1px 1px 1px rgba(189, 167, 167, 0.38);
        position: relative;
    }
    .Image-slideA img{
        width: 100%;
        height: 300px;
        object-fit: contain;
    }
    .ImageSlideTh-a{
        display: flex;
        flex-wrap: wrap;

    }
    .cont-div-4{
        width: calc(100% / 4 - 8px);
        
box-shadow: 0px 1px 1px 1px rgba(189, 167, 167, 0.38);
        margin: 4px;
    }
    .buy-btn-btn {
outline: none;
border: none;
display: block;
width: -webkit-fill-available;
padding: 5px;
margin-top: 8px;
background:  #000;
color: #fff;
margin-bottom: 2px;
}
.buy-btn-btn:hover{
outline: none;
border: none;
border:2px solid  #000;
color:  #000;
background: transparent;
}
.buy-btn-btn:focus{
outline: none;
border: none;
border:2px solid  #000;
color:  #000;
background: transparent;
}

    .cont-div-4 img{
        width:100%;
        height: 65px;
        object-fit: contain;
        }
        .namePr{
            font-size: small;
            color:#000;
            margin: 0;
        }
        .price_with_disc,.keyFea{
            font-size: 15px;
            color:#000;
        }
        .discount_price_product{
            font-size: smaller;
            
            color: gray;
            text-decoration: line-through;
        }
        .subProd{
            width: 100%;
            outline: none;
            border:none;
            background: #000;
            color:#fff;
            
            margin: 5px 0px;
            padding: 5px;
            border-radius:5px;
        }
        .ExtraSp{
            
            margin: 0px 10px;
            color: #000;
        }
        .text{
            font-weight: 400;
            margin: 0px 10px;
        }
        .pro_dec-one{
            display: flex;
            flex-wrap: wrap;
        }
        .pro_dec-p{
            width: calc(100% / 6 - 12px);
box-shadow: 0px 1px 1px 1px rgba(189, 167, 167, 0.38);
            padding: 10px;
            position: relative;
            border-radius: 5px;
            margin: 6px;
        text-align: center;
        }
        .pro_dec-p:hover,.imgSlide:hover,.mKslide:hover{
            border: 2px solid  #000;
        }
        .imgRel img{
            width: 100%;
            height:165px;
            object-fit: contain;
        }
        .dispercent{
            position: absolute;
            top:0;
            border-radius: 3px;
            font-size: small;
            padding: 3px;
            right:0;
            background:yellow;
            color:#000;
            
        }
        .name-tag,.titl-tag-rel{
            margin: 0;
            
            color:#000;
            font-size: small;
        }
        .titl-tag-rel{
        margin:0px 10px;}
        .price-tag{
            margin: 0;
            
            color:#000;
            font-size: 15px;
        }
        .discount-flow-tag{
            font-size: 10px;
            color:gray;
            text-decoration: line-through;
        }
        .save-L,.pre-nex-img{
            color:  #000;
            border: none;
            outline: none;
            background: transparent;
            padding: 7px;
            border-radius: 5px;
            filter: drop-shadow(2px 4px 6px black);
            margin: 0 0px 7px;
        } .save-L img{
    pointer-events: none;
    height: initial;
    width: 20px;
        }
        .save-L:hover, .pre-nex-img:hover{
            border: none;
            outline: none;
            
        }
        .save-L:focus, .pre-nex-img:focus{
            border: none;
            outline: none;
            
        }
        .pre-nex-img{
            position: absolute;
            top:50%;
        }
        .next-n{
            right:0;
        }
        .prev-p{
            left: 0;
        }