.aboutus{
    overflow: hidden;
    padding: 26px 0 64px;
}

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

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

.aboutus .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: 7.98102% 11.66298% auto auto;
    width: 129.67479%;
    height: 98%;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.atua{
    padding: 64px 0 108px;
}

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

.experience{
    padding: 108px 0 102px;
}

.experience .row{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    grid-gap: 2rem 0;
}

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

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

.experience .img{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: clamp(10px,39.47916vw,758px);
    max-width: unset;
}

.experience .img::before{
    content: '';
    position: absolute;
    right: 18.07387%;
    width: 133.11345%;
    aspect-ratio: 1/.60951;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.experience .img img{
    border-radius: 40px;
}

.experience .fx,
.experience .img img{
    position: relative;
    z-index: 1;
}

.experience .fx{
    background: var(--white);
    padding: 19px 0 2rem;
}

.segments{
    padding: 102px 0 4rem;
}

.segments .segs{
    display: grid;
    display: -webkit-grid;
    grid-gap: 26px;
    width: 905px;
    max-width: 100%;
    margin: 38px auto 0;
}

.segments .segs>* .title{
    position: relative;
    cursor: pointer;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 18px;
    padding: .95rem;
}

.segments .segs>* .text{
    font-weight: 300;
    border-radius: 0 0 15px 15px;
    background: #FCFCFC;
    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;
}

.segments .segs>*.active .text{
    box-shadow: 0 3px 6px #00000029;
    margin-top: -20px;
    padding: 43px 1.5rem 26px;
}

.wcu{
    padding: 181px 0 80px;
}

.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;
}

.compromise{
    padding: 150px 0 81px;
}

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

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

.compromise .row>*:first-child{
    display: grid;
    display: -webkit-grid;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

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

.compromise .img{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 758px;
    max-width: unset;
}

.compromise .img::before{
    content: '';
    position: absolute;
    left: 18.07387%;
    width: 133.11345%;
    aspect-ratio: 1/.60951;
    border: 1px solid var(--line);
    border-radius: 42px;
}

.compromise .img img{
    border-radius: 40px;
}

.compromise .fx,
.compromise .img img{
    position: relative;
    z-index: 1;
}

.compromise .fx{
    background: var(--white);
    padding: 19px 0 2rem;
}

.contato{
    padding: 81px 0 110px;
}

.contato .text{
    margin-top: 42px;
}

.contato .btn-group{
    width: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 49px;
}

@media(max-width:992px){
    .aboutus,
    .atua,
    .experience,
    .segments,
    .wcu,
    .compromise,
    .contato{
        padding: 2rem 0;
    }
    .aboutus .row{
        grid-gap: 2rem 0;
    }
    .aboutus .img,
    .experience .img,
    .compromise .img{
        width: fit-content;
    }
    .aboutus .img::before,
    .experience .img::before,
    .compromise .img::before{
        display: none;
        display: -webkit-none;
    }
    .wcu .difs{
        width: 100%;
    }
    .wcu .container{
        justify-content: center;
        -webkit-justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .wcu .container::before{
        display: none;
        display: -webkit-none;
    }
    .wcu .difs{
        grid-gap: 2rem;
    }
    .dbtn.wcuu{
        margin-top: 0;
    }
    .compromise .row>*:first-child{
        justify-content: center;
        -webkit-justify-content: center;
    }
    .compromise .fx,
    .experience .fx{
        padding: 0;
    }
    .compromise .img{
        max-width: 100%;
    }
}

@media(max-width:768px){
    .wcu .difs{
        grid-template-columns: 1fr;
    }
}

@media(max-width:575px){
    .dbtn.wcuu{
        width: 90%;
        margin: 0 auto;
    }
}