body{
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.Cslider{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-content: center;
    direction: ltr;
    /* margin-top: 2em; */
}
.Cslider_show{
    height: auto;
    float: left;
    overflow: hidden;
}
.Cslider_rall{
    width: fit-content;
    height: auto;
    float: left;
    display: flex;
    transform: translateX(0vw);
}
.Cslider_child{
    height: 450px;
    margin: 0% 0.5%;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.Cslider_child a{
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    overflow: hidden;
}
.Cslider_child img{
    width: 100%;
    float: left;
    object-fit: cover;
}
.Cslider_child .products-ele{
    width: 100% !important;
}
.cs-btn{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    direction: ltr;
}
.cs-page{
    padding: 6px;
    border-radius: 100px;
    cursor: pointer;
    margin: 0px 8px;
    background-color: rgb(180, 179, 179);

}
.cslider_btn{
    width: fit-content;
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 0.5%;
    /* position: absolute;
    z-index: 1; */
}
.Cslider_next,.Cslider_back{
    width: fit-content;
    padding: 0.4rem 1.2em;
    background-color: transparent;
    border-radius: 100px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgb(14, 181, 130);
    color:white;
}
.Cslider_back{
    opacity: 0.5;
    cursor: unset;
}
/* .next_sec{
    right: 1em;
}
.back_sec{
    left: 1em;
} */
.Cslider_next i,.Cslider_back i{
    font-size: 30px;
}
.products-ele{
    box-sizing: border-box;
    height: 95%;
    justify-content: space-between;
}
.Cslider_child a{
    height: auto;
}
@media only screen and (max-width:950px){
    .Cslider_next i, .Cslider_back i {
        font-size: 20px;
    }
    .Cslider_next, .Cslider_back{
        font-size: 11px;
    }
}
@media only screen and (max-width:450px){
    .products-ele h3{
        font-size: 17px;
    }
    .buy-btn {
        font-size: 15px;
    }
    .Cslider_next i, .Cslider_back i {
        font-size: 14px;
    }
    .Cslider_next, .Cslider_back {
        padding: 0.4rem 1em;
    }
}