.col1 {
    flex: 0 0 40%;
    max-width: 40%;
    margin: 0 auto;
}
.col2 {
    flex: 0 0 60%;
    max-width: 60%;
    margin: 0 auto;
}
#section1 .rows {
    width: 100%;
    position: relative;
}
#section2 .rows {
    width: 55%;
    margin-top: 20.515247108307046vh;
}
#section2 .heading {
    text-align: left;
}
#section2 .inner-head {
    width: 100%;
}

#section3 .rows {
    width: 60%;
}
#section3 .heading {
    margin-bottom: 7%;
}
#section3 .col {
    flex: 1 0 32%;
    margin-bottom: 7%;
}
#section3 .inner-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#section3 .work-txt {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    margin-top: 3.161222339304531vh;
    font-family: roboto-medium;
    font-size: 1.0793308148947653vw;
    color: #636d6d;
}
#section3 .work-img {
    width: 116px;
    height: 106px;
}
#section4 .rows {
    width: 55%;
}
#section4 .heading {
    text-align: left;
    width: 100%;
}
#section4 .inner-head {
    width: 100%;
    margin-left: 30%;
}
#about {
    background-color: #646e6e;
}
#section6 .rows {
    width: 46%;
}
#section6 .sub-heading {
    word-spacing: -1px;
}

/* hnvbn */

/* ff vbf */

@media screen and (max-width: 767px) {
    .pdl-15p {
        padding-left: 0px;
    }
    #section2 .rows {
        margin-top: 9%;
        flex-wrap: wrap;
        width: 90%;
    }
    #section2 .col2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #section2 .mtp-7-5 {
        margin-top: 0px;
    }
    #section4 .mtp-7-5 {
        margin-top: 0px;
    }
    #section2 .col1 {
        flex: inherit;
        max-width: 50%;
        margin-bottom: 9%;
    }
    #section2 .heading {
        text-align: center;
        margin-bottom: 1rem;
    }
    #section3 .col {
        flex: 0 0 45%;
        max-width: 45%;
        margin-bottom: 7%;
    }
    #section3 .work-txt {
        font-size: 14px;
        width: 90%;
    }
    #section3 .rows {
        width: 90%;
        margin-top: 9%;
    }
    /* #section3 .work-img{
    width: 60%;
  } */
    #section3 .heading {
        margin-bottom: 1rem;
    }
    #section4 .rows {
        margin-top: 9%;
        flex-wrap: wrap;
        width: 90%;
    }
    #section4 .col2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #section4 .col1 {
        flex: inherit;
        max-width: 100%;
        margin-bottom: 9%;
    }
    #section4 .col2 {
        order: 1;
    }
    #section4 .inner-head {
        width: 100%;
        margin-left: 0%;
    }
    #section6 .rows {
        width: 90%;
        margin-top: 9%;
        margin-bottom: 9%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #section2 .rows {
        width: 80%;
        margin-top: calc(7.903055848261328vh + 7%);
    }
    #section3 .rows {
        width: 80%;
    }
    #section4 .rows {
        width: 80%;
    }
    #section6 .rows {
        width: 80%;
    }
    #section3 .work-txt {
        font-size: 16px;
        width: 65%;
    }
}
@media screen and (min-width: 1024px) {
    #section2 .rows {
        width: 80%;
        margin-top: calc(7.903055848261328vh + 7%);
    }
    #section3 .rows {
        width: 80%;
    }
    #section3 .work-txt {
        width: 80%;
        font-size: 16px;
    }
    #section4 .rows {
        width: 80%;
    }
    #section6 .rows {
        width: 80%;
    }
}
@media screen and (min-width: 1280px) {
    #section2 .rows {
        width: 60%;
    }
    #section2 .rows {
        width: 60%;
        margin-top: calc(10.515247108307046vh + 7%);
    }
    #section3 .rows {
        width: 60%;
    }
    #section4 .rows {
        width: 60%;
    }
    #section6 .rows {
        width: 47%;
    }
    #section3 .work-txt {
        font-size: 16px;
        width: 55%;
    }
}