.ban{
    border-bottom: 1px solid var(--line);
}

.knowus{
    position: relative;
    background: url(../../assets/img/depsbg2.svg) no-repeat 0 77.67295%, url(../../assets/img/kubg2.png) no-repeat right calc(100% - 36px), linear-gradient(90deg, #212b5500 0%, var(--main) 100%), url(../../assets/img/kubg.jpg) no-repeat center, var(--main);
    background-blend-mode: normal, normal, normal, multiply, normal;
    background-size: auto, auto, cover, cover, auto;
    padding: 7.53rem 0 10.2rem;
}

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

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

.knowus .uptitle{
    margin-bottom: 20px;
}

.text{
    color: #F3F3F3;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.07px;
}

.knowus .img{
    position: relative;
    width: clamp(10px,100%,500px);
    aspect-ratio: 1/.74;
}

.knowus .img::before{
    content: '';
    position: absolute;
    inset: auto -3.4% -1.08108% auto;
    width: 13.6%;
    aspect-ratio: 1/2.79411;
    background: linear-gradient(180deg, var(--main) 0%, #3C4A87 100%);
    clip-path: polygon(0 14.73%,100% 0,100% 100%,0 100%);
    -webkit-clip-path: polygon(0 14.73%,100% 0,100% 100%,0 100%);
}

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

.tecnologia{
    position: relative;
    background-color: #E7E7E780;
    padding: 0 3rem 0;
}

/* .tecnologia::before{
    content: '';
    position: absolute;
    inset: 29.71926% 0 auto auto;
    width: clamp(10px,13.30645vw,132px);
    aspect-ratio: 1/2.03030;
    background: url(../../assets/img/techbg.svg) no-repeat right center;
    background-size: contain;
} */

.tecnologia .box{
    width: 100%;
    background: url(../../assets/img/depsbg.jpg) no-repeat top center,var(--white);
    transform: translateY(-4.86rem);
    -webkit-transform: translateY(-4.86rem);
    -moz-transform: translateY(-4.86rem);
    -ms-transform: translateY(-4.86rem);
    -o-transform: translateY(-4.86rem);
    margin-bottom: -4.86rem;
    padding: 4.66rem 0 9.86rem;
}

.tecnologia .box .container{
    max-width: calc(980px + 70px);
}

.tecnologia .box .text{
    color: var(--text);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.07px;
}

.tecnologia .box .text.main{
    background: linear-gradient(to right,var(--line) 0,var(--line) 50%,transparent 50%, transparent 100%) repeat-x bottom left;
    background-size: 20px 1px;
    margin-bottom: 6.93rem;
    padding: 0 clamp(1px,5.26041vw,101px) 50px;
}

.tecnologia .box .row{
    grid-gap: 50px 0;
}

.tecnologia .box .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    grid-gap: 20px;
    padding: 0 10px;
}

.tecnologia .box .icon{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 110px;
    aspect-ratio: 1/1;
    border: 2px solid var(--yellow);
    border-radius: 15px;
}

.tecnologia .box .icon img{
    max-width: 65%;
    max-height: 65%;
    object-fit: contain;
    -o-object-fit: contain;
}

.tecnologia .box .title{
    color: var(--yellow);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.1px;
}

.whyus{
    background: url(../../assets/img/wubg.png) no-repeat top center, linear-gradient(to bottom,var(--main),var(--main)) no-repeat 0 48px;
    background-size: 100% auto,cover;
    transform: translateY(-48px);
    -webkit-transform: translateY(-48px);
    -moz-transform: translateY(-48px);
    -ms-transform: translateY(-48px);
    -o-transform: translateY(-48px);
    border-bottom: 1px solid #ffffff1a;
    margin-bottom: -48px;
    padding: 6.26rem 0;
}

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

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

.whyus .uptitle,
.whyus .sectitle,
.whyus .text{
    margin-bottom: 1rem;
}

.whyus .sectitle{
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.11px;
}

.whyus .text{
    color: var(--white);
}

.whyus .text:last-child{
    margin-bottom: 25px;
}

.whyus .img{
    position: relative;
    width: clamp(10px,100%,480px);
    aspect-ratio: 1/1.4;
}

.whyus .img img{
    object-fit: cover;
    -o-object-fit: cover;
}

.whyus .img img:first-of-type{
    width: 100%;
    height: 100%;
}

.whyus .img img:last-of-type{
    position: absolute;
    inset: auto auto -3.72023% -14.79166%;
    border: 7px solid var(--main);
    width: 56.66666%;
    aspect-ratio: 1/.55147;
}

@media(max-width:992px){
    .knowus,
    .whyus{
        padding: 2rem 0;
    }
    .knowus{
        padding-bottom: 6rem;
    }
    .tecnologia .box{
        padding: 2rem 0;
    }
    .tecnologia .box .text.main{
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
    .tecnologia .box{
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        margin-bottom: 0;
    }
}

@media(max-width:768px){
    .whyus .img img:last-of-type {
        inset: auto auto -3.72023% -1.79166%;
    }
    .tecnologia{
        padding: 0;
    }
    .tecnologia::before{
        display: none;
        display: -webkit-none;
    }
}