@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");

body {
    background-color: #eee;
    font-family: "Poppins", sans-serif
}
p{
    color: white;
}
h1{
    color:white;
}
h4{
    color:white;
}
h6{
    color:white;
}
.card {
    background-color: #fff;
    padding: 14px;
    border: none
}

.demo {
    width: 100%
}

ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}
.lSAction > .lSNext{
    color:red !important;
}

.img_product {
    display: block;
    height: auto;
    width: 100%
}

#check{
    color:rgb(0, 168, 0);
}

hr {
    color: #d4d4d4
}

.badge {
    padding: 5px !important;
    padding-bottom: 6px !important
}

.badge i {
    font-size: 10px
}

.profile-image {
    width: 35px
}

.comment-ratings i {
    font-size: 13px
}

.username {
    font-size: 12px
}

.comment-profile {
    line-height: 17px
}

.date span {
    font-size: 12px
}

.p-ratings i {
    color: #f6d151;
    font-size: 12px
}

.btn-long {
    padding-left: 35px;
    padding-right: 35px
}

.buttons {
    margin-top: 15px
}

.buttons .btn {
    height: 46px
}

.buttons .cart {
    border-color: #003360;
    color: #003360;
}

.buttons .cart:hover {
    background-color: #003360 !important;
    color: #fff
}


.store-image {
    width: 42px
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #003360;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.bullet-text {
    font-size: 15px
}


.card-body {
    padding: 10px 10px 10px
}