.tarif-wrap {
  @media (max-width: 767px) {
   overflow-x: scroll;
   width: 100%;
  }
}


.tarif {
  border-collapse: collapse;
  border: 2px solid rgba(26, 30, 33, 0.1);
  width: 100%;
  border-radius: 4px;
  //background-color: #fff;

  @media (max-width: 767px) {
    width: 750px;
  }


  th, td {
    padding: 8px 10px;
    border: 1px solid rgba(26,30,33,0.1);
  }
  thead {
    th {
      color: #001f2d;
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;

      @media(max-width:959px){
        font-size: 14px;
      }
    }
  }

  tbody {

    th {
      color: #001f2d;
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      text-align: left;
      text-transform: capitalize;
      @media(max-width:959px){
        font-size: 14px;
      }
    }

    td {
      color: #001f2d;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 100%;
      text-align: left;
      @media(max-width:959px){
        font-size: 14px;
      }
    }


    .tarif__wrap {
      background-color: transparent;
      transition: background-color .2s .1s;
      &:hover {
        background-color: rgba(47,129,198,0.08);
        transition: background-color .2s .1s;
      }
    }
  }
}


// .section-title {
//   @media (max-width: 960px){
//     margin-bottom: 50px !important;
//   }
// }