.s-our-project{
    display: flex;
    /*padding: 86px;*/
    margin-top: 80px;
}

.s-our-project-text{
    /*padding-left: 50px;*/
    padding: 0 20px 20px 20px;
    width: 40%;

}
.s-our-projet-title{
    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 110%;
    color: #000000;
    color: #fff;
    padding-bottom: 20px;
}

.s-our-projet-container{
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    /*line-height: 120%;*/
    color: #23242A;
    color:#eee;
    /*width: 395px;
    height: 97px;*/
}

.s-our-project-img{
    display: block;
    text-align: center;
    width: 60%;
    padding-left: 20px;
}

.s-projet-img{
    display: inline-block;
    float: left;
    outline: none;
    line-height: normal;
    /*box-shadow: 0px 0px 6px rgb(225 225 225 / 25%);*/
    box-shadow: 0px 32px 54px -20px rgba(225 225 225 / 25%);
    z-index: 999;
}
.s-projet-img:nth-child(even){
    margin-top: -30px;
    margin-bottom: 60px;
}
.s-projet-img:nth-child(odd){
    margin-bottom: 30px;
    /*margin-top: 20px;*/
}


.grid-sizer,
.grid-item { width: 46%; }
.gutter-sizer { width: 4%; }

.s-our-project .s-projet-img .s-project-content button{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 40px;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
   /* display: none;*/
   transition: all .3s;
}
.s-our-project .s-projet-img:hover .s-project-content button{
/*    display: block;*/
    visibility: visible;
    opacity: 1;
    z-index: 2;
    
}
.s-our-project .s-projet-img:hover .s-project-content:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    z-index: 1;
    background-color: rgba(0,0,0,.5);
    background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    transition: all .3s;
/*    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(SatisHub 320x480.png);
*/

}
/*Single project styles*/
#s-single-project-wrap{
    position: relative;
    margin-top: 80px;
    /*min-height: 100vh;*/
}
#s-single-project-wrap:before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    height: 350px;
    max-height: 100vh;
    width: 40%;
    background-color: #FFA17A;
    z-index: -1;
    box-shadow: 0px 32px 54px -20px rgba(225 225 225 / 25%);
    display:none;
}
#s-single-project-wrap .s-single-project-thumb img{
    max-width: 300px;
    height: auto;
   /* box-shadow: 0px 0px 6px rgb(225 225 225 / 25%);*/
   box-shadow: 0px 3px 20px -5px rgb(225 225 225 / 75%)
}
#s-single-project-wrap .satis-wrap > div{
    display: flex;
}

#s-single-project-wrap .s-single-project-thumb, #s-single-project-wrap .s-single-project-content{
    width: 50%;
    padding: 0 20px;
}
#s-single-project-wrap .s-single-project-thumb{
   /* text-align: right;
    margin-top: 70px;*/
    margin-right: 2%;
    text-align: center;
   /* background-color: #FFA17A;*/
    height: 400px;
    width: 48%;
    box-shadow: 0px 10px 15px 5px rgb(225 225 225 / 25%);
}
#s-single-project-wrap .s-single-project-thumb h1{
    color:#fff;
    font-size: 41px;
    line-height: 49px;
    
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    margin: 0;
    font-size: 40px;
}
#s-single-project-wrap .s-single-project-content .s-single-project-description{
    font-size: 21px;
    line-height: 128.8%;
    color:#eee;
}