/* .banners,
.banners .item{
    height: clamp(400px,35.41666vw,680px);
} */

.banners .owl-stage-outer{
    margin-bottom: -72px;
    padding-bottom: 72px;
}

.banners .item{
    position: relative;
	display: flex;
    display: -webkit-flex;
    align-items: center;
/* 	min-height: 700px; */
/*     padding-top: clamp(2rem,5.88541vw,113px); */
}

.banners .item::before{
    content: '';
    position: absolute;
    inset: auto auto auto 0;
    width: 50.9375vw;
    height: 259px;
    mask-image: url(../../assets/img/btnmask.svg);
    -webkit-mask-image: url(../../assets/img/btnmask.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: right center;
    -webkit-mask-position: right center;
    mask-size: cover;
    -webkit-mask-size: cover;
    background: url(../../assets/img/fxbg.png) no-repeat center/cover,var(--main);
    background-blend-mode: multiply;
}

.banners .item>img{
	width: 100%;
}

.banners .container{
    position: absolute;
	z-index: 1;
	inset: auto 0;
/*     padding-top: 50px; */
    /* padding-bottom: 50px; */
}

.banners .container>img{
/* 	position: absolute;
	bottom: -12.8125vw;
	left: 25.05208vw;
	width: fit-content; */
	
	position: absolute;
    bottom: -16.8125vw;
    left: 14.05208vw;
    width: 26vw;
}

@media(max-width:1900px){
	.banners .container>img{
		left: 46.05208vw;
	}
}

.banners .df{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 20px;
}

.banners .df::before{
    content: '';
    min-width: 80px;
    max-width: 80px;
    height: 2px;
    background-color: var(--white);
    margin-top: 11px;
}

.banners .title{
    color: var(--white);
    font-size: 26px;
    font-weight: 700;
}

.banners hr{
    width: 380px;
    max-width: 100%;
    background: linear-gradient(to right,#ffffff80 0,#ffffff80 50%,transparent 50%,transparent 100%) repeat-x left center/16px 1px;
    margin: 1rem 0;
}

/* .banners img{
	width: fit-content !important;
	max-width: 100%;
	transform: translateY(72px);
	-webkit-transform: translateY(72px);
	-moz-transform: translateY(72px);
	-ms-transform: translateY(72px);
	-o-transform: translateY(72px);
    margin-top: -63px;
} */

.banners .owl-carousel .owl-nav{
    position: absolute;
    inset: auto 0 34px auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    grid-gap: 20px;
    height: 68.08823%;
    background-color: var(--main);
    clip-path: polygon(0 34px,100% 0,100% 100%,0 100%);
    -webkit-clip-path: polygon(0 34px,100% 0,100% 100%,0 100%);
    padding: 73px 26px;
}

.banners .owl-carousel .owl-nav>* svg rect,
.banners .owl-carousel .owl-nav>* svg path{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.banners .owl-carousel .owl-nav>*.disabled svg rect{
    fill-opacity: .10;
}

.banners .owl-carousel .owl-nav>*.disabled svg path{
    stroke: var(--white);
}

.aboutus{
    position: relative;
    margin-top: 99px;
    padding: 45px 0 63px;
}

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

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

.aboutus .box{
    position: relative;
    z-index: 1;
    width: 800px;
    max-width: 100%;
    background: var(--white);
    box-shadow: 0px 4px 30px -7px #7090b040;
    padding: 58px 30px 58px 50px;
}

.aboutus .box hr{
    width: 230px;
    max-width: 100%;
    background-color: var(--line);
}

.aboutus .img{
    position: absolute;
    inset: auto 0 0 auto;
    width: 49.47916vw;
    height: 100%;
}

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

.atuacao{
    padding: 80px 0 0;
}

.atuacao .text{
    width: 580px;
    max-width: 100%;
    margin: 20px 0;
}

.atuacao .owl-carousel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.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: 104.23%;
    height: 0;
}

.atuacao .item{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    width: 100%;
    aspect-ratio: 1/1.79661;
    border: 1px solid var(--line);
    padding: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.atuacao .item:hover{
    background-size: 100% 51.88679%,cover !important;
}

.atuacao .item .title{
    color: var(--white);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.21;
}

.produtos{
    background-color: #F3F3F3;
    margin-top: -155px;
    padding: 312px 0 392px;
}

.produtos .row>*{
    padding: 0;
}

.produtos .df{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: var(--white);
    box-shadow: 0px 4px 30px -7px #7090b040;
    padding: 0 23px 0 50px;
}

.produtos .df>*{
    width: calc(50% - 12px);
}

.produtos .df>*:first-child{
    padding: 59px 0;
}

.produtos .df hr{
    width: 230px;
    max-width: 100%;
}

.produtos .df .text{
    font-size: 26px;
    font-weight: 500;
    line-height: 1.23;
}

.produtos .df .img{
    position: relative;
}

.produtos .df .img img{
    position: absolute;
    inset: auto 0 0 auto;
    width: 100%;
    height: auto;
}

.produtos .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 34px;
    height: 100%;
    background: url(../../assets/img/fxbg.png) no-repeat center/cover;
    background-blend-mode: color-burn;
    padding: 25px 25px 44px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.produtos .row>*:nth-child(even) .box{
    background-color: #4D4D4D;
}

.produtos .row>*:nth-child(odd) .box{
    background-color: #333333;
}

.produtos .box:hover{
    background-color: var(--red1) !important;
}

.produtos .box img{
    width: 65px;
    height: 65px;
}

.produtos .box .title{
    text-transform: uppercase;
    color: var(--white);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.23;
}

.hotlinks{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    /* height: 0; */
    margin-top: -251px;
}

.hotlinks .row>*{
    padding: 0;
}

.hotlinks .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 20px;
    height: 100%;
    background: linear-gradient(180deg, #F5F5F5 0%, #FEFEFE 100%);
    box-shadow: -35px 4px 30px -7px #7090b01a;
    padding: 41px 35px 25px;
}

.hotlinks .box img{
    width: 141px;
    height: 83px;
    object-fit: contain;
    -o-object-fit: contain;
}

.hotlinks .box hr{
    width: 230px;
    max-width: 100%;
    margin: 0;
}

.hotlinks .box hr.hr2{
    width: 130px;
}

.hotlinks .box .dbtn{
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.med{
    padding: 5rem 0 110px;
}

.med .owl-carousel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0 115px;
}

.med .owl-carousel .owl-stage-outer{
    margin: -2rem;
    padding: 2rem;
}

.med .owl-carousel .owl-nav{
    position: absolute;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    height: 0;
}

.med .owl-carousel .owl-nav>* svg rect,
.med .owl-carousel .owl-nav>* svg path{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.med .owl-carousel .owl-nav>*.disabled svg rect{
    fill: var(--white);
    stroke: var(--red1);
}

.med .owl-carousel .owl-nav>*.disabled svg path{
    stroke: var(--red1);
}

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

.med .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 0 7.5px;
}

.med hr{
    width: 230px;
    max-width: 100%;
}

.med .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 1rem;
    width: 400px;
    max-width: 100%;
    background: var(--white);
    box-shadow: 0px 4px 30px -7px #7090b040;
    padding: 30px 20px;
}

.med .box>*:not(:last-child){
    border-bottom: 1px solid var(--line);
    padding-bottom: 1rem;
}

.med .box>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 1rem;
}

.med .box>* .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 60px;
    max-width: 60px;
    aspect-ratio: 1/1;
    border-radius: 7.5px;
    background-color: var(--red1);
}

.med .box>* .icon img{
    width: fit-content;
}

.med .box>* .title{
    color: var(--title);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.med .box>* .text{
    color: #9398A8;
    font-size: 18px;
    font-weight: 500;
}

.med .img{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
}

.med .img::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto auto 0 0;
    width: 100%;
    aspect-ratio: 1/.60439;
    border-radius: 5px;
    background: url(../../assets/img/fxbg.png) no-repeat center/cover,var(--red4);
    background-blend-mode: multiply;
    box-shadow: 0px 4px 30px -7px #7090b040;
}

.med .img img{
    width: fit-content;
    height: auto;
}

.engen{
    padding: 76px 0 122px;
}

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

.engen .row>*{
    padding: 0 1rem;
}

.engen hr{
    width: 480px;
    max-width: 100%;
}

.engen hr.hr2{
    width: 380px;
}

.engen .items{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 10px;
}

.engen .items>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 10px;
    color: var(--title);
    font-weight: 700;
    border-radius: 5px;
    background-color: #008d361a;
    padding: 3px 1rem;
}

.engen .items>*::before{
    content: url('data:image/svg+xml;utf8,<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 2L5.49776 10L1 6.00013" stroke="rgb(0, 141, 54)" stroke-width="3"/></svg>');
    height: 14px;
    margin-top: 2px;
}

.engen .img{
    position: relative;
    width: 100%;
    aspect-ratio: 1/.86991;
}

.engen .img img{
    position: absolute;
    border-color: var(--white);
    border-style: solid;
}

.engen .img img:first-of-type{
    inset: auto auto 0 0;
    width: 64.91862%;
    aspect-ratio: 1/.88857;
    border-width: 15px;
    box-shadow: 0px 4.043px 30.322px -7.075px #7090b040;
}

.engen .img img:last-of-type{
    inset: 0 0 auto auto;
    width: 58.40867%;
    aspect-ratio: 1/1.08359;
    border-width: 14px;
    box-shadow: 0px 3.833px 28.748px -6.708px #7090b040;
}

.compliance{
    background-color: #F3F3F3;
    padding: 80px 0;
}

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

.compliance .row>*{
    padding: 0 10px;
}

.compliance .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 1rem;
    background: var(--white);
    box-shadow: 0px 4px 30px -7px #7090b040;
    padding: 35px 30px 35px 50px;
}

.compliance .box .uptitle{
    margin-bottom: 0;
}

.compliance .box hr{
    width: 230px;
    max-width: 100%;
    margin: 0;
}

.compliance .box hr.hr2{
    width: 130px;
}

.compliance .img{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    aspect-ratio: 1/.41025;
    background-blend-mode: normal,color-burn,normal;
}

.compliance .img .btn{
    text-transform: uppercase;
    color: var(--red1);
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    background-color: var(--white);
    padding: 10px 20px;
}

.clientes{
    padding: 3rem 0 120px;
}

.clientes hr{
    width: 230px;
    max-width: 100%;
    margin: 25px auto 35px;
}

.clientes .owl-carousel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 0 80px;
}

.clientes .owl-carousel .owl-nav{
    position: absolute;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    height: 0;
}


.clientes .owl-carousel .owl-nav>* svg rect,
.clientes .owl-carousel .owl-nav>* svg path{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.clientes .owl-carousel .owl-nav>*.disabled svg rect{
    fill: var(--white);
    stroke: var(--red1);
}

.clientes .owl-carousel .owl-nav>*.disabled svg path{
    stroke: var(--red1);
}

.clientes .owl-carousel img{
    width: auto;
    height: 81px;
    object-fit: contain;
    -o-object-fit: contain;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.clientes .owl-carousel img:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

.blog{
    padding: 7px 0 140px;
}

.blog .row{
    grid-gap: 25px 0;
}

.blog .row>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
}

.blog .row>*:not(:last-child){
    border-bottom: 1px solid var(--line);
    padding-bottom: 25px;
}

.blog .sectitle{
    position: relative;
    /* border-bottom: 1px solid var(--line);
    margin-bottom: 25px;
    padding-bottom: 25px; */
}

.blog .sectitle::before{
    content: '';
    position: absolute;
    inset: auto auto -1px 0;
    width: 280px;
    max-width: 100%;
    height: 2px;
    background-color: var(--red1);
}

.blog .item{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    aspect-ratio: 1/1.02631;
    border: 1px solid var(--line);
    padding: 20px 20px 27px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.blog .item:hover{
    background-size: 100% 85.89743%,cover !important;
}

.blog .item .title{
    color: var(--white);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: 0.66px;
}

.contato .box{
    position: relative;
    width: 580px;
    max-width: 100%;
    background: url(../../assets/img/fxbg.png) no-repeat center/cover,var(--white);
    background-blend-mode: color-burn;
    box-shadow: 0px 0px 33.4px -4px #85a3c259;
    padding: 56px 40px;
}

.contato .box hr{
    width: 130px;
    max-width: 100%;
}

.contato .box .conts{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 10px;
}

.contato .box .conts>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 14px;
    color: var(--footer1);
}

.contato .box .conts .telp::before{
    content: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6586 8.48022L9.03315 7.35497C8.92102 7.30708 8.79637 7.29695 8.67798 7.32608C8.55958 7.35522 8.45387 7.42206 8.37678 7.51651L7.21452 8.93716C5.38938 8.07689 3.92061 6.60822 3.06029 4.78321L4.48196 3.62103C4.57654 3.54404 4.64347 3.43833 4.67262 3.31991C4.70177 3.20149 4.69155 3.0768 4.64351 2.96471L3.51818 0.340335C3.46549 0.219098 3.37201 0.120131 3.25397 0.0606092C3.13593 0.00108758 3.00078 -0.0152324 2.87196 0.0144813L0.435733 0.576649C0.311775 0.605266 0.201188 0.675076 0.122043 0.774671C0.0428971 0.874267 -0.000127077 0.99776 2.81941e-07 1.12497C-0.000120968 2.55313 0.281107 3.96733 0.827623 5.28681C1.37414 6.60628 2.17524 7.80518 3.18517 8.81505C4.19511 9.82491 5.39409 10.626 6.71366 11.1724C8.03323 11.7189 9.44752 12.0001 10.8758 12C11.003 12.0001 11.1265 11.9571 11.2261 11.878C11.3257 11.7988 11.3955 11.6882 11.4241 11.5643L11.9864 9.12639C12.0151 8.99728 11.9981 8.86218 11.9381 8.74428C11.8781 8.62637 11.779 8.53301 11.6577 8.48022H11.6586Z" fill="rgb(0, 63, 101)"/></svg>');
}

.contato .box .conts .mailp::before{
    content: url('data:image/svg+xml;utf8,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.4 12C1.015 12 0.685533 11.8532 0.4116 11.5597C0.137667 11.2662 0.000466667 10.913 0 10.5V1.5C0 1.0875 0.1372 0.7345 0.4116 0.441C0.686 0.1475 1.01547 0.0005 1.4 0H12.6C12.985 0 13.3147 0.147 13.5891 0.441C13.8635 0.735 14.0005 1.088 14 1.5V10.5C14 10.9125 13.863 11.2657 13.5891 11.5597C13.3152 11.8537 12.9855 12.0005 12.6 12H1.4ZM7 6.75L1.4 3V10.5H12.6V3L7 6.75ZM7 5.25L12.6 1.5H1.4L7 5.25ZM1.4 3V1.5V10.5V3Z" fill="rgb(0, 63, 101)"/></svg>');
}

.contato .box .conts .local::before{
    content: url('data:image/svg+xml;utf8,<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.15C7.03553 8.15 7.875 7.27696 7.875 6.2C7.875 5.12304 7.03553 4.25 6 4.25C4.96447 4.25 4.125 5.12304 4.125 6.2C4.125 7.27696 4.96447 8.15 6 8.15Z" stroke="rgb(0, 63, 101)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 1C4.67392 1 3.40215 1.54786 2.46447 2.52304C1.52678 3.49823 1 4.82087 1 6.2C1 7.4298 1.25125 8.2345 1.9375 9.125L6 14L10.0625 9.125C10.7487 8.2345 11 7.4298 11 6.2C11 4.82087 10.4732 3.49823 9.53553 2.52304C8.59785 1.54786 7.32608 1 6 1Z" stroke="rgb(0, 63, 101)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.contato .mapa{
    width: 100%;
    height: 281px;
    margin-top: -110px;
}

.contato .mapa>div,
.contato .mapa iframe{
    width: 100% !important;
    height: 100% !important;
}

@media(max-width:992px){
    .banners .df::before{
        display: none;
        display: -webkit-none;
    }
	.banners .item{
		height: 38vw;
/* 		padding: 6rem 0; */
	}
	.banners .item::before{
		z-index: 1;
	}
	.banners .item>img{
		position: absolute;
		inset: 0 auto auto 0;
		height: 100%;
		object-fit: cover;
    	-o-object-fit: cover;
	}
	.banners .item .container{
		position: relative;
		inset: auto;
		
	}
	.banners .container>img{
		max-width: 100%;
		max-height: 35vw;
/* 		max-height: calc(100% + 12rem); */
	}
    .aboutus,
    .atuacao,
    .produtos,
    .hotlinks,
    .med,
    .engen,
    .compliance,
    .clientes,
    .blog{
        padding: 2rem 0;
    }
    .aboutus .box,
    .hotlinks .box,
    .compliance .box,
    .contato .box{
        padding: 1.5rem;
    }
    .aboutus .img{
        position: initial;
        width: 100%;
        aspect-ratio: 1/.66736;
    }
    .produtos{
        margin-top: 0;
    }
    .hotlinks{
        height: fit-content;
    }
    .hotlinks .row>*{
        flex-grow: 1;
    }
    .med .owl-carousel{
        padding: 0 3rem;
    }
    .med .owl-carousel .owl-stage-outer{
        margin: -1rem;
        padding: 1rem;
    }
    .med .box,
    .contato .box{
        width: 100%;
    }
}

@media(max-width:768px){
    .banners{
        display: none;
        display: -webkit-none;
    }
    .aboutus{
        margin-top: 0;
    }
    .produtos .row{
        margin: 0;
    }
    .produtos .df{
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        grid-gap: 2rem 0;
        padding: 1.5rem;
    }
    .produtos .df>*{
        width: 100%;
    }
    .produtos .df>*:first-child{
        padding: 0;
    }
    .produtos .df .img img{
        position: initial;
    }
}

@media(max-width:575px){

}

@media(max-width:425px){

}