.projects-section {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.projects-section h2 {
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.card {
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
}

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

.card-body {
    text-align: center;
}

.card-title {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.card-text {
    font-size: 1rem;
    color: #555;
    margin: 5px 0;
}

.card-text i {
    margin-right: 8px;
    color: #ff0000; 
}