.yeo-projects{
    background-image: -webkit-linear-gradient(44deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%);
    background-image: -o-linear-gradient(44deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%);
    background-image: linear-gradient(134deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%);
}

.cards{
    display: flex;
   align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
}

.card-container {
    width: 100%;
    max-width: 350px;
    height: 530px;
    background-color: var(--bg-white);
    border: 2px solid var(--bg-white);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-container img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.card-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    text-align: justify;
    height: 100%;
    justify-content: space-between;
}



.card-content .btn{
    width: 100%;
    background-color: var(--primary-gradient-start);
    border-radius: 10px;
    height: 40px;
}

.card-content .btn:hover{
    background-color: var(--accent-blue);
    color: var(--bg-white);
}