.aboutus{
    padding: 64px 0 71px;
}

/* .aboutus .container{
    max-width: calc(1408px + 140px);
} */

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

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

.aboutus .row>*:has(img){
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.aboutus img{
    width: 42.8125vw;
    max-width: unset;
    aspect-ratio: 1/.84549;
    object-fit: cover;
    -o-object-fit: cover;
}

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

.hww{
    background: #FCFCFC;
    padding: 67px 0 90px;
}

.hww .container{
    max-width: calc(1160px + 140px);
}

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

.hww .owl-carousel{
    margin-top: 84px;
}

.hww .item .title{
    width: fit-content;
    color: var(--white);
    font-size: 31px;
    font-weight: 700;
    border-radius: 10px;
    background: var(--footer2);
    margin: 0 auto 12px;
    padding: 23px 2rem;
}

.hww .item .text::before{
    content: '';
    display: block;
    display: -webkit-block;
    width: 10px;
    height: 58px;
    background: url('data:image/svg+xml;utf8,<svg width="10" height="58" viewBox="0 0 10 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 0V45" stroke="rgb(0, 53, 104)" stroke-dasharray="2 3"/><path d="M4.5 55.366C6.07622 55.366 7.354 54.0882 7.354 52.512C7.354 50.9357 6.07622 49.658 4.5 49.658C2.92378 49.658 1.646 50.9357 1.646 52.512C1.646 54.0882 2.92378 55.366 4.5 55.366Z" fill="rgb(167, 135, 76)"/><path d="M4.566 56.828C6.94966 56.828 8.882 54.8957 8.882 52.512C8.882 50.1284 6.94966 48.196 4.566 48.196C2.18234 48.196 0.25 50.1284 0.25 52.512C0.25 54.8957 2.18234 56.828 4.566 56.828Z" stroke="rgb(0, 53, 104)" stroke-width="0.5"/></svg>') no-repeat center;
    margin: 0 auto 23px;
}

.hww .item .text{
    text-align: center;
    color: var(--title);
    font-size: 13px;
    line-height: 1.15384;
    margin-top: 0;
}

.empre{
    padding: 179px 0 175px;
}

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

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

.empre .text{
    margin-top: 20px;
}

.empre .dbtn{
    margin-top: 2rem;
}

.empre .img{
    position: absolute;
    right: 0;
    width: clamp(10px,53.125vw,1020px);
    height: 76.37362%;
}

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

.propr{
    background: var(--footer2);
    padding: 55px 0 77px;
}

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

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

.propr figure{
    position: relative;
    z-index: 1;
    aspect-ratio: 1/1.258;
}

.propr figure::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto auto -22px -22px;
    width: 100%;
    height: 100%;
    background: var(--white);
}

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

.propr figure figcaption{
    position: absolute;
    inset: auto auto 0 0;
    width: fit-content;
    color: var(--footer2);
    line-height: 1.3;
    background: #ffffffd4;
    padding: 6px 20px 2px 11px;
}

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

.propr .text ::marker{
    color: var(--main);
}

.propr .dbtn{
    margin-top: 3rem;
}

@media(max-width:1200px){
    .empre .img{
        position: initial;
        width: fit-content;
    }
}

@media(max-width:992px){
    .aboutus,
    .hww,
    .empre,
    .propr,
    .contato{
        padding: 2rem 0;
    }
    .aboutus img{
        width: fit-content;
        max-width: 100%;
    }
    .empre .img{
        height: auto;
    }
    .aboutus img,
    .propr figure{
        aspect-ratio: unset;
    }
}

@media(max-width:768px){
    .propr figure::before{
        inset: auto auto -10px -10px;
    }
}

@media(max-width:575px){

}
