h1{
    text-align: center;
    font-family:Georgia, 'Times New Roman', Times, serif;
    margin-top : 50px;
}

hr{
    margin-bottom: 50px;
}

.homeContainer{
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 50px;
    margin-top: 50px;
}

/* categories carousel css */

.carousel-item img {
    width: 100%;
    height: auto;
}

.carousel-item {
    padding: 0; /* Remove padding if any */
    margin: 0;  /* Remove margin if any */
}

.carousel-inner {
    overflow: hidden; /* Hide overflow to prevent any content from spilling out */
}

.categories-title{
    font-family: 'Roboto', sans-serif; font-size: 16px;
    margin-top: 20px;
    text-decoration: none;
    text-decoration-color: black;
}

.faces img:hover{
    opacity: 0.5;

}

.faces{
    text-decoration: none;
    text-align:center;
}

.card-img-top{
    height: auto;
    object-fit: cover;
}

.card-img-top img:hover{
    opacity: 0.5;
}

.headerCategory{
    text-decoration: none;
}

.imgCarousel{
    width: 50%;
    height: auto;
    border-radius: 50%;
}

/* categories carousel css */


/* our sale css  starts here */


.image-container{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2 columns, each taking 1 fraction of the available space */
    justify-content: space-between; /* Spaces images evenly */
    gap: 100px;
     /* Optional: adds padding around the container */
}

.image-grid{
    position: relative;
    width: 100%;
}

/* Style for images */
.image-item {
    width: 100%;
    height: auto;
    object-fit: cover;
  
}

.lay{
    /* The overlay effect - lays on top of the container and over the image */
    position:absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}


.image-grid:hover .lay {
    opacity: 1;
  }

.bookBtn{
    text-align: center;
}