:root {
    --main: gray;
    --white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

.bg-grays {
    background-color: #f7fbf7;
}

.text-grays {
    color: #f7fbf7;
}

body {
    font-family: "Roboto", sans-serif;
}

.card {
    border: none;
}

.text-white {
    color: white;
}

.navbar {
    background-color: gray;
    color: black;
}

.upper-contant {
    background-color: var(--main);
}

#search {
    border: none;
    color: #33A0B3;
}

#search:hover {
    color: #33A0B3;
}

.form-control:focus {
    outline: unset;
    box-shadow: none;
}


.bi-facebook {
    color: #4267B2;
}

.bi-instagram {
    color: #E1306C;
}

.bi-threads {
    color: black;
}

.bi-youtube {
    color: #FF0000;
}

ul li {
    margin-top: 7px;
    list-style-type: none;
    font-size: 13px;
}

.pay {
    margin-left: 7px;
    margin-top: 7px;
    font-size: 23px;
}

.card-img-top {
    width: 120px;
}

.figure {
    overflow: hidden;
}

.zoom {
    transition: transform .9s;

}

.zoom:hover {
    -ms-transform: scale(0.3);
    /* IE 9 */

    /* Safari 3-8 */
    transform: scale(1.2);
    overflow: hidden;
}

.carousel {
    margin-top: 100px;

}

.btn:focus {
    outline: unset;
    box-shadow: none;
}

.small-font {
    font-size: 14px;
}

.light-color {
    color: rgb(167, 162, 162);
}

.text-green {
    color: #26a541;
}

/*admin login css*/

@media screen and (max-width: 767px) {
    #admin_logo {
        display: none;
    }
}

/*nav bar user */
.bi-person-circle,
.bi-box-seam,
.bi-box-arrow-left {
    color: var(--main);
}

/*mobile screen product 1 row 2 item show*/

.card {
    width: 15rem;
}

/*category section*/
.uk-slider-items {
    margin: auto;
}


@media only screen and (max-width: 575px) {
    .card-img-top {
        width: 95px;
    }

    .card {
        width: 10rem;
    }

    .col-6 {
        width: 45%;
    }

    .uk-slider-items {
        margin: 0px;
        margin-right: 13px;
    }
}



/*new css*/