.banners .item{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.banners .item .container{
    position: absolute;
    inset: auto 0;
}

.banners .item .container img{
	position: absolute;
    width: fit-content;
	max-width: unset;
}

@media(max-width:1200px){
	.banners .item .container img{
		position: initial;
		max-width: 100%;
	}
}

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

.banners .item .row>*{
	position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.banners .item .text{
    margin-top: 25px;
}

.banners .item hr{
    margin: 25px 0;
}

.banners .item .btns{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    grid-gap: 10px;
}

.produtos{
    background: url(../../assets/img/dotsfx.png) repeat top left;
    padding: 140px 0 120px;
}

.produtos .container>.row{
    grid-gap: 40px 0;
}

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

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

.produtos hr{
    width: 100%;
    height: 1px;
    background: var(--line);
    margin: 0;
}

.produtos .text{
    color: var(--darkbg);
    background: linear-gradient(to bottom,var(--main),var(--main)) no-repeat left center/5px 100%;
    padding-left: 25px;
}

.produtos .box{
    display: block;
    display: -webkit-block;
    background-color: var(--white);
    border: 1px solid var(--line);
    box-shadow: 0 2px 15px #7090b026;
    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 .box:hover{
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}

.produtos .box .img{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 272px;
    /* aspect-ratio: 1/.71578; */
    background-color: #00901414;
    padding: 16px;
}

.produtos .box .img img{
    height: 240px;
    object-fit: contain;
    -o-object-fit: contain;
    filter: drop-shadow(10px 21px 27px #00000040);
    -webkit-filter: drop-shadow(10px 21px 27px #00000040);
    -ms-filter: drop-shadow(10px 21px 27px #00000040);
}

.produtos .box .bottom{
    border-top: 4px solid var(--main);
    padding: 25px 20px 35px;
}

.produtos .box .bottom .title{
    display: -webkit-box;
    display: -moz-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    overflow: hidden;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    color: var(--darkbg);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.produtos .box .bottom .sm{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 19px;
    color: var(--main);
    font-weight: 600;
}

.produtos .box .bottom .sm::after{
    content: url('data:image/svg+xml;utf8,<svg width="19" height="14" viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.70709H17M17 6.70709L11 0.707092M17 6.70709L11 12.7071" stroke="rgb(0, 144, 20)" stroke-width="2"/></svg>');
    height: 18px;
}

.hwa{
    background-image: url(../../assets/img/hwabg.png),url(../../assets/img/hwabg2.png),url(../../assets/img/hwabg3.png),url(../../assets/img/noisefx.png),linear-gradient(to bottom,var(--main),var(--main));
    background-repeat: no-repeat;
    background-position: top right,-100% top,18.75vw 200%,center,center;
    background-size: auto,auto,auto,cover,cover;
    background-blend-mode: normal,normal,normal,multiply;
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .3s ease-out;
}

.hwa.scrolled{
    background-position: top right,top left,18.75vw 100%,center,center;
}

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

.hwa .row>*{
    padding: 0 2.8rem;
}

.hwa .row>*:first-child{
    padding: 67px 0 165px;
}

.hwa hr{
    background: var(--white);
    margin: 25px 0;
}

.hwa .img img{
    filter: drop-shadow(10px 21px 27px #00000040);
    -webkit-filter: drop-shadow(10px 21px 27px #00000040);
    -ms-filter: drop-shadow(10px 21px 27px #00000040);
    margin-top: -58px;
}

.hwa .text p{
    background: linear-gradient(to bottom,#ffffff33,#ffffff33) no-repeat left center/5px 100%;
    padding-left: 25px;
}

.hwa .text p:not(:last-child){
    margin-bottom: 2rem;
}

.aboutus{
    background-image: url(../../assets/img/abousutubg1.png),url(../../assets/img/aboutusbg2.png),url(../../assets/img/dotsfx.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: -100% top,200% top,top left;
    padding: 95px 0 85px;
    transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
}

.aboutus.scrolled{
    background-position: left top,right top,top left;
}

.aboutus .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
    margin: 0 -2.13rem;
}

.aboutus .row>*{
    padding: 0 2.13rem;
}

.aboutus .img{
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-shadow: 0 4px 5px #7090b040;
}

.aboutus .img::before{
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(100% + 30px);
    height: 100%;
    border: 1px solid #00901429;
    background: linear-gradient(to bottom,transparent,var(--main));
}

.aboutus hr{
    margin: 20px 0;
}

.contato{
    background: url(../../assets/img/noisefx.png) repeat top left;
    padding: 120px 0 0;
}

.contato hr{
    margin: 20px auto 40px;
}

.contato .conts{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 40px 20px;
    margin: 0 -15px;
}

.contato .conts>*,
.contato .conts>* .icon,
.contato .conts>* .icon img{
    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;
}

.contato .conts>*{
    flex: 0 1 calc((100%/3) - 15px);
    border-bottom: 5px solid transparent;
    background-color: var(--white);
    box-shadow: 0 0 15px #7090b040;
    padding: 20px 20px 25px 20px;
}

.contato .conts>*:hover{
    border-color: var(--main);
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}

.contato .conts>* .icon{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 70px;
    aspect-ratio: 1/1;
    background-color: #00901426;
    box-shadow: 10px 10px 0 -5px #0090140d;
    margin-bottom: 25px;
}

.contato .conts>*:hover .icon{
    background-color: var(--main);
    box-shadow: 10px 10px 0 -5px #7090b040;
}

.contato .conts>*:hover .icon img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.contato .conts>* .title{
    color: var(--main);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.22;
    margin-bottom: 10px;
}

.contato .conts>* .local,
.contato .conts>* .telp,
.contato .conts>* .mailp,
.contato .conts>* .hour{
    color: var(--text);
}

.contato .mapa{
    width: 100%;
    height: 195px;
    margin-top: -32px;
}

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

@media(max-width:1200px){
    .banners .item{
        padding: 3rem 0;
    }
    .banners .item .container{
        position: initial;
    }
    .banners .item>img{
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }
}

@media(max-width:992px){
    .produtos,
    .hwa,
    .aboutus{
        padding: 2rem 0;
    }
    .hwa .row,
    .aboutus .row{
        margin: 0 -12px;
    }
    .hwa .row>*,
    .aboutus .row>*{
        padding: 0 12px !important;
    }
    .hwa{
        background-size: 13vw,0,0,cover,cover;
    }
    .hwa .img img{
        margin-top: 0;
    }
    .aboutus{
        background-size: 7vw,0,auto;
    }
    .contato{
        padding: 2rem 0 0;
    }
    .contato .conts{
        margin: 0;
    }
    .contato .conts>*{
        flex: 1 1 calc(50% - 11px);
    }
    .hwa .img{
        width: 40vw;
        margin: 0 auto;
    }
}

@media(max-width:768px){
    .banners{
        display: none;
        display: -webkit-none;
    }
    .produtos .text,
    .hwa .text p{
        background: unset;
        padding: 0;
    }
    .aboutus .img{
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .contato .conts>*{
        flex-basis: 100%;
    }
}