.aboutus{
    background: url(../../assets/img/aboutusbg.png) no-repeat top left;
    overflow: hidden;
    padding: 98px 0 0;
}

.aboutus .container{
    max-width: calc(1395px + 140px);
    margin: 0 70px 0 auto;
}

.aboutus .container.c2{
     margin: 0 auto 0 123px;
}

.aboutus .container.c3{
    max-width: calc(1180px + 140px);
    margin: 0 auto;
}

.aboutus>*:not(:last-child){
    margin-bottom: 40px;
}

.aboutus .row{
    grid-gap: 4rem 0;
}

.aboutus .container.c2 .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
}

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

.aboutus .img img,
.aboutus .img::before,
.aboutus .gallery>* img,
.aboutus .gallery>*::before{
    border-radius: 13px;
}

.aboutus .img,
.aboutus .img img,
.aboutus .gallery>*,
.aboutus .gallery>* img{
    position: relative;
}

.aboutus .img::before,
.aboutus .gallery>*::before{
    content: '';
    position: absolute;
    inset: -6.02409% -2.64150% auto auto;
    width: 100%;
    height: 100%;
    background: var(--green);
}

.aboutus .gallery{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    grid-gap: 19px;
    width: 752px;
    max-width: 100%;
}

.aboutus .gallery>*{
    width: 30%;
    aspect-ratio: 1/1.91436;
}

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

.aboutus .gallery>*:first-child::before{
    inset: auto auto -2.72727% -6.08695%;
}

.aboutus .gallery>*:nth-child(2){
    transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    -o-transform: translateY(-12px);
}

.aboutus .gallery>*:nth-child(2)::before{
    inset: -2.72727% auto auto auto;
}

.aboutus .gallery>*:last-child::before{
    inset: auto -6.08695% -2.72727% auto;
}

.aboutus .container.c1 .text{
    width: 448px;
}

.aboutus .container.c2 .text{
    width: 517px;
}

.aboutus .container.c3 .text{
    width: 408px;
}

.aboutus .container.c3 img{
    margin-top: -8rem;
}

@media(max-width:1540px){
    .aboutus .container{
        max-width: calc(1180px + 140px);
    }
    .aboutus .container.c1,
    .aboutus .container.c2{
        margin: 0 auto 40px;
    }
    .aboutus .container.c2 .row>*:last-child{
        padding-left: 3rem;
    }
}

@media(max-width:992px){
    .aboutus{
        padding: 2rem 0 0;
    }
    .aboutus .container.c1 .text,
    .aboutus .container.c2 .text,
    .aboutus .container.c3 .text{
        width: 100%;
    }
    .aboutus .container.c3 img{
        margin: 0;
    }
}