*
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    width: 100%;
    background-color: #ffff;
    overflow-x: hidden;
}

.navbar
{
    width: 100%;
    height: 150px;
    /* position: fixed; */
}

.navbar-brand
{
    font-family: "Angkor", serif;
    color: rgb(45, 43, 43);
}

.nav-item
{
    /* margin-left: 50px; */
    margin: 10px 100px 10px 100px;
    font-family: "Teko", sans-serif;
}

.lemonicon
{

}

.filler1
{
    height: 150px;
}
.carousel
{
    /* margin-top: 150px; */
    height: 2000px;
    z-index: -10;
}

.d-block
{
    height: 600px;
    width: 100%;
    /* z-index: -1; */
}

.main-search
{
    height: 50px;
    width: 500px;
    /* border-color: black; */
    border-color: grey;
    z-index: -100;
}

.searchbar
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    width: 100%;
    position: absolute;
}

.lemon-marquee
{
    background-color: rgb(202, 151, 250);
    padding: 10px;
}

/* ====== card ====== */

.card-head
{
    height: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-section
{
    height: 1500px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
}

.card
{
    height: 500px;
    /* margin: 20px 50px 20px 50px; */
    margin: 30px;
}

.card-img-top
{
    height: 300px;
}

.row
{
    margin-top: -150px;
}


/* ===== sale box ===== */


    /* === marquee === */
.sale-marq
{
    margin-top: 20px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    font-family: "Londrina Outline", sans-serif;
    font-size: 200px;
    
}

.sale-m
{
    font-size: 50px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0.1px;
    white-space: nowrap;
    padding: 0 6rem;
    animation: move-rtl 2000ms linear infinite;
    font-size: 75px;
}



.sale-m1
{
    font-size: 50px;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0.1px;
    white-space: nowrap;
    padding: 0 6rem;
    animation: move-rtl2 2000ms linear reverse infinite;
    font-size: 75px;
}



@keyframes move-rtl
{
    0%
    {
        transform: translate(0);
    }
    100%
    {
        transform: translate(-100%);
    }
}

@keyframes move-rtl2
{
    /* 0%
    {
        transform: translate(-100%);
    } */
    100%
    {
        transform: translate(-100%);
    }
}





.sale-sec
{
    height: 1050px;
    width: 100%;
    background-color: #dec2f9;
    margin-top: -20px;
}



.sale-box
{
    height: 600px;
    width: 100%;
    display: flex;
    align-items: center;

}

.aside-l
{
    height: 600px;
    width: 50%;
    background-color: blueviolet;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aside-r
{
    height: 600px;
    width: 50%;
    background-color: rgb(150, 220, 196);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}


.cart-img
{
    height: 400px; 
    width: 600px;
}

.filler-img-shop
{
    height: 300px;
    width: 100%;
}


/* ===== category ===== */

.category
{
    height: 900px;
    width: 100%;
    background-color: #8a2ba2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
}

.cato-head
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.category-in
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cato-card
{
    width: 18rem;
    height: 200px;
    margin: 10px;
}


.cart-marq
{
    background-color: #ffff;
    height: 100px; 
    width: 300px;
    margin-top: 0;
}

footer
{
    height: 400px;
    background-color: #8a2be2;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 20px;
}


.lemon-marquee-footer
{
    margin-top: 0;
}

ul
{
    margin-left: -45px;
}

li ,a
{
    list-style-type: none;
    text-decoration: none;
    color: black;
    font-family: "Teko", sans-serif;
    font-size: 25px;
}

h4
{
    font-family: "Angkor", serif;
    font-size: ;
}

svg
{
    background-color: rgb(255, 255, 255);
}
.footer-logo
{
    background-color: #8a2be2;
    margin-bottom: 0;
    
}



@media all and (max-width:950px)
{
    .nav-cont
    {
        display: flex;
        flex-direction: column;
        padding: 50px;
    }
    .navbar-toggler 
    /* , .navbar-collapse */
    {
        opacity: 0;
    }
    .fa-lemon
    {
        /* margin-left: -150px; */
    }
    .main-search
    {
        width: 330px;
        margin-left: -30px;
    }
    .card-section
    {
        height: 2500px;
    }
    .card-img-top
    {
        height: 250px;
    }
    .cart-img
    {
        height: 100px;
        width: 200px;
    }
    .sale-sec
    {
        height: 850px;
    }
    .sale-box
    {
        height: 400px;
    }
    .aside-l
    {
        height: 400px;
    }
    .aside-r
    {
        height: 400px;
    }
    .filler-img-shop
    {
        height: 220px;
    }
    .cato-card
    {
        width: 9rem;
        height: 120px;
        font-size: 10px;
        text-align: center;
        text-justify: auto;
        margin: 5px;
    }
    .c-t
    {
        margin-top: -15px;
    }
    .card-title , .btn
    {
        
        font-size: 15px;
    }
    .card-text
    {
        font-size: 10px;
    }
    .footer-logo
    {
        /* margin-bottom: -500px; */
    }

    .btn-success
    {
        margin-top: 40px;
    }
  
    }