.compliance-content{
    margin:100px 0px;
}
.compliance-banner {
  padding: 50px 0px 0px 0px;
  height: 650px; 
  /* height: 100vh;*/
  overflow: hidden;    
  position: relative;
  background: #333333 url(../images/blog/Blog_Lisitng.png) center 0 no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.compliance-banner h1{
  color: #F4F6F9;
  font-family: 'graphiksemibold';
  font-size: 56px;
  line-height: 67px;
  text-align: left;
  margin-bottom: 34px;
}
.compliance-banner p{
  color: rgba(255, 255, 255, 0.84);
  font-family: 'graphiksemibold';
  font-size: 20px;
  line-height: 30px;
  text-align: left;
}

.file-list{
  background-color: #FFFFFF;
  border: 1px solid #F4F6F9;
  width: 100%;
  color: #212121;
  font-family: 'graphiksemibold';
  font-size: 32px;
  line-height: 38px;
  padding:50px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.file-list div{
  display: flex;
  align-items: center;
}
.file-list div img{
  margin-right: 15px;
}
.file-list  a img{
  vertical-align: middle;
}
.file-list  a{
  background-color: #49CC79;
  color: #FFFFFF;
  font-family: 'graphikmedium';
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 14px;
  border:0;
  width: 168px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
 
}

/* start media tablet css*/

@media (max-width: 991px) {

}

/* start media mobile css*/

@media (max-width: 767px) {
  .compliance-banner {
    padding: 50px 0px;
    background: url(../images/blog/Blog_Lisitng_Mobile@3x.png) center 0 no-repeat;
    background-size: cover;
    /* max-height: 580px; */
    height: 100vh;
  }
  .compliance-banner h1{
    font-size: 30px;
    line-height: 34px;
  }
  .compliance-banner  p{
    font-size: 16px;
    line-height: 24px;
  }
  .compliance-content{
    margin:50px 0px;
  }
  .file-list{
    margin-bottom: 40px;
    flex-direction: column;
    padding:20px 15px;
  }
  .file-list div{
    margin-bottom: 20px;
  }
}
