body {
  /* background: url("../Images/og4.png") !important; */
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center !important;
}
:root {
  --primary: #630094;
  --white: #ffffff;
}

.featured_art {
  margin-top: 100px;
}
.featured_art h1 {
  color: var(--primary);
}
.art_page {
  margin-top: 40px;
  margin-bottom: 40px;
}
.art_heading h1 {
  color: var(--primary);
}
.art_para p,
.featured_art p {
  color: rgb(190, 190, 190);
  margin-bottom: 40px;
}
.carousel-item {
  border-radius: 10px;
  overflow: hidden;
}
.carousel {
  max-width: 800px;
  margin: 0 auto;
 
}
.art_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.art {
  width: 300px;
  height: 200px;
  background: rgb(0, 0, 0);
  border-radius: 10px;
  overflow: hidden;
  margin: 20px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.164);
}
.art img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform 0.3s ease;
}
/* .art:hover img{
    transform:scale(1.06)
} */

.art a {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--primary);
}
.bi {
  font-size: 0px;
  transition: 0.3s;
}
.art:hover .bi {
  font-size: 40px;
}
@media (max-width: 650px) {
  .featured_art {
    margin-top: 40px;
  }
  .art_para p,
  .featured_art p {
    font-size: 15px;
  }
  .carousel {
    width: 100%;
    margin-bottom: 40px;
  }
  .art {
    margin: 15px;
  }
}