.services{
    background: url(../../assets/img/archprodsbg4.png) no-repeat bottom right/15%,url(../../assets/img/archprodsbg1.png) no-repeat top right,url(../../assets/img/dotsfx.png) repeat top left;
}

.services .row{
    grid-gap: 2rem 0;
}

.services .row>*:first-child{
    padding-top: 120px;
    padding-bottom: 120px;
}

.services .img{
    height: 100%;
}

.services .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.envolve{
    background: url(../../assets/img/noisefx.png) repeat top left,url(../../assets/img/envolvbg1.png) no-repeat top left,url(../../assets/img/envolvbg2.png) no-repeat bottom right/auto 100%,url(../../assets/img/dotsfx.png) repeat top left,var(--main);
    background-blend-mode: multiply,normal,normal,color-dodge;
    padding: 100px 0;
}

.envolve hr{
    background: var(--white);
    margin-top: 18px;
    margin-bottom: 40px;
}

.envolve .box{
    position: relative;
    background: url(../../assets/img/noisefx.png) no-repeat center;
    overflow: hidden;
    padding: 10px;
}

.envolve .box::before{
    content: '';
    position: absolute;
    inset: -45px auto auto -45px;
    width: 76px;
    aspect-ratio: 1/1;
    border: 12px solid var(--main);
    border-radius: 50%;
}

.envolve .box .title{
    align-content: center;
    color: var(--main);
    text-align: center;
    font-weight: 700;
}

.applications{
    background: url(../../assets/img/applsbg1.png) no-repeat 99% top,url(../../assets/img/archprodsbg2.png) no-repeat bottom left,url(../../assets/img/noisefx.png) repeat top left;
    padding: 110px 0 130px;
}

.applications .row{
    grid-gap: 40px 0;
}

.applications .row>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.applications .text{
    border-left: 5px solid var(--main);
    margin-left: auto;
    padding-left: 20px;
}

.applications .box{
    background-color: var(--white);
    box-shadow: 0 2px 15px #7090B040;
}

.applications .box .img{
    width: 100%;
    height: 272px;
    border-bottom: 4px solid var(--main);
}

.applications .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.applications .box .bottom{
    padding: 20px 20px 12px;
}

.applications .box .title{
    color: var(--title);
    font-weight: 700;
}

.applications .bx{
    background: url(../../assets/img/noisefx.png) repeat top left,url(../../assets/img/boxbgg1.png) no-repeat left center/auto 100%,url(../../assets/img/boxbgg2.png) no-repeat right center/auto 100%,var(--main);
    background-blend-mode: multiply,normal,normal;
    padding: 2rem 82px;
}

.applications .bx .text{
    text-align: center;
    font-weight: 600;
    border: none;
    padding: 0;
}

.contato{
    border-bottom: 1px solid #ffffff26;
    background: url(../../assets/img/noisefx.png) repeat top left,url(../../assets/img/hwabg3.png) no-repeat bottom left,url(../../assets/img/dotsfx.png) repeat top left,var(--main);
    background-blend-mode: multiply,normal,color-dodge;
    padding: 78px 0;
}

.contato .sectitle,
.contato .text{
    width: 938px;
}

.contato hr{
    background: var(--white);
    margin: 25px auto;
}

.contato .dbtn{
    margin-top: 25px;
}

@media(max-width:992px){
    .services,
    .envolve,
    .applications,
    .contato{
        padding: 2rem 0;
    }
    .services{
        background-size: 0,0,auto;
    }
    .services .row>*:first-child{
        padding-top: 0;
        padding-bottom: 0;
    }
    .envolve{
        background-size: auto,0,0,auto;
    }
    .applications .bx{
        padding: 2rem;
    }
}

@media(max-width:768px){
    .applications{
        background-size: 0,0,auto;
    }
    .applications .bx{
        padding: 1rem;
    }
}

@media(max-width:575){

}