/* Body */
body {
    background: #0f172a;
    color: #e2e8f0;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}



.project-card{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.4);
  transition: 0.4s;
}
.project-card img,
.project-card video{
  width: 100%;
  display: block;
  object-fit: cover;
  height: 250px;
  transition: transform 0.4s;
}
.project-card:hover img,
.project-card:hover video{
  transform: scale(1.05);
}
.project-info{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.7));
  color: #fff;
  padding: 15px;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.4s;
}
.project-card:hover .project-info{
  opacity: 1;
  transform: translateY(0);
}
.project-info h4{
  margin:0 0 5px;
  font-size:18px;
  font-weight:700;
}
.project-info .skills span{
  font-size:12px;
  background: rgba(56,189,248,0.7);
  padding:2px 6px;
  border-radius:5px;
  margin-right:5px;
}

.project-card .carousel-inner img{
  height: 250px; 
  object-fit: cover;
  border-radius: 15px;
}
.project-card .carousel-control-prev-icon,
.project-card .carousel-control-next-icon{
  filter: invert(1); 
  width: 35px;
  height: 35px;
}
.project-link{
  text-decoration: none;
  color: inherit;
  display: block;
}

.view-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #07106f; 
  color: white;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.3s;
}

.view-btn:hover {
  background-color: #3730a3; 
}