.project-page section .sec-content{
    display:grid;
}
.project-page section .sec-content .first-block {
    display: flex;
    align-items: stretch;
    gap:5%;
}

.project-page section .sec-content .first-block .left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;

}

.project-page section .sec-content .first-block .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.project-page section .sec-content .first-block .right{
    flex: 1;
}
.project-page section .sec-content .first-block .right .heading-box {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 25px;
}

.project-page section .sec-content .first-block .right .heading-box h3,
.project-page section .sec-content .first-block .right .heading-box h4 {
    margin: 0
}

.project-page section .sec-content .list-block {
    margin-top: 5%;
    width: 100%;
}

.project-page section .sec-content .list-block ul.list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    column-gap: 10%;
    padding: 0;
    grid-template-rows: repeat(4, auto);
}

.project-page section .sec-content .list-block ul.list li {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
}

.project-page section .sec-content .list-block ul.list li span:last-child:first-letter {
    text-transform: uppercase;
}

.project-page section .sec-content .list-block ul.list li:not(.resume) {
    border-bottom: 1px solid #A3B2C5;
}

.project-page section .sec-content .list-block ul.list li.resume {
    padding-bottom: 0;
    align-self: end;
}

.project-page section .sec-content .list-block ul.list li.resume span {
    background-color: hsla(245, 38%, 64%, 0.208);
    padding: 27px 35px;
    border-radius: 8px;
    align-self: end;
}

.project-page section .sec-content .list-block ul.list li h5 {
    font-size: 20px !important;
    font-weight: 600;
    display: flex;
    gap: 4px;
}

.button-block {
    margin: 70px 0 0 0;
    display: flex;
    justify-content: center;
}

.project-page section.projects-sec {
    background-color: hsla(60, 3%, 72%, 0.249);
}
@media (max-width:768px) {
    .project-page section .sec-content{
        position: relative;
    }
    .project-page section .sec-content .first-block .left {
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        height: min(400px, 90vw);
        width: min(400px, 90vw);
    } 
    .project-page section .sec-content:has(.first-block .left img) .button-block {
        padding-top: min(450px, calc(90vw + 50px));
        margin: 50px 0 0 0;
    }
}
@media (max-width:480px) {

    .project-page section .sec-content .list-block ul.list {
        grid-template-columns: 1fr;
        grid-auto-flow: dense;
    }
    .project-page section .sec-content .list-block ul.list li{
        gap: 10px;
        padding: 10px;
    }
    

    .project-page section .sec-content .first-block .left {
        width: 100%;
        margin:0;
    }

    .project-page section .sec-content .button-block {
        margin: 30px 0 0 0;
    }
}