.ban::before {
    content: url(../../assets/img/cool.png);
    mix-blend-mode: unset;
}

.aboutus{
    background: url(../../assets/img/archprodsbg1.png) no-repeat top right,url(../../assets/img/paboutusbg.png) no-repeat bottom left,url(../../assets/img/dotsfx.png) repeat top left;
    padding: 100px 0 120px;
}

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

.aboutus .img{
    position: relative;
    width: 100%;
    aspect-ratio: 1/.87096;
    /* border-top: 4px solid var(--main); */
    border-top-left-radius: 20px;
    overflow: hidden;
}

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

/* .aboutus .img::before{
    content: '';
    position: absolute;
    inset: -12.34567% -10.39426% auto auto;
    width: 20.96774%;
    aspect-ratio: 1/.98290;
    outline: 36px solid var(--white);
    -moz-outline: 36px solid var(--white);
    outline-offset: 13px;
    -moz-outline-offset: 13px;
    border-radius: 50%;
    background-color: #fdfdfd1a;
} */

.aboutus .text p,
.fix .text p,
.wwwf .text p{
    background: linear-gradient(to bottom,#00901433,#00901433) no-repeat left center/5px 100%;
    padding-left: 15px;
}

.fix{
    position: relative;
    background: url(../../assets/img/noisefx.png) no-repeat left center/80.72916vw 100%,linear-gradient(to bottom,#ECECEC,#ECECEC) no-repeat left center/80.72916vw 100%;
    background-blend-mode: multiply;
    padding: 97px 0;
}

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

.fix .img{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 100%;
}

.fix .img img{
    position: absolute;
    right: 0;
    width: 44.375vw;
    aspect-ratio: 1/.49530;
    max-height: 422px;
    border-top-left-radius: 20px;
    box-shadow: 0 4px 20px #7090B033;
    mask: url(../../assets/img/fiximgmask.png) no-repeat bottom left/cover;
    -webkit-mask: url(../../assets/img/fiximgmask.png) no-repeat bottom left/cover;
}

.wwwf{
    background: url(../../assets/img/wwwfbg.png) no-repeat left 7rem,url(../../assets/img/wwwfbg2.png) no-repeat 70% bottom,url(../../assets/img/banbef2.png) no-repeat top right,url(../../assets/img/dotsfx.png) repeat top left;
    margin-top: -7rem;
    padding: 216px 0 120px;
}

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

.wwwf .img{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    grid-gap: 19px;
    aspect-ratio: 1/.81002;
}

.wwwf .img>*{
    flex: 0 1 calc(50% - 10px);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.wwwf .img>*::before{
    content: '';
    position: absolute;
    inset: -16.75257% -28.26086% auto auto;
    width: 53.47826%;
    aspect-ratio: 1/1;
    border: 12px solid var(--white);
    border-radius: 50%;
}

.wwwf .img>* img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    box-shadow: 0 4px 20px #7090B033;
}

.position{
    background: url(../../assets/img/noisefx.png) repeat top left, url(../../assets/img/posbg1.png) no-repeat bottom left, url(../../assets/img/posbg2.png) no-repeat 35% bottom, url(../../assets/img/posbg3.png) no-repeat 78.80208% top, url(../../assets/img/dotsfx.png) repeat top left, linear-gradient(to bottom,#ffffff1a,transparent), linear-gradient(to top right,#009014,#008813);
    background-blend-mode: multiply,normal,normal,normal,color-dodge;
}

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

.position .row>*:first-child{
    padding-top: 95px;
    padding-bottom: 95px;
}

.position .row>*:last-child{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.position hr{
    background: var(--white);
}

.position img{
    width: auto;
    max-width: unset;
    height: 100%;
}

@media(max-width:992px){
    .ban::before{
        display: none;
        display: -webkit-none;
    }
    .aboutus,
    .fix,
    .wwwf,
    .position{
        padding: 2rem 0;
    }
    .aboutus{
        background-size: 0,0,auto;
    }
    .fix{
        background: url(../../assets/img/noisefx.png) no-repeat left center/cover,#ECECEC;
    }
    .fix .img img{
        position: initial;
        width: fit-content;
        aspect-ratio: unset;
        max-height: unset;
    }
    .wwwf{
        background-size: 0,0,0,auto;
        margin-top: 0;
    }
    .position{
        background-size: auto,0,0,0,auto,cover,cover;
    }
    .position .row>*:first-child{
        padding-top: 0;
        padding-bottom: 0;
    }
    .position img{
        width: fit-content;
        max-width: 100%;
        height: auto;
    }
    .position img{
        width: 40vw;
        margin: 0 auto;
    }
}

@media(max-width:768px){

}

@media(max-width:575px){

}