.regular .client h4{
    padding-top: 173px;
}



.client-animation-1{
    position: absolute;
    width: 494px;
    height: 327px;
    margin:10px;
  }

.client-animation-2{
    top: 3px;
    left: 3px;
    width: 97%;
    height: 97%;
    position: absolute;
  }

  .client-2{
    background-color: white;
    position: absolute;
    top: 178px;
    z-index: 200;
    width: 412px;
    height: 255px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    border-radius: 15px;
  }

.border1.client {
    width: calc(494px + 50px);
    height: calc(327px + 50px);
}

/*phone: Extra small - Small*/
@media(max-width: 767px) {

    .border1.client {
        width: calc( 80vw + 3vw );
        height: calc( 60vw + 3vw);
        margin: auto;
    }

    .client-animation-1{
        width: calc( 74vw + 3vw );
        height: calc( 57vw + 3vw);
    }

    .client-2{
        left:  26vw;
        width: 63vw;
        height: 44vw;
        top: 30vw;
    }

    .regular .client h4 {
        padding-top: 35px;
    }

}


/*pad: Medium-Large*/
@media (min-width: 768px) and (max-width: 1139px) {

    .border1.client {
        width: calc( 31vw + 3vw );
        height: calc( 18vw + 50px);
        margin: auto;

    }

    .client-animation-1{
        width: 30vw;
        height: 18vw;
        margin: 11px 2px;
    }

    .client-2{
        right: 0vw;
        width: 28vw;
        height: 18vw;
        top: 10vw;
    }

    .regular .client h4 {
        padding-top: 65px;
    }


}


/*PC: Extra large*/
@media (min-width: 1140px) {

    .client-2{
        left: 180px;

    }


}