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

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

.banners .title{
    font-family: var(--mav);
    color: var(--white);
    font-size: 34px;
    font-weight: 700;
}

.banners .text{
    font-family: var(--mav);
    font-size: 20px;
    margin-top: 10px;
}

.banners hr{
    width: 180px;
    background: var(--white);
}

.banners .btns{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 10px;
    width: 393px;
    max-width: 100%;
}

.banners .btns>*{
    flex: 1 1 calc(50% - 5px);
    font-family: var(--mav);
    font-size: 16px;
}

.banners .btns>*:hover{
    background: var(--white);
}

.banners .btns>*.w:hover{
    color: var(--white);
    background: var(--linear1);
}

.aboutus{
    position: relative;
    background: url(../../assets/img/aboutusbg.png) no-repeat right center,url(../../assets/img/noisefx.png) repeat top left,linear-gradient(to bottom,transparent,#6e21821a);
    background-blend-mode: normal,color-burn;
    padding: 4rem 0 6.66rem;
}

.aboutus .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.aboutus .row>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 35px;
}

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

.aboutus .img{
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.aboutus .img::before{
    content: '';
    position: absolute;
    inset: auto auto -30px -40px;
    z-index: -1;
    width: 100%;
    height: calc(100% - 41px);
    background: linear-gradient(to right,#6e21824d,transparent);
    border-top-right-radius: 80px;
}

.aboutus .img img{
    width: 927px;
    max-width: unset;
}

.aboutus hr{
    width: 180px;
}

.aboutus .text{
    width: 477px;
}

.aboutus .dbtn{
    width: 280px;
    margin-top: 1rem;
}

.differentials{
    padding: 20px 0 0;
}

.differentials .box{
    border-radius: 30px 30px 0 0;
    background: url(../../assets/img/difsbg.png) no-repeat bottom left,url(../../assets/img/noisefx.png) repeat top left,linear-gradient(to bottom,#6e218217,transparent);
    background-blend-mode: normal, color-burn;
    margin: 0 90px;
    overflow: hidden;
    padding: 80px 0 160px;
}

.differentials hr{
    width: 200px;
    margin: 1rem auto 2rem;
}

.differentials .owl-carousel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.differentials .owl-carousel::after{
    content: url(../../assets/img/difsocfx.svg);
    position: absolute;
    z-index: -1;
    right: -14.49152%;
}

.differentials .item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border: 2px solid #9185B7;
    border-radius: 30px 0;
    background: url(../../assets/img/noisefx.png) repeat top left,var(--linear1);
    background-blend-mode: multiply;
    padding: 20px 15px;
}

.differentials .item .text{
    text-align: center;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
}

.wwo{
    background: url(../../assets/img/noisefx.png) repeat top left,url(../../assets/img/wwobg1.png) no-repeat top right,url(../../assets/img/wwobg2.png) no-repeat center,url(../../assets/img/wwobg3.png) no-repeat center/cover,var(--linear1);
    background-blend-mode: multiply,normal,normal,normal;
    mask: url(../../assets/img/wwofx.png) no-repeat center/100% 100%;
    -webkit-mask: url(../../assets/img/wwofx.png) no-repeat center/100% 100%;
    margin: -70px 0 -24px;
    padding: 110px 0 134px;
}

.wwo hr{
    width: 270px;
    background: #ffffff33;
    margin: 1rem auto 40px;
}

.wwo .owl-carousel .owl-stage-outer{
    margin-top: -10px;
    padding-top: 10px;
}

.wwo .item{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    height: 375px;
    border: 2px solid #ffffff66;
    border-radius: 60px 0;
    padding: 20px;
    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;
}

.wwo .item:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.wwo .item .text{
    font-size: 18px;
    font-weight: 700;
}

.rcev{
    background: url(../../assets/img/rcevbg1.png) no-repeat 45.3125vw top, url(../../assets/img/rcevbg2.png) no-repeat 45.3125vw bottom, url(../../assets/img/noisefx.png) repeat top left,linear-gradient(to bottom,var(--white),#ECDFED);
    background-blend-mode: normal,normal,multiply;
    padding: 80px 0 146px;
}

.rcev .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.rcev .row>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 19px;
}

.rcev .img{
    position: relative;
    z-index: 1;
    width: fit-content;
}

.rcev .img::before{
    content: '';
    position: absolute;
    inset: auto auto -15.34883% -21.14989%;
    z-index: -1;
    width: 74.94866%;
    aspect-ratio: 1/1.11243;
    background: url(../../assets/img/rcevimgbef.png) no-repeat center/contain;
}

.rcev .img img{
    filter: drop-shadow(-20px 55px 11px rgb(0,0,0,15%));
    -webkit-filter: drop-shadow(-20px 55px 11px rgb(0,0,0,15%));
    -ms-filter: drop-shadow(-20px 55px 11px rgb(0,0,0,15%));
}

.rcev .sectitle{
    font-size: 34px;
}

.rcev hr{
    width: 343px;
}

.rcev .difs{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
}

.rcev .difs::before{
    content: '';
    position: absolute;
    right: calc(100% + 16px);
    width: 2px;
    height: 60%;
    background-color: #CBB8D7;
}

.rcev .difs>*{
    position: relative;
    width: fit-content;
    font-family: var(--int);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border-style: inset;
    border: 2px solid #ffffff66;
    border-radius: 0 25px;
    background: var(--linear1);
    padding: 13px 25px;
}

.rcev .difs>*::before{
    content: '';
    position: absolute;
    top: 17px;
    right: 100%;
    width: 20px;
    height: 2px;
    background-color: #CBB8D7;
}

.rcev .difs>*:first-child::before,
.rcev .difs>*:last-child::before{
    content: '';
    position: absolute;
    right: 100%;
    width: 20px;
    height: 100%;
    border: 2px solid #CBB8D7;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 30px;
    background: none;
}

.rcev .difs>*:first-child::before{
    top: 14px;
}

.rcev .difs>*:last-child::before{
    top: unset;
    bottom: 26px;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.fx{
    background: url(../../assets/img/fxbg1.png) no-repeat bottom left, url(../../assets/img/fxbg2.png) no-repeat bottom right, url(../../assets/img/noisefx.png) repeat top left;
}

.benefs .box{
    border-radius: 0 0 30px 30px;
    background: url(../../assets/img/noisefx.png) repeat top left,linear-gradient(to bottom,transparent,#6e218233);
    background-blend-mode: multiply;
    margin: 0 165px;
    padding: 110px 0 80px;
}

.benefs hr{
    width: 338px;
    margin: 1rem auto 40px;
}

.benefs .item .img{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    aspect-ratio: 1/.525;
    background: linear-gradient(to bottom,transparent,#CFC0CF) no-repeat bottom center/calc(100% - 30px) 100%;
    /* overflow: hidden; */
}

.benefs .item .img img{
    width: fit-content;
    filter: drop-shadow(0 4px 8px #00000040);
    -webkit-filter: drop-shadow(0 4px 8px #00000040);
    -ms-filter: drop-shadow(0 4px 8px #00000040);
    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;
}

.benefs .item.turn .img img{
    margin-bottom: -20px;
}

.benefs .item.up .img img{
    margin-bottom: -37px;
}

.benefs .item.turn:hover .img img{
    transform: rotateZ(-6.73deg);
    -webkit-transform: rotateZ(-6.73deg);
    -moz-transform: rotateZ(-6.73deg);
    -ms-transform: rotateZ(-6.73deg);
    -o-transform: rotateZ(-6.73deg);
}

.benefs .item.walk:hover .img img{
    transform: translateX(-14px);
    -webkit-transform: translateX(-14px);
    -moz-transform: translateX(-14px);
    -ms-transform: translateX(-14px);
    -o-transform: translateX(-14px);
}

.benefs .item.up:hover .img img{
    margin-bottom: -22px;
}

.benefs .item .bottom{
    position: relative;
    text-align: center;
    font-family: var(--int);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border-style: inset;
    border: 2px solid #ffffff66;
    border-radius: 0 25px;
    background: var(--linear1);
    padding: 13px 10px;
}

.segments{
    padding: 133px 0 173px;
}

.segments .container{
    max-width: calc(1235px + 140px);
}

.segments hr{
    width: 282px;
    margin: 1rem auto 35px;
}

.segments .owl-carousel .owl-stage-outer{
    margin-top: -18px;
    padding-top: 18px;
}

.segments .item{
    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 .item:hover{
    transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
}

.segments .item .img{
    width: 100%;
    aspect-ratio: 1/1.31818;
    border: 2px solid #D4D1E3;
    border-radius: 43px 0;
    box-shadow: 0 3.48px 8.7px #7090b040;
    margin-bottom: 17px;
}

.segments .item .img img{
    width: 100%;
    height: 100%;
    border-radius: 43px 0;
    object-fit: cover;
    -o-object-fit: cover;
}

.segments .item .title,
.segments .item .text{
    text-align: center;
    font-family: var(--mav);
}

.segments .item .title{
    color: #332783;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 4px;
}

.segments .item .text{
    color: #575757;
    font-size: 14px;
    font-weight: 300;
}

.app{
    background: url(../../assets/img/appbgg1.png) no-repeat left center, url(../../assets/img/appbgg2.png) no-repeat 62.55208vw top, url(../../assets/img/noisefx.png) repeat top left, url(../../assets/img/appbg.png) no-repeat center/cover, var(--linear1);
    background-blend-mode: normal,normal,multiply,normal;
    mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    -webkit-mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    margin-top: -2rem;
}

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

.app .row>*:first-child{
    padding-top: 96px;
    padding-bottom: 87px;
}

.app hr{
    width: 236px;
    background: #ffffff33;
    margin: 1rem 0 20px;
}

.app .text{
    font-family: var(--mav);
    font-size: 18px;
}

.app .difs{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    margin-top: 20px;
}

.app .difs::before{
    content: '';
    position: absolute;
    right: calc(100% + 16px);
    width: 2px;
    height: 40%;
    background-color: #CBB8D7;
}

.app .difs>*{
    position: relative;
    width: fit-content;
    font-family: var(--int);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border-style: inset;
    border: 2px solid #ffffff66;
    border-radius: 0 25px;
    background: var(--linear1);
    padding: 13px 25px;
}

.app .difs>*::before{
    content: '';
    position: absolute;
    top: 17px;
    right: 100%;
    width: 20px;
    height: 2px;
    background-color: #CBB8D7;
}

.app .difs>*:first-child::before,
.app .difs>*:last-child::before{
    content: '';
    position: absolute;
    right: 100%;
    width: 20px;
    height: 100%;
    border: 2px solid #CBB8D7;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 30px;
    background: none;
}

.app .difs>*:first-child::before{
    top: 14px;
}

.app .difs>*:last-child::before{
    top: unset;
    bottom: 26px;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.app .img{
    position: relative;
    z-index: -1;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.app .img img{
    max-width: unset;
}

.depoimentos{
    background: url(../../assets/img/depsbg1.png) no-repeat top left,url(../../assets/img/depsbg2.png) no-repeat top right;
    padding: 130px 0 40px;
}

.depoimentos hr{
    width: 190px;
    margin: 1rem auto 40px;
}

.depoimentos .item{
    border: 1px solid #E4E4E4;
    border-radius: 0 20px;
    background: url('data:image/svg+xml;utf8,<svg width="67" height="58" viewBox="0 0 67 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.9739 57.0238L9.65018 26.7573C7.01831 26.0262 4.75198 24.5641 2.85119 22.3709C0.950397 20.1776 0 17.2534 0 13.598C0 9.65017 1.31593 6.43345 3.9478 3.9478C6.72588 1.31593 10.0157 0 13.8173 0C17.9113 0 21.2012 1.38904 23.6868 4.16712C26.3187 6.79899 27.6346 10.6006 27.6346 15.5719C27.6346 17.9113 27.3422 20.3239 26.7573 22.8095C26.1725 25.149 25.2952 27.7808 24.1254 30.7051L14.2559 57.0238H1.9739ZM40.3553 57.0238L48.0316 26.7573C45.3997 26.0262 43.1334 24.5641 41.2326 22.3709C39.3318 20.1776 38.3814 17.2534 38.3814 13.598C38.3814 9.65017 39.6973 6.43345 42.3292 3.9478C45.1073 1.31593 48.3971 0 52.1987 0C56.2927 0 59.5825 1.38904 62.0682 4.16712C64.7001 6.79899 66.016 10.6006 66.016 15.5719C66.016 17.9113 65.7236 20.3239 65.1387 22.8095C64.5539 25.149 63.6766 27.7808 62.5068 30.7051L52.6373 57.0238H40.3553Z" fill="rgb(242, 242, 242)"/></svg>') no-repeat calc(100% - 20px) 20px;
    padding: 20px;
}

.depoimentos .item .df{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 20px;
}

.depoimentos .item .img{
    min-width: 70px;
    max-width: 70px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background-color: #D9D9D9;
}

.depoimentos .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 10px;
}

.depoimentos .item .name{
    width: fit-content;
    font-family: var(--mav);
    color: transparent;
    font-size: 22px;
    font-weight: 700;
    background: var(--linear1);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    margin-bottom: 6px;
}

.depoimentos .item .stars{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    grid-gap: 5px;
}

.depoimentos .item .stars span{
    font-family: var(--mav);
    color: #575757;
    font-size: 16px;
}

.depoimentos .item hr{
    width: 100%;
    margin: 25px 0;
}

.depoimentos .item .text{
    font-family: var(--mav);
    color: #575757;
    font-size: 16px;
}

.depoimentos .container>hr:last-of-type{
    width: 858px;
    margin: 90px auto 0;
}

.clients{
    background: linear-gradient(to bottom,transparent,#6e218233);
    padding: 50px 0 119px;
}

.clients hr{
    width: 447px;
    margin: 1rem auto 46px;
}

.clients .item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 2px solid #322782;
    border-radius: 0 60px;
    background: url(../../assets/img/noisefx.png) no-repeat center,#ffffff66;
    background-blend-mode: multiply;
    padding: 1rem;
}

.clients .item img{
    width: 173px;
    height: 43px;
    object-fit: contain;
    -o-object-fit: contain;
}

.plans{
    background: url(../../assets/img/noisefx.png) repeat top left, url(../../assets/img/plansbg.png) no-repeat center/cover, var(--linear1);
    background-blend-mode: multiply,normal;
    mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    -webkit-mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    margin-top: -2rem;
    padding: 74px 0;
}

.plans .sectitle{
    flex-direction: column;
    -ms-flex-direction: column;
    width: 533px;
}

.plans hr{
    width: 356px;
    background: #ffffff33;
    margin: 1rem auto 20px;
}

.plans .dbtn{
    width: fit-content;
    margin-top: 20px;
}

.motoboy{
    padding: 57px 0 62px;
}

.motoboy hr{
    width: 180px;
}

.motoboy .difs{
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 1rem;
    margin-top: 47px;
}

.motoboy .difs::before{
    content: '';
    position: absolute;
    right: calc(100% + 16px);
    width: 2px;
    height: 65%;
    background-color: #CBB8D7;
}

.motoboy .difs>*{
    position: relative;
    width: fit-content;
    font-family: var(--int);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border-style: inset;
    border: 2px solid #ffffff66;
    border-radius: 0 25px;
    background: var(--linear1);
    padding: 13px 25px;
}

.motoboy .difs>*::before{
    content: '';
    position: absolute;
    top: 17px;
    right: 100%;
    width: 20px;
    height: 2px;
    background-color: #CBB8D7;
}

.motoboy .difs>*:first-child::before,
.motoboy .difs>*:last-child::before{
    content: '';
    position: absolute;
    right: 100%;
    width: 20px;
    height: 100%;
    border: 2px solid #CBB8D7;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 30px;
    background: none;
}

.motoboy .difs>*:first-child::before{
    top: 14px;
}

.motoboy .difs>*:last-child::before{
    top: unset;
    bottom: 26px;
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.motoboy .dbtn{
    width: fit-content;
    margin: 2rem 0 0 -20px;
}

.kmau{
    background: url(../../assets/img/kmaubg.png) no-repeat bottom right,url(../../assets/img/noisefx.png) repeat top left, url(../../assets/img/plansbg.png) no-repeat center/cover, var(--linear1);
    background-blend-mode: normal,multiply,normal;
    mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    -webkit-mask: url(../../assets/img/appmask.png) no-repeat top center/cover;
    margin-top: -2rem;
    padding: 84px 0 43px;
}

.kmau hr{
    width: 425px;
    background: #ffffff33;
    margin: 1rem auto 37px;
}

.kmau .owl-carousel{
    width: 826px;
    max-width: 100%;
    margin: 0 auto;
}

.kmau .item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 462px;
    border-radius: 23px;
    box-shadow: 1px 1px 7px 4px #00000040;
    overflow: hidden;
}

.kmau .item video{
    width: auto !important;
    height: 100% !important;
}

.kmau .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 23px;
}

@media(max-width:1200px){
    .differentials .box,
    .benefs .box{
        margin: 0 2rem;
    }
}

@media(max-width:992px){
    .banners .item{
        padding: 3rem 0;
    }
    .banners .item .container{
        position: initial;
    }
    .banners .item>img{
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .aboutus,
    .wwo,
    .benefs .box,
    .segments,
    .depoimentos,
    .clients,
    .plans,
    .motoboy{
        padding: 2rem 0;
    }
    .aboutus{
        background-size: 0,auto,cover;
    }
    .aboutus .row>*{
        padding: 0 12px;
    }
    .aboutus .text{
        width: 100%;
    }
    .aboutus .img img,
    .app .img img{
        max-width: 100%;
    }
    .aboutus .img::before{
        inset: auto auto -6% -2%;
    }
    .differentials,
    .benefs{
        padding: 0;
    }
    .differentials .box{
        border-radius: 0;
        background-size: 0,auto,cover;
        margin: 0;
        padding: 2rem 0 8rem;
    }
    .differentials .owl-carousel::after{
        display: none;
        display: -webkit-none;
    }
    .rcev{
        background-size: 0,0,auto,cover;
        padding: 4rem 0 2rem;
    }
    .rcev .img{
        margin: 0 auto;
    }
    .fx{
        background-size: 0,0,auto;
    }
    .benefs .box{
        border-radius: 0;
        margin: 0;
        padding: 2rem 0;
    }
    .app,
    .kmau{
        margin: 0;
        padding: 4rem 0 2rem;
    }
    .app .row>*:first-child{
        padding-top: 0;
        padding-bottom: 0;
    }
    .depoimentos{
        background: none;
    }
    .depoimentos .container>hr:last-of-type{
        margin-top: 2rem;
    }
    .motoboy .dbtn{
        margin-left: 0;
    }
}

@media(max-width:768px){
    .banners{
        display: none;
        display: -webkit-none;
    }
    .rcev .difs>*,
    .app .difs>*,
    .motoboy .difs>*{
        width: 100%;
    }
    .rcev .difs::before,
    .app .difs::before,
    .motoboy .difs::before,
    .rcev .difs>*::before,
    .app .difs>*::before,
    .motoboy .difs>*::before{
        display: none !important;
        display: -webkit-none !important;
    }
}

@media(max-width:575px){

}