.fact .b-header{
  color: #fff
}
  .fact .b-header span{
    color: #fdaf00;
  }
.fact .fact-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  -webkit-justify-content: space-between!important;
  justify-content: space-between!important;
  margin-top: 80px
}
  .fact .fact-wrapper .left-part,
  .fact .fact-wrapper .right-part{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    -webkit-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    position: relative;
  }
  .fact .fact-wrapper .right-part{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .fact .fact-wrapper .right-part:after{
    width:  100%;
    height: 100%;
    display: block;
    border: 2px solid #0fb445;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    box-sizing: border-box;
    top:  0;
    left: 0;
    content: ''
  }
    .fact .fact-wrapper .title{
      font-size: 1.625em;
      font-weight: 700;
      padding-bottom: 50px;
      padding-left: 55px;
      padding-top: 30px;
      position: relative;
    }
    .fact .fact-wrapper .right-part .title{
      color: #fdaf00;
    }
    .fact .fact-wrapper li{
      font-size: 1.25em;
      font-weight: 500;
      padding-bottom: 30px;
      padding-left: 55px;
      position: relative;
      list-style: none;
    }
    .fact .fact-wrapper li:before{
      display: none;
    }
    .fact .fact-wrapper li:after{
      position: absolute;
      box-sizing: border-box;
      top: -12px;
      left: 0;
      content:  url(../img/Cancel.png);
    }
    .fact .fact-wrapper .right-part li:after {
      content: url(../../../../img/Check-sm.png);
    }

@media only screen and (min-width:768px) and (max-width: 991px){
  .fact .fact-wrapper .title{
    padding-bottom: 10px;
    padding-top: 30px
  }
  .fact .fact-wrapper ul{
    padding-left: 16px
  }
}
    
@media only screen and (max-width:767px){
  .fact .fact-wrapper .left-part{
    order: 2;
    margin-top: 30px;
  }
  .fact .fact-wrapper .right-part{
    order: 1;
  }
  .fact .fact-wrapper .left-part, .fact .fact-wrapper .right-part{
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 96%;
    margin-left: 2%
  }
  .fact .fact-wrapper .title{
    padding-bottom: 25px
  }
  .fact .fact-wrapper .left-part ul, 
  .fact .fact-wrapper .right-part ul{
    padding-left: 0;
    padding-right: 12px;
  }
}