.res-project-area{
    color:#fff;
    padding:60px 0;
}

.res-container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.res-project-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:60px;
}

.res-project-title{
    font-size:48px;
    font-weight:300;
    color:#c8a46c;
    margin-bottom:10px;
}

.res-project-sub{
    color:#080a0b;
    font-size:18px;
}

.res-project-meta{
    border-left:1px solid #444;
    padding-left:30px;
}



.res-meta-label{
    color:#c8a46c;
    font-size:14px;
    display:block;
}

.res-meta-value{
    font-size:18px;
    font-weight:400;
}

.res-project-image img{
    width:100%;
    border-radius:25px;
    display:block;
}


/* =========================
   Tablet
========================= */

@media (max-width:992px){

    .res-project-top{
        flex-direction:column;
        gap:30px;
    }

    .res-project-meta{
        border-left:none;
        padding-left:0;
    }

}


/* =========================
   Mobile
========================= */

@media (max-width:600px){

    .res-project-area{
        padding:70px 0;
    }

    .res-project-title{
        font-size:28px;
        line-height:1.3;
    }

    .res-project-sub{
        font-size:15px;
    }

    .res-meta-box{
        margin-bottom:15px;
    }

    .res-meta-value{
        font-size:16px;
    }

    .res-project-image img{
        border-radius:15px;
        margin-top:20px;
    }

}









.space-result-section{
color:#fff;
}


/* Row 1 */

.space-grid{
display:grid;
grid-template-columns: 1fr 1.5fr;
gap:60px;
align-items:center;
}

.space-text h2{
font-size:42px;
color:#c8a46c;
margin-bottom:20px;
font-weight: 300;
}

.space-text p{
color:#080a0b;
margin-bottom:18px;
line-height:1.6;
}

.space-images{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
}

.space-images img{
width:100%;
border-radius:25px;
height:420px;
object-fit:cover;
}


/* Row 2 */

.result-grid{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:60px;
margin-top:80px;
align-items:center;
}

.result-image img{
width:100%;
border-radius:25px;
}

.result-text h2{
font-size:42px;
color:#c8a46c;
margin-bottom:20px;
font-weight: 300;
}

.result-text p{
color:#080a0b;
margin-bottom:18px;
line-height:1.6;
}

@media (max-width:768px){

.space-grid{
grid-template-columns:1fr;
}

.space-images{
grid-template-columns:1fr;
}

.result-grid{
grid-template-columns:1fr;
}

.space-images img{
height:auto;
}

}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .section-space {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}