.banners,
.banners .item{
    /* height: clamp(400px,47.44791vw,911px); */
    height: 100vh;
}

.banners .item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    background-size: cover !important;
    padding: 13rem 0;
}

.banners .container{
    position: relative;
}

.banners .title{
    width: 548px;
    color: var(--white);
    font-family: var(--avant);
    font-size: 78px;
    font-weight: 700;
    line-height: 78px;
    margin-bottom: 7.66rem;
}

.banners .title::before{
    content: '';
    display: block;
    display: -webkit-block;
    width: 70px;
    height: 2px;
    background: var(--main);
    margin-bottom: 20px;
}

.banners .title span{
    color: var(--main);
}

.banners .dbtn{
    position: absolute;
    bottom: 0;
}

.diferenciais{
    padding: 4rem 0;
}

.diferenciais .row{
    position: relative;
    z-index: 1;
    grid-gap: 2rem 0;
}

.diferenciais .row::after{
    content: '';
    position: absolute;
    inset: auto -23px -18px auto;
    z-index: -1;
    width: 393px;
    height: 69px;
    background-color: var(--main);
}

.diferenciais .row>*{
    padding: 0 1rem;
}

.diferenciais .box{
    background-color: var(--black);
    padding: 40px 30px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.diferenciais .box:hover{
    background-color: var(--main);
    box-shadow: 3px 11px 19px #00000080;
}

.diferenciais .box .icon{
    width: 41px;
    aspect-ratio: 1/1;
    margin-bottom: 4.66rem;
}

.diferenciais .box .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;
}

.diferenciais .box:hover .icon img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.diferenciais .box .title{
    color: var(--white);
    font-family: var(--avant);
    font-size: 24px;
    margin-bottom: 1rem;
}

.diferenciais .box .title::after{
    content: '';
    display: block;
    display: -webkit-block;
    background-color: var(--main);
    width: 40px;
    height: 2px;
    margin-top: 10px;
    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;
}

.diferenciais .box:hover .title::after{
    background-color: var(--white);
}

.diferenciais .box .text{
    color: var(--white);
    font-size: 18px;
}

.servicos{
    padding: 9.33rem 0;
}

.servicos .row{
    grid-gap: 2rem 0;
    margin-top: 4rem;
}

.servicos .row>*{
    padding: 0 1rem;
}

.servicos .box{
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
    background-color: #f3f3f3;
    overflow: hidden;
    padding: 2rem 28px;
    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;
}

.servicos .box:hover,
.servicos .box.active{
    background-color: var(--main);
    padding-right: 10px;
    padding-left: 5rem;
}

.servicos .box.active{
    padding-left: 28px;
}

.servicos .box.active:hover{
    padding-left: 5rem;
}

.servicos .box .icon{
    position: absolute;
    z-index: -1;
    left: -1rem;
    width: 80px;
    height: calc(100% - 12px);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    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;
}

.servicos .box .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: right center;
    -o-object-position: right center;
}

.servicos .box:hover .icon{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.servicos .box .title{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
    color: var(--black);
    font-family: var(--avant);
    font-size: 19px;
}

.servicos .box .title::after{
    content: url('data:image/svg+xml;utf8,<svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8H20M20 8L13 1M20 8L13 15" stroke="rgb(128,130,128)"/></svg>');
    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;
}

.servicos .box:hover .title::after{
    content: url('data:image/svg+xml;utf8,<svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8H20M20 8L13 1M20 8L13 15" stroke="rgb(0,0,0)"/></svg>');
}

.destaques{
    padding: 9.33rem 0;
}

.destaques .row{
    grid-gap: 2rem 0;
    margin-bottom: 4rem;
}

.destaques .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.destaques .dbtn{
    color: var(--black);
}

.destaques .dbtn:hover{
    color: var(--white);
}

.destaques .item,
.noticias .item{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    aspect-ratio: 1/.60096;
    background-size: cover !important;
    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;
}

.destaques .item:hover,
.noticias .item:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
    transform: scale(.95);
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
}

.destaques .item::before,
.noticias .item::before{
    content: '';
    position: absolute;
    inset: 0;
    background-color: #00000073;
    opacity: 0;
    -webkit-opacity: 0;
    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;
}

.destaques .item:hover::before,
.noticias .item:hover::before{
    opacity: 100%;
    -webkit-opacity: 100%;
}

.destaques .item .title,
.destaques .item .tax{
    position: relative;
    opacity: 0;
    -webkit-opacity: 0;
    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;
}

.destaques .item:hover .title,
.destaques .item:hover .tax{
    opacity: 100%;
    -webkit-opacity: 100%;
}

.destaques .item .title{
    text-align: center;
    color: var(--white);
    font-family: var(--avant);
    font-size: 1.75rem;
    margin-bottom: .5rem;
}

.destaques .item .tax{
    color: var(--white);
    font-family: "TradeGothic LT",serif;
    font-size: 18px;
}

.aboutus{
    padding: 9.33rem 0;
}

.aboutus .row{
    grid-gap: 4.66rem 0;
}

.aboutus .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 0 1rem;
}

.aboutus .box .img{
    width: 100%;
    aspect-ratio: 1/.65826;
    margin-bottom: 3rem;
}

.aboutus .box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    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;
}

.aboutus .box:hover .img img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

.aboutus .title{
    color: var(--black);
    font-family: var(--avant);
    font-size: 22px;
    margin-bottom: 2rem;
}

.aboutus .title::after{
    content: '';
    display: block;
    display: -webkit-block;
    width: 40px;
    height: 2px;
    background-color: var(--main);
    margin-top: 2rem;
}

.aboutus .title span{
    color: var(--main);
}

.depoimentos{
    padding: 9.33rem 0;
}

.depoimentos .row{
    position: relative;
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.depoimentos .row>*{
    padding: 0 1rem;
}

.depoimentos .img{
    position: relative;
    z-index: 1;
    width: 454px;
    max-width: 100%;
    aspect-ratio: 1/1;
}

.depoimentos .img::after{
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto -4.40528% -4.40528% auto;
    width: 22.02643%;
    aspect-ratio: 1/1;
    background-color: var(--main);
}

.depoimentos .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    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;
}

.depoimentos .img:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

.depoimentos .owl-carousel{
    position: initial;
    margin-top: 3rem;
}

.depoimentos .owl-carousel .owl-nav{
    position: absolute;
    z-index: 1;
    inset: 50% 0 auto -70px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: calc(100% + 140px);
    height: 0;
    margin:  auto;
}

.depoimentos .prof{
    text-transform: uppercase;
    color: var(--title);
    font-size: 17px;
    font-weight: 700;
    margin-top: 42px;
}

.depoimentos .prof::before{
    content: '';
    display: block;
    display: -webkit-block;
    width: 40px;
    height: 2px;
    background-color: #f3f3f3;
    margin: 2rem 0 10px;
}

.noticias{
    padding: 6.66rem 0;
}

.noticias .sectitle::before{
    display: none;
    display: -webkit-none;
}

.noticias .owl-carousel{
    margin-top: 4rem;
}

.noticias .item{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    background-size: 100% 100% !important;
}

.noticias .item::before{
    background-color: #00000066;
}

.noticias .item:hover{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    background-size: 110% 110% !important;
}

.noticias .item .title{
    position: relative;
    text-transform: uppercase;
    color: var(--white);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 0 20px;
}

.noticias .item .title::after{
    content: url('data:image/svg+xml;utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1L22 9L14 17" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/><path d="M22 9H1" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
    display: block;
    display: -webkit-block;
    width: 24px;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    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;
}

.noticias .item:hover .title::after{
    height: 18px;
    margin-top: 25px;
}

.noticias .owl-carousel .owl-dots{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 14px;
    margin-top: 40px;
}

.noticias .owl-carousel .owl-dots>*{
    width: 10px;
    aspect-ratio: 1/1;
    border: 1px solid var(--main);
    border-radius: 50%;
    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;
}

.noticias .owl-carousel .owl-dots>*:hover,
.noticias .owl-carousel .owl-dots>*.active{
    width: 14px;
}

.noticias .owl-carousel .owl-dots>*.active{
    background-color: var(--main);
}

@media(max-width:1400px){
    .depoimentos .owl-carousel .owl-nav{
        width: 100%;
        left: 0;
    }
}

@media(max-width:992px){
    .diferenciais,
    .servicos,
    .destaques,
    .aboutus,
    .depoimentos,
    .noticias{
        padding: 2rem 0;
    }
    .servicos .row{
        margin-top: 1.5rem;
    }
    .destaques .row{
        margin-bottom: 1.5rem;
    }
    .aboutus .row{
        grid-gap: 1.5rem 0;
    }
    .diferenciais .row>*{
        flex-grow: 1;
    }
    .diferenciais .row::after{
        inset: auto 0 -1rem auto;
    }
    .depoimentos .owl-carousel{
        position: relative;
    }
    .depoimentos .owl-carousel .owl-nav{
        position: initial;
        height: fit-content;
        margin-top: 2rem;
    }
    .destaques .item{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -ms-filter: grayscale(0);
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
    }
    .destaques .item::before{
        opacity: 100%;
        -webkit-opacity: 100%;
    }
    .destaques .item .title,
    .destaques .item .tax{
        opacity: 100%;
        -webkit-opacity: 100%;
    }
    .depoimentos .row>*:first-child{
        display: none;
        display: -webkit-none;
    }
    .diferenciais,
    .destaques,
    .depoimentos{
        background-color: #f3f3f3;
    }
}

@media(max-width:768px){
    .banners .title{
        width: clamp(10px,71.35416vw,548px);
        font-size: clamp(16px,10.15625vw,78px);
        line-height: clamp(16px,10.15625vw,78px);
    }
    .aboutus .to-hide{
        display: none;
        display: -webkit-none;
    }
}