.gray-section {
   padding: 40px 15px;
 }
 .scroll-x {
    overflow-x: auto;
    position: relative;
    padding: 0;
  }
  
  .scroll-x table {
    min-width: 900px;
    padding-bottom: 30px;
    border-collapse: collapse;
    table-layout: fixed;
  }
  
  .scroll-x h4 {
   position: sticky;
   left: 0;
  }
  .scroll-x tr:not(:last-child) {
   border-bottom: 1px solid #fff;
  }
  .scroll-x tr:nth-child(even) {
    background-color: #fff;
  }
  .scroll-x tr:nth-child(odd) {
    background-color: #fafafa;
  }
  .scroll-x td {
   padding: 5px 10px;
  }
  .scroll-x tr:nth-child(1) {
   background-color: #467992;
   color: #fff;
   font-weight: bold;
  }
  .scroll-x td:nth-child(1) {
   width: 200px;
   left: 0;
   position: -webkit-sticky;
   position: sticky;
   background-color: #bbccd9;
   color: #000;
   transform: translateX(-1px);
  }
  .scroll-x tr:nth-child(1) td:nth-child(1) {
   background-color: #467992;
   color: #fff;
  }
  @media (max-width: 480px) {
    .scroll-x table {
      min-width: 700px;
    }
    .scroll-x td:nth-child(1) {
      width: 150px;
    }
  }