.project-card {
display: flex;
background-color: white;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
border-radius: 0.5rem;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.project-info {
flex: 1;
padding-right: 1rem;
}

.project-info h2 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
}

.project-info h1 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #333;
}
.project-info p {
color: #666;
margin-bottom: 1rem;
}
.project-info a {
color: #0066cc;
text-decoration: none;
display: inline-block;
margin-bottom: 0.5rem;
}
.carousel {
flex: 1;
position: relative;
}
.carousel-images {
display: flex;
overflow: hidden;
}
.carousel-item {
flex: 0 0 100%;
transition: transform 0.3s ease;
}
.carousel-item img {
width: 100%;
height: auto;
object-fit: cover;
}
.carousel-control {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 0.625rem;
text-decoration: none;
cursor: pointer;
}
.carousel-control.prev {
left: 0.625rem;
}
.carousel-control.next {
right: 0.625rem;
}