.portfolio .portfolio-items{position:relative;background-position:1rem 55%;background-repeat:no-repeat}
.portfolio .portfolio-services{width:100%;padding:50px 20px 100px 20px;background:#002035;display:flex;flex-direction:column;gap:40px;color:#fff}
.portfolio .portfolio-tools{width:85%;padding:50px;margin-top:-50px;background-color:#dee8eb;display:flex;flex-direction:column;row-gap:20px;margin-left:auto}
.portfolio .portfolio-tool-box{display:flex;flex-direction:column;gap:30px}
@media(min-width :450px){.portfolio .portfolio-items{background-position:1.5rem 52%}
}
@media(min-width:568px){.portfolio .portfolio-tool-box{flex-direction:row}
.portfolio .portfolio-items{background-position:3rem 71%}
}
@media(min-width :768px){.portfolio .portfolio-services{width:100%;padding:50px 50px 200px 50px}
}
@media(min-width :992px){.portfolio{padding:100px 80px 100px 80px}
.portfolio .portfolio-items{background-position:30% 95%}
.portfolio .portfolio-services{width:75%;padding:50px 46% 50px 50px}
.portfolio .portfolio-tools{position:absolute;width:65%;padding:50px;background-color:#dee8eb;right:0;top:100px;flex-wrap:wrap;flex-direction:row;row-gap:20px}
.portfolio .portfolio-tools>div{flex:50%}
}