.case-study-wrap {
    padding-bottom:240px
  }
  .case-study-felx {
    display:flex;
    row-gap:64px;
    justify-content:center;
    column-gap:33px;
    flex-wrap:wrap
  }
  .case-study-item {
    padding:25px 28px;
    border-radius:10px;
    display:flex;
    align-items:flex-end;
    max-width: 341px;
    width:100%;
    min-height:140px;
    position:relative;
    border-radius:30px 0 30px 0 ;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
 
  .case-study-item::after{
    content: "";
    width: 100%;
    height: 100%;
    right: -10px;
    bottom: -10px;
    display: block;
    position: absolute;
    background-color: #dcdcdc;
    border-radius:0 0 30px 0 ;
    z-index: -1;
  }
  .case-study-left h5 {
    color:#fff;
    font-size:24px;
    line-height:28px;
    font-weight:500;
    position: relative;
  }
  .case-study-wrap .page-center {
    max-width:1505px;
    margin:0 auto;
    padding:0 20px
  }
  .hov-pdf {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    transition:all .5s cubic-bezier(.12,0,.39,0)
  }
 
  .case-study-wrap h1 {
    font-size:60px;
    line-height:normal;
    text-align:center
  }
  @media only screen and (max-width:800px) {
    .case-study-item {
      max-width:calc(50% - 77.5px)
    }
    .case-study-wrap {
      padding-bottom:80px
    }
    .case-study-wrap h1 {
      font-size:50px;
    }
  }
  @media only screen and (max-width:700px) {
    .case-study-item {
      max-width:400px;
      justify-content:space-between
    }
  }
  @media only screen and (max-width:600px) {
    .case-study-wrap h1 {
      font-size:40px;
    }
  }
  @media only screen and (max-width: 1800px) and (min-width: 1025px){
    .sub-page-banner h1{
      max-width: 100%;
    }
  }
  @media only screen and (max-width: 1024px){
    .case-study-wrap {
      padding-bottom: 140px;
    }
  }