.single-infra.model1 .top{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
}

.single-infra.model1 .top .container{
    position: absolute;
    inset: auto 0;
}

.single-infra.model1 .top .sectitle{
    margin-bottom: 0;
}

.single-infra.model1 .bottom{
    background: url(../../assets/img/aboutusbg.png) no-repeat left center;
    padding: 41px 0;
}

.single-infra.model1 .bottom .container{
    max-width: calc(1042px + 140px);
}

.single-infra.model1 .bottom .items{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 29px 39px;
}

.single-infra.model1 .bottom .items>*{
    color: var(--footer-design);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.05;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 6px 8px #00000052;
    padding: 7px 13px;
}

.single-infra.model2{
    padding: 91px 0 71px;
}

.single-infra.model2 .row{
    grid-gap: 2rem 0;
}

.single-infra.model2 .img,
.single-infra.model2 .img img{
    position: relative;
    width: fit-content;
}

.single-infra.model2 .img img,
.single-infra.model2 .img::before{
    border-radius: 27px
}

.single-infra.model2 .img::before{
    content: '';
    position: absolute;
    inset: auto -3% -3% auto;
    width: 100%;
    height: 100%;
    background: var(--green);
}

.single-infra.model3{
    padding: 109px 0 148px;
}

@media(max-width:992px){
    .single-infra.model1 .top,
    .single-infra.model1 .bottom,
    .single-infra.model2,
    .single-infra.model3{
        padding: 2rem 0;
    }
    .single-infra.model1 .top .container{
        position: relative;
        z-index: 1;
    }
    .single-infra.model1 .top img{
        position: absolute;
        inset: 0 auto auto 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }
    .single-infra.model1 .bottom .items{
        grid-gap: 1.5rem;
    }
    .single-infra.model3{
        background: #F8F0ED !important;
    }
}

@media(max-width:768px){
    .single-infra.model1 .bottom .items>*{
        width: 100%;
    }
}