.single-serv{
    background: url(../../assets/img/aboutusbg.png) no-repeat top left;
}

.single-serv.model1{
    padding: 69px 0 97px;
}

.single-serv.model2{
    padding: 69px 0 63px;
}

.single-serv.model3{
    padding: 91px 0 56px;
}

.single-serv.model4{
    padding: 69px 0 110px;
}

.single-serv.model5{
    padding: 102px 0 157px;
}

.single-serv.model6{
    padding: 120px 0 77px;
}

.single-serv.model1 .row.r2{
    margin-top: 120px;
}

.single-serv.model2 .row{
    grid-gap: 58px 0;
}

.single-serv.model1 .row,
.single-serv.model3 .row,
.single-serv.model4 .row,
.single-serv.model5 .row{
    grid-gap: 3rem 0;
}

.single-serv.model6 .row{
    grid-gap: 23px 0;
}

.single-serv.model1 .row.r2{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
}

.single-serv.model1 .row>*,
.single-serv.model2 .row>*,
.single-serv.model3 .row>*,
.single-serv.model4 .row>*,
.single-serv.model5 .row>*,
.single-serv.model6 .row>*{
    align-content: center;
}

.single-serv.model1 .row>*:has(.text.t2){
    padding-left: 4rem;
}

/* -6.02409% */

/* -2.64150% */

.single-serv.model1 .img1,
.single-serv.model1 .img2,
.single-serv.model2 .img,
.single-serv.model3 .img,
.single-serv.model3 .imgg,
.single-serv.model4 .img,
.single-serv.model5 .img,
.single-serv.model6 .img,
.single-serv.model1 .img1 img,
.single-serv.model1 .img2 img,
.single-serv.model2 .img img,
.single-serv.model3 .img img,
.single-serv.model3 .imgg img,
.single-serv.model4 .img img,
.single-serv.model5 .img img,
.single-serv.model6 .img img{
    position: relative;
    width: fit-content;
}

.single-serv.model1 .img1,
.single-serv.model2 .img{
    margin-left: auto;
}

.single-serv.model1 .img1 img,
.single-serv.model1 .img2 img,
.single-serv.model2 .img img,
.single-serv.model3 .img img,
.single-serv.model4 .img img,
.single-serv.model5 .img img,
.single-serv.model6 .img img,
.single-serv.model1 .img1::before,
.single-serv.model1 .img2::before,
.single-serv.model2 .img::before,
.single-serv.model3 .img::before,
.single-serv.model3 .imgg::before,
.single-serv.model4 .img::before,
.single-serv.model5 .img::before,
.single-serv.model6 .img::before{
    border-radius: 13px;
}

.single-serv.model1 .img1::before,
.single-serv.model1 .img2::before,
.single-serv.model2 .img::before,
.single-serv.model3 .img::before,
.single-serv.model3 .imgg::before,
.single-serv.model4 .img::before,
.single-serv.model5 .img::before,
.single-serv.model6 .img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--green);
}

.single-serv.model1 .img1::before,
.single-serv.model2 .img::before,
.single-serv.model4 .img::before,
.single-serv.model5 .img::before,
.single-serv.model6 .row>*:nth-child(4n) .img::before{
    inset: auto -3% -3% auto;
}

.single-serv.model1 .img2::before,
.single-serv.model3 .img::before,
.single-serv.model3 .imgg::before,
.single-serv.model4 .img::before,
.single-serv.model5 .img::before,
.single-serv.model6 .row>*:nth-child(4n + 2) .img::before{
    inset: -3% -3% auto auto;
}

.single-serv.model6 .row>*:nth-child(4n + 1) .img::before{
    inset: -3% auto auto -3%;
}

.single-serv.model6 .row>*:nth-child(4n + 3) .img::before{
    inset: auto auto -3% -3%;
}

.single-serv.model2 .title{
    width: fit-content;
    text-align: center;
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.05;
    border-radius: 29px 29px 0 0;
    background: var(--footer-design);
    margin: 0 auto;
    padding: 12px 23px;
}

.single-serv.model2 .box{
    align-items: center;
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 6px 8px #00000052;
    padding: 50px;
}

.single-serv.model2 .box.b1{
    display: grid;
    display: -webkit-grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 28px 60px;
    padding: 50px 120px;
}

.single-serv.model2 .box.b1>*:last-child{
    grid-column: span 2;
}

.single-serv.model2 .box.b2{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 22px;
    padding: 55px 50px;
}

.single-serv.model2 .box.b3{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 22px 12px;
    padding: 32px 26px;
}

.single-serv.model2 .box>*{
    background: #F4F4F4;
    padding: 4px 19px;
}

.single-serv.model2 .box .tit,
.single-serv.model5 .items>*{
    color: var(--footer-design);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.05;
}

.single-serv.model3 .img::before{
    height: 73%;
}

.single-serv.model3 .img{
    margin-left: 6vw;
}

.single-serv.model3 .imgg{
    width: 72.96551%;
    aspect-ratio: 1/.67861;
    margin: -22.96747% 0 0 -15.86206%;
}

.single-serv.model3 .imgg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.single-serv.model5 .items{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 2rem;
    width: 475px;
    max-width: 100%;
}

.single-serv.model5 .items>*{
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0 6px 8px #00000052;
    padding: 7px 13px;
}

@media(max-width:992px){
    .single-serv.model1,
    .single-serv.model2,
    .single-serv.model3,
    .single-serv.model4,
    .single-serv.model5,
    .single-serv.model6{
        padding: 2rem 0;
    }
    .single-serv.model1 .row,
    .single-serv.model2 .row,
    .single-serv.model3 .row,
    .single-serv.model4 .row,
    .single-serv.model5 .row,
    .single-serv.model6 .row{
        grid-gap: 2rem 0;
    }
    .single-serv.model1 .row.r2{
        margin-top: 2rem;
    }
    .single-serv.model1 .row>*:has(.text.t2){
        padding-left: 12px;
    }
    .single-serv.model1 .img1::before,
    .single-serv.model2 .img::before,
    .single-serv.model4 .img::before,
    .single-serv.model5 .img::before,
    .single-serv.model6 .row>*:nth-child(4n) .img::before{
        inset: auto -2% -2% auto;
    }
    .single-serv.model1 .img2::before,
    .single-serv.model3 .img::before,
    .single-serv.model3 .imgg::before,
    .single-serv.model4 .img::before,
    .single-serv.model5 .img::before,
    .single-serv.model6 .row>*:nth-child(4n + 2) .img::before{
        inset: -2% -2% auto auto;
    }
    .single-serv.model6 .row>*:nth-child(4n + 1) .img::before{
        inset: -2% auto auto -2%;
    }
    .single-serv.model6 .row>*:nth-child(4n + 3) .img::before{
        inset: auto auto -2% -2%;
    }
    .single-serv.model2 .box.b1,
    .single-serv.model2 .box.b2,
    .single-serv.model2 .box.b3{
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        grid-gap: 1.5rem;
        grid-template-columns: unset;
        padding: 2rem;
    }
    .single-serv.model3 .img{
        width: 83%;
        margin-left: auto;
    }
    .single-serv.model5 .items,
    .single-serv.model5 .items>*{
        width: 100%;
    }
}

@media(max-width:768px){
    .single-serv.model2 .box.b1,
    .single-serv.model2 .box.b2,
    .single-serv.model2 .box.b3{
        grid-gap: 1rem;
        padding: 1rem;
    }
    .single-serv.model2 .box.b1>*,
    .single-serv.model2 .box.b2>*,
    .single-serv.model2 .box.b3>*{
        width: 100%;
    }
}