body{
    background-color: #ffff;
    margin: 0;
    padding: 0;
}   

/*nav */
.navbar{
    background: #ffff;
}

nav .nav-link{
    color: #4c4a4a;
    font-weight: 700;
}

nav .nav-link:hover{
    color: #dc0b0b;
    font-weight: 800;
}


/* footer */
footer{
background-color: #0e0e0e;
color: #f2eeed;
}

footer i{
        color: red;
    }


/* random footer */
.random_footer i{
            color: rgb(252, 244, 244);
        }
       
.random_footer{
            padding: 2em;
            background:url('../static/random_back.png');
            background-position: top;
            background-size: contain;
            font-weight: 700;
            color: #ffffff;
        }
.random_footer .card{
    background: rgba(182,38,38,0.4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 0px;
    color: #ffffff;
}
.random_footer hr{
    color: rgb(13, 0, 0);
}
.random_footer h4{
            color: rgb(255, 251, 251);
            font-weight: 900;
        }
.random_footer_img .card-footer{
            border-top: 0px;
        }
.random_footer_img img{
            height: 200px;
        }    
.random_footer .item-name{
    color: whitesmoke;
}    
.random_footer .card:hover .item-name{
    color: whitesmoke;
}    
.random_footer .custom-button:hover{
    background: white;
    color: black;
}




/*all */
.card-footer{
            text-align: center;
            border-top: 0px;
        }

.custom-button {
            border-radius: 25px; /* Adjust the border-radius to control the roundness of the button */
            background-color: rgb(63, 61, 61);
            color: white;
            transition: background-color 0.3s, color 0.3s;
            padding: 10px 20px 10px 20px;
            }
                        
.item-name {
            color: black; /* Set the default color */
            transition: color 0.3s; /* Add a smooth transition effect */
        }

.card:hover .item-name {
            color: red; /* Change the color on hover */
        }

.custom-button:hover {
            color: white;
            background-color: #962107 ;
            }


/* card */
.product-card img {
        width: 100%; /* Set the width to 100% of the container */
        height: 300px; /* Set the fixed height, adjust as needed */
        object-fit: cover; /* Ensure the image covers the entire space */
        border-radius: 0px;
}

.product-card {
    transition: transform 0.3s;
}

.product-card img:hover{
    border-bottom: 4px solid rgb(3, 3, 3);
}

a{
    text-decoration: none;
    text-transform: capitalize;
}
.product-card .card{
    border: 0px;
    -webkit-box-shadow: 3px 3px 10px -3.5px #f5a6a6;
    -moz-box-shadow: 3px 3px 10px -3.5px #f5a6a6;
    box-shadow: 3px 3px 10px -3.5px #f5a6a6;
}


.card{
    border: 0px;
}
#detail{
    background-color: white;
    border-radius: 1em;
    padding: 2em;;
}





.contact h2{
color: black;
font-weight: 800;
}

.contact{
background-color: white;
border-radius: 1em;
padding: 4em;
margin-top: 2em;
}
.contact i{
color: red;
}




.about{
padding: 2em;
background-color: white;
border-radius: 1em;

}
.about i{
color: #2051bf;
}
.about h5{
color: black;
font-weight: 800;
}
.about h4{
font-weight: 900;
}

.all_products{
padding: 2em;
}

.all_products h4{
color: black;
font-weight: 800;
}
.all_products .card{
    border: 0px;
    -webkit-box-shadow: 3px 3px 13px 4.5px #f8e0e0;
    -moz-box-shadow: 3px 3px 13px 4.5px #f8e0e0;
    box-shadow: 3px 3px 13px 4.5px #f8e0e0;
}
.all_products i{
color: red;
}
.card-title{
text-transform: capitalize;
}


.cat i{
color: #2051bf;
}
.cat h2{
font-weight: 800;
color: #2051bf;
}


/* search */
.search_box{
    background-color: #d51b1b;
    padding: 40px;
}