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

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

.banners .item .sectitle{
    font-weight: 400;
}

.banners .item .container img{
    width: fit-content;
    margin-top: 89px;
}

.banners .item .dbtn{
    margin-top: 130px;
}

.aboutus{
    overflow: hidden;
    padding: 23px 0 25px;
}

.aboutus .row{
    grid-gap: 19px 0;
}

.aboutus .row>*{
    align-content: center;
}

.aboutus .fx,
.exp .fx{
    background-color: var(--white);
    padding: 4px 0 19px;
}

.aboutus .text{
    margin-top: 21px;
}

.aboutus .img{
    position: relative;
    width: clamp(10px,44.42708vw,853px);
    max-width: unset;
}

.aboutus .img::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 6.98102% -4.33702% auto auto;
    width: 136.67479%;
    aspect-ratio: 1/.58230;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.exp{
    padding: 177px 0 65px;
}

.exp .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.exp .row>*{
    align-content: center;
}

.exp .row>*:has(.img){
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.exp .img{
    position: absolute;
    width: 880px;
    max-width: unset;
}

.exp .img::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 4.46467% auto auto 4.31818%;
    width: 143.97727%;
    aspect-ratio: 1/.55305;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.exp .text,
.exp .dbtn{
    margin-top: 2rem;
}

.products{
    padding: 103px 0 67px;
}

.products .text{
    margin-top: 25px;
}

.products .row{
    grid-gap: 25px 0;
    margin-top: 44px;
}

.products .row .dbtn{
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 13px 8px #7c7c7c36;
    margin: 0;
    padding: 25px;
}

.products .text.t2{
    margin-top: 50px;
}

.products .dbtn{
    margin-top: 28px;
}

.products-2{
    padding: 67px 0 100px;
}

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

.products-2 .row.r2{
    grid-gap: 4rem 0;
    margin-top: 3rem;
}

.products-2 .row.r2>*{
    padding: 0 9.5px;
}

.products-2 .row>*{
    align-content: end;
}

.products-2 .text{
    margin-top: 28px;
}

.products-2 .box{
    display: block;
    display: -webkit-block;
}

.products-2 .box .img{
    width: 100%;
    aspect-ratio: 1/.58965;
    border: 1px solid var(--line);
    border-bottom: unset;
    border-radius: 10px 10px 0 0;
}

.products-2 .box .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    -o-transform: translateY(1rem);
}

.products-2 .box .bottom{
    border-radius: 0 0 8px 8px;
    background-color: var(--black);
    padding: 34px 2rem 1rem;
}

.products-2 .box .title{
    font-family: var(--metro);
}

.products-2 .box .title,
.products-2 .box .text{
    font-size: 13px;
    font-weight: 700;
}

.products-2 .box .text{
    margin-top: 23px;
}

.products-2 .box .sm{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 7px;
    font-family: var(--metro);
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
}

.products-2 .box .sm::after{
    content: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.129C0 9.51395 2.74405 12.258 6.129 12.258C9.51395 12.258 12.258 9.51395 12.258 6.129C12.258 2.74405 9.51395 0 6.129 0C2.74405 0 0 2.74405 0 6.129Z" fill="rgb(226,6,19)"/><path d="M5.23599 9.16892C5.39124 9.1668 5.53948 9.10398 5.64898 8.99392L8.186 6.45493C8.24221 6.39791 8.28643 6.33021 8.31607 6.25584C8.34571 6.18146 8.36016 6.10189 8.35858 6.02184C8.35699 5.94179 8.33941 5.86286 8.30685 5.78971C8.27429 5.71656 8.22742 5.65068 8.169 5.59592L5.63299 3.24793C5.51421 3.16061 5.36743 3.12007 5.22067 3.13405C5.07391 3.14804 4.93746 3.21557 4.83731 3.32375C4.73716 3.43194 4.68034 3.5732 4.6777 3.7206C4.67506 3.868 4.72678 4.01123 4.823 4.12293L6.905 6.04992L4.80499 8.14992C4.72281 8.23455 4.6674 8.34153 4.64569 8.45748C4.62397 8.57343 4.63693 8.69322 4.68292 8.80186C4.72891 8.91049 4.80589 9.00315 4.90426 9.06826C5.00264 9.13337 5.11802 9.16903 5.23599 9.16892Z" fill="white"/></svg>');
    height: 13px;
}

.marcas{
    padding: 100px 0 77px;
}

.marcas .text{
    margin-top: 25px;
}

.marcas .brands{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 2rem 79px;
    width: 1068px;
    max-width: 100%;
    margin: 54px auto 0;
}

.marcas .brands>*{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    border-bottom: 4px solid #EEEEEE;
    padding: 22px 0;
}

.marcas .brands>*::before{
    content: '';
    position: absolute;
    inset: 0 -19% auto auto;
    width: 4px;
    height: 83%;
    background-color: #EEEEEE;
}

.marcas .brands>*::after{
    content: '';
    position: absolute;
    inset: auto -22% -6% auto;
    width: 15px;
    aspect-ratio: 1/1;
    background-color: #EEEEEE;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
}

.marcas .brands>* a,
.marcas .brands>* img{
    width: 100%;
}

@media(min-width:768px){
    .marcas .brands>*:nth-child(4n)::before,
    .marcas .brands>*:nth-child(4n)::after,
    .marcas .brands>*:nth-last-child(1)::after,
    .marcas .brands>*:nth-last-child(2)::after,
    .marcas .brands>*:nth-last-child(3)::after,
    .marcas .brands>*:nth-last-child(4)::after{
        display: none;
        display: -webkit-none;
    }

    .marcas .brands>*:nth-last-child(1),
    .marcas .brands>*:nth-last-child(2),
    .marcas .brands>*:nth-last-child(3),
    .marcas .brands>*:nth-last-child(4){
        border-bottom: unset;
    }
}


.marcas .text.t2{
    margin-top: 65px;
}

.marcas .dbtn{
    margin-top: 54px;
}

.solutions{
    padding: 77px 0 141px;
}

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

.solutions .row>*{
    align-content: end;
}

.solutions .text{
    margin-top: 28px;
}

.solutions .bigbox{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2rem clamp(1rem,4.0625vw,78px);
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #FCFCFC;
    box-shadow: 0 3px 6px #00000029;
    padding: 38px 86px;
}

.solutions .bigbox>*{
    background: var(--black);
    border-radius: 8px;
    padding: 23px 26px 18px;
}

.solutions .bigbox>* .title,
.solutions .bigbox>* .text{
    font-weight: 700;
}

.solutions .bigbox>* .title{
    font-family: var(--metro);
    font-size: 14px;
    margin-top: 25px;
}

.solutions .bigbox>* .text{
    font-size: 13px;
    margin-top: 14px;
}

.wcu{
    padding: 47px 0 0;
}

.wcu .container{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background: var(--white);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.wcu .container::before{
    content: '';
    position: absolute;
    z-index: -1;
    right: -1px;
    width: 86.18925%;
    height: 134.40747%;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.wcu .difs{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 57px clamp(1rem,5.15625vw,99px);
    width: 935px;
    max-width: 100%;
    margin-top: 40px;
}

.wcu .difs>* .top{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    background: #D4D4D4;
}

.wcu .difs>* .top::before{
    content: '';
    display: block;
    display: -webkit-block;
    min-width: 51px;
    background: url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.756 17.289L0 12.477L0.0369987 7.526L4.811 12.16L16.971 0L16.887 5.157L4.756 17.289Z" fill="white"/></svg>') no-repeat 12px center, var(--linear-ttb);
    mask: url('data:image/svg+xml;utf8,<svg width="52" height="41" viewBox="0 0 52 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0V40.015H40.015V28.356L51.115 20.007L40.015 11.658V0H0Z" fill="white"/></svg>') no-repeat right center/cover;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="52" height="41" viewBox="0 0 52 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0V40.015H40.015V28.356L51.115 20.007L40.015 11.658V0H0Z" fill="white"/></svg>') no-repeat right center/cover;
}

.wcu .difs>*:nth-child(4n + 2) .top::before,
.wcu .difs>*:nth-child(4n + 3) .top::before{
    background: url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.756 17.289L0 12.477L0.0369987 7.526L4.811 12.16L16.971 0L16.887 5.157L4.756 17.289Z" fill="white"/></svg>') no-repeat 12px center, var(--black);
}

.wcu .difs>* .top .title{
    font-weight: 700;
    padding: 10px 18px;
}

.wcu .difs>* .text{
    font-weight: 300;
    margin-top: 11px;
}

.dbtn.wcuu{
    margin-top: 88px;
}

.blog{
    padding: 99px 0 76px;
}

.blog .owl-carousel{
    margin-top: 47px;
}

.blog .owl-carousel .owl-nav{
    position: absolute;
    inset: -3rem 0 auto auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 9px;
}

.blog .box{
    display: block;
    display: -webkit-block;
    border-radius: 8px;
    overflow: hidden;
}

.blog .box img{
    width: 100%;
    aspect-ratio: 1/.54923;
    object-fit: cover;
    -o-object-fit: cover;
}

.blog .box .bottom{
    background: var(--linear-ttb);
    padding: 29px 2rem 40px;
}

.blog .box  .title,
.blog .box .text,
.blog .box .sm{
    font-size: 14px;
    font-weight: 700;
}

.blog .box  .title{
    font-family: var(--metro);
}

.blog .box .text{
    margin-top: 17px;
}

.blog .box .sm{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 7px;
    font-family: var(--metro);
    margin-top: 14px;
}

.blog .box .sm::after{
    content: url('data:image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.129C0 9.51395 2.74405 12.258 6.129 12.258C9.51395 12.258 12.258 9.51395 12.258 6.129C12.258 2.74405 9.51395 0 6.129 0C2.74405 0 0 2.74405 0 6.129Z" fill="rgb(226,6,19)"/><path d="M5.23599 9.16892C5.39124 9.1668 5.53948 9.10398 5.64898 8.99392L8.186 6.45493C8.24221 6.39791 8.28643 6.33021 8.31607 6.25584C8.34571 6.18146 8.36016 6.10189 8.35858 6.02184C8.35699 5.94179 8.33941 5.86286 8.30685 5.78971C8.27429 5.71656 8.22742 5.65068 8.169 5.59592L5.63299 3.24793C5.51421 3.16061 5.36743 3.12007 5.22067 3.13405C5.07391 3.14804 4.93746 3.21557 4.83731 3.32375C4.73716 3.43194 4.68034 3.5732 4.6777 3.7206C4.67506 3.868 4.72678 4.01123 4.823 4.12293L6.905 6.04992L4.80499 8.14992C4.72281 8.23455 4.6674 8.34153 4.64569 8.45748C4.62397 8.57343 4.63693 8.69322 4.68292 8.80186C4.72891 8.91049 4.80589 9.00315 4.90426 9.06826C5.00264 9.13337 5.11802 9.16903 5.23599 9.16892Z" fill="white"/></svg>');
    height: 13px;
}

.blog .dbtn{
    margin-top: 37px;
}

.contato{
    position: relative;
    padding: 90px 0 119px;
}

.contato .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

.contato .row>*:last-child{
    position: relative;
    z-index: 1;
}

.contato .img{
    position: absolute;
    inset: 0 auto auto 0;
    width: 82.29166%;
    height: 100%;
}

.contato .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top left;
    -o-object-position: top left;
}

.contato .btn-group{
    grid-gap: 27px;
    margin-top: 68px;
}

@media(max-width:1400px){
    .banners .item{
        padding: 6rem 0;
    }
    .banners .item .container{
        position: relative;
        z-index: 1;
    }
    .banners .item>img{
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: left center;
        -o-object-position: left center;
    }
    .banners .item .container img,
    .banners .item .dbtn{
        margin-top: 2rem;
    }
}

@media(max-width:992px){
    .banners .item,
    .aboutus,
    .exp,
    .products,
    .products-2,
    .marcas,
    .solutions,
    .wcu,
    .blog,
    .contato{
        padding: 2rem 0;
    }
    .aboutus .row{
        grid-gap: 2rem 0;
    }
    .aboutus .img{
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        width: fit-content;
        max-width: 100%;
    }
    .aboutus .img::before{
        inset: auto;
        width: 107%;
        height: 107%;
    }
    .exp .img{
        position: relative;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        width: fit-content;
        max-width: 100%;
    }
    .exp .img::before,
    .wcu .difs{
        width: 100%;
    }
    .products-2 .row.r2{
        grid-gap: 2rem 0;
    }
    .solutions .bigbox{
        padding: 2rem;
    }
    .wcu .container{
        justify-content: center;
        -webkit-justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .wcu .container::before,
    .exp .img::before{
        display: none;
        display: -webkit-none;
    }
    .wcu .difs{
        grid-gap: 2rem;
    }
    .dbtn.wcuu{
        margin-top: 0;
    }
    .solutions .bigbox{
        grid-template-columns: repeat(2,1fr);
    }
    .marcas .brands>*::before{
        inset: 0 -30% auto auto;
    }
    .marcas .brands>*::after{
        inset: auto -34% -6% auto;
    }
    .contato{
        background: linear-gradient(to right,#dad5c4,transparent);
    }
    .contato .img{
        display: none;
        display: -webkit-none;
    }
    .contato .btn-group{
        margin-top: 2rem;
    }
}

@media(max-width:768px){
    .marcas .brands{
        grid-template-columns: repeat(3,1fr);
        grid-gap: 2rem 5rem;
    }
    .marcas .brands>*::after{
        inset: auto -26% -6% auto;
    }
    .marcas .brands>*::before{
        inset: 0 -23% auto auto;
    }
    .marcas .brands>*:nth-child(3n)::before,
    .marcas .brands>*:nth-child(3n)::after,
    .marcas .brands>*:nth-last-child(1)::after,
    .marcas .brands>*:nth-last-child(2)::after,
    .marcas .brands>*:nth-last-child(3)::after{
        display: none;
        display: -webkit-none;
    }
    .marcas .brands>*:nth-last-child(1),
    .marcas .brands>*:nth-last-child(2),
    .marcas .brands>*:nth-last-child(3){
        border-bottom: unset;
    }
    .wcu .difs{
        grid-template-columns: 1fr;
    }
}

@media(max-width:575px){
    .marcas .brands{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 2rem;
    }
    .marcas .brands>*::before,
    .marcas .brands>*::after{
        display: none;
        display: -webkit-none;
    }
    .solutions .bigbox{
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    .dbtn.wcuu{
        width: 90%;
        margin: 0 auto;
    }
}

@media(max-width:425px){
    .marcas .brands{
        grid-template-columns: 1fr;
    }
}