.project-image-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.project-image{
    width:220px;
    max-width:100%;
    border-radius:20px;
    margin-left:10px; 
    transition:.4s;
                box-shadow:0 10px 30px rgba(0, 49, 95, 0.158);

}

.project-image:hover{
    transform:scale(1.03);
}

.list-group-item {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

.list-group-item strong {
    color: #00315F;
}

.project-details {
    padding-right: 50px;
}

.project-details h2 {
    font-size: 32px;
    margin-bottom: 20px;
}

.project-details p {
    line-height: 1.9;
    font-size: 16px;
    color: #666;
}


.btn-primary{
    border-radius:16px;
    padding:14px 35px;
    font-weight:600;
    transition:all .3s ease;
    background: #005A9C;
    border: none;
}

.btn-primary:hover{
    transform:translateY(-2px);
    background: #2D9CDB;
    border: none;
}



/* الجوال */
@media (max-width:767px){

    .container.py-5{
        padding-top:40px !important;
        padding-bottom:40px !important;
    }

    .project-details{
        text-align:right;
        margin-top:25px;
    }

    .project-details h2{
        font-size:24px;
        margin-bottom:15px;
    }

    .project-details p{
        font-size:15px;
        line-height:1.8;
    }

    .list-group-item{
        padding:12px 15px;
        font-size:14px;
    }

    .project-image{
        border-radius:15px;
    }

 .btn{
        width:40%;
        padding:12px;
        text-align:center;
        display:block;
        margin:0 auto;
    }

}


@media (max-width: 576px){

    .project-image-wrapper{
        gap:6px;
    }

    .project-image{
        max-width:140px;
    }

}