.top{
    position: relative;
    z-index: 2;
    overflow: hidden;
    padding: 130px 0 179px;
}

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

.top .img{
    position: absolute;
    z-index: 1;
    inset: 0 auto auto 0;
    width: 26.66666vw;
    height: 100%;
}

.top .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top right;
    -o-object-position: top right;
    filter: drop-shadow(0 3px 30px #00000066);
    -webkit-filter: drop-shadow(0 3px 30px #00000066);
    -ms-filter: drop-shadow(0 3px 30px #00000066);
}

.top .sectitle{
    font-size: 65px;
    line-height: 1;
}

.top .sectitle>*:last-child:not(:first-child){
    transform: translateX(12%);
    -webkit-transform: translateX(12%);
    -moz-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
}

.secs{
    position: relative;
}

.secs::before{
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0 auto auto 0;
    width: clamp(10px,20vw,422px);
    aspect-ratio: 1/2.51658;
    background: url(../../assets/img/secsbef.png) no-repeat right center/cover;
}

.secs>*{
    position: relative;
}

.atuacao{
    overflow: hidden;
    background: url(../../assets/img/atuabg.png) no-repeat bottom left;
    margin-top: -3rem;
    padding-bottom: 3rem;
}

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

.atuacao .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.atuacao .text{
    width: 384px;
    margin-top: 36px;
}

.atuacao .owl-carousel{
    width: 44.5vw;
    max-width: unset;
}

.atuacao .owl-carousel .item{
    display: block;
    display: -webkit-block;
    width: 100%;
    height: 493px;
    max-width: 100%;
}

.atuacao .owl-carousel .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.differentials{
    background: url(../../assets/img/difsbg.png) no-repeat top left,#9B9889;
    padding: 33px 0 51px;
}

.differentials .text{
    margin-top: 2rem;
}

.differentials .text ul{
    list-style: inside;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 2rem;
}

.differentials .text ul>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 17px;
}

.differentials .text ul>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.933 -0.00305176C8.77088 -0.00305175 6.65733 0.638074 4.85959 1.83925C3.06185 3.04043 1.66067 4.74772 0.833226 6.74522C0.0057795 8.74273 -0.210769 10.9407 0.210964 13.0613C0.632696 15.1819 1.67377 17.1298 3.20254 18.6587C4.7313 20.1876 6.67911 21.2288 8.79964 21.6508C10.9202 22.0727 13.1182 21.8564 15.1158 21.0291C17.1134 20.2018 18.8208 18.8008 20.0221 17.0032C21.2235 15.2055 21.8648 13.0921 21.865 10.9299C21.865 8.03051 20.7133 5.24981 18.6631 3.1995C16.613 1.1492 13.8324 -0.00278656 10.933 -0.00305176Z" fill="rgb(0,88,165)"/><path d="M16.5241 8.53004L9.19414 15.86C9.109 15.9458 9.00772 16.0138 8.89616 16.0603C8.78461 16.1067 8.66497 16.1306 8.54413 16.1306C8.42329 16.1306 8.30365 16.1067 8.19209 16.0603C8.08054 16.0138 7.97928 15.9458 7.89413 15.86L5.34413 13.31C5.24807 13.2146 5.17185 13.1011 5.11983 12.9761C5.06781 12.851 5.04102 12.717 5.04102 12.5815C5.04102 12.4461 5.06781 12.312 5.11983 12.187C5.17185 12.062 5.24807 11.9485 5.34413 11.853C5.53459 11.6699 5.78929 11.5688 6.0535 11.5714C6.31771 11.574 6.57034 11.6802 6.75713 11.867L8.54413 13.654L15.0961 7.10304C15.1898 7.00934 15.3011 6.93502 15.4235 6.88431C15.5459 6.8336 15.6771 6.8075 15.8096 6.8075C15.9421 6.8075 16.0733 6.8336 16.1958 6.88431C16.3182 6.93502 16.4294 7.00934 16.5231 7.10304C16.6168 7.19674 16.6912 7.30797 16.7419 7.43039C16.7926 7.55281 16.8187 7.68403 16.8187 7.81654C16.8187 7.94905 16.7926 8.08026 16.7419 8.20268C16.6912 8.32511 16.6178 8.43635 16.5241 8.53004Z" fill="white"/></svg>');
    height: 22px;
}

.compromise{
    position: relative;
    /* overflow: hidden; */
    background: url(../../assets/img/compbg.png) no-repeat top left;
    padding: 40px 0 3rem;
}

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

.compromise .sectitle>*:last-child:not(:first-child){
    transform: translateX(12%);
    -webkit-transform: translateX(12%);
    -moz-transform: translateX(12%);
    -ms-transform: translateX(12%);
    -o-transform: translateX(12%);
}

.compromise .text{
    width: 389px;
    margin-top: 20px;
}

.compromise .img{
    position: absolute;
    inset: auto 0 0 auto;
    width: 37vw;
    aspect-ratio: 1/.81770;
    /* height: 142.72%; */
    max-height: 628px;
}

.compromise .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top left;
    -o-object-position: top left;
    filter: drop-shadow(0 3px 30px #00000066);
    -webkit-filter: drop-shadow(0 3px 30px #00000066);
    -ms-filter: drop-shadow(0 3px 30px #00000066);
}

@media(max-width:1400px){
	.top .img{
		width: 34vw;
	}
	.secs::before{
		z-index: 0;
	}
}

@media(max-width:1200px){
    .secs::before{
        display: none;
        display: -webkit-none;
    }
    .atuacao .owl-carousel{
        width: 49vw;
    }
}

@media(max-width:992px){
    .top,
    .atuacao,
    .differentials,
    .compromise{
        padding: 2rem 0;
    }
    .atuacao{
        margin-top: 0;
    }
    .atuacao .owl-carousel{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
        width: 100%;
        max-width: 100%;
    }
	.atuacao .owl-carousel .owl-nav{
		position: absolute;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		width: calc(100% + 28px);
		height: 0;
	}
    .top{
        background-color: #E8ECF1;
    }
    .top .row>*:first-child{
        order: 3;
        -webkit-order: 3;
    }
    .top .row>*:nth-child(2){
        order: 1;
        -webkit-order: 1;
    }
    .top .row>*:last-child{
        order: 2;
        -webkit-order: 2;
    }
    .top .img,
    .compromise .img{
        position: initial;
        height: auto;
    }
    .top .img,
    .atuacao .text,
    .compromise .text,
    .compromise .img{
        width: 100%;
    }
    .top .img img,
    .compromise .img img{
        border-radius: 30px;
    }
}

@media(max-width:768px){
    .differentials .text ul{
        grid-gap: 1rem;
    }
}