.table-container{
    width:100%;
}

.table-1{
  border-collapse: collapse;
  width: 100%;
  font-family: var(--main-font);
  font-weight: 900;
}

#header-1{
    width: 20%;
    text-align: left;
}

#header-2{
    width: 20%;
    text-align: left;
}

#header-3{
    width: 60%;
    text-align: left;
}

.table-1 th{
  background-color: rgb(73, 73, 255);
  padding: 10px;
  color: aliceblue;
}

.table-1 td{
  /* background-color: rgb(166, 255, 255); */
  /* text-align: center; */
  display: table-cell;
  padding: 8px;
  Word-break: break-all;
}

.table-2{
  border-collapse: collapse;
  width: 100%;
  font-family: var(--main-font);
  font-weight: 900;
}

#header-4{
  width: 20%;
  text-align: left;
}

#header-5{
  width: 60%;
  text-align: left;
}

#header-6{
  width: 20%;
  text-align: left;
}

.table-2 th{
  background-color: rgb(73, 73, 255);
  padding: 10px;
  color: aliceblue;
}

.table-2 td{
  /* background-color: rgb(166, 255, 255); */
  /* text-align: center; */
  display: table-cell;
  padding: 8px;
}


.table-3{
  border-collapse: collapse;
  width: 100%;
  font-family: var(--main-font);
  font-weight: 900;
}

#header-7{
  width: 20%;
  text-align: left;
}

#header-8{
  width: 80%;
  text-align: left;
}

.table-3 th{
  background-color: rgb(73, 73, 255);
  padding: 10px;
  color: aliceblue;
}

.table-3 td{
  /* background-color: rgb(166, 255, 255); */
  /* text-align: center; */
  display: table-cell;
  padding: 8px;
}

.table-4{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(230, 189, 189);
}

#header-9{
  width: 30%;
  text-align: left;
}

#header-10{
  width: 17.5%;
  text-align: left;
}

#header-11{
  width: 17.5%;
  text-align: left;
}

#header-12{
  width: 17.5%;
  text-align: left;
}

#header-13{
  width: 17.5%;
  text-align: left;
}

/* Padding and font style */
.table-4 td, .table-4 th {
  padding: 5px 10px;
  font-size: 12px;
  font-family: Verdana;
  color: rgb(177, 106, 104);
  }

  .table-4 thead, .table-4 tr {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(230, 189, 189);
    }

th:first-child,
td:first-child {
  border-radius: 10px 0 0 10px;
}

td:last-child,
th:last-child {
  border-radius: 0 10px 10px 0;
}

tr:nth-child(even) { background: #f1f6f7}
tr:nth-child(odd) { background: #cbcbdc}



a.table{
  color:blue;
  font-family: var(--main-font);
  font-weight: 900;
}

caption{
  color: #000000;
    font-family: var(--secondary-font);
    font-size: 30px;
    /* text-align: center; */
    /* text-indent: 40px; */
    line-height: 50px;
    letter-spacing: 2px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

@media (max-width: 768px) {

  .table-1{
    border-collapse: collapse;
    width: 95vw;
    font-family: var(--main-font);
    font-weight: 900;
  }
  
  #header-1{
      width: 15vw;
      text-align: left;
  }
  
  #header-2{
      width: 20vw;
      text-align: left;
  }
  
  #header-3{
      width: 60vw;
      text-align: left;
  }
  

  .table-2{
    border-collapse: collapse;
    width: 95vw;
    font-family: var(--main-font);
    font-weight: 900;
  }
  
  #header-4{
    width: 20vw;
    text-align: left;
  }
  
  #header-5{
    width: 55vw;
    text-align: left;
  }
  
  #header-6{
    width: 20vw;
    text-align: left;
  }

  .table-3{
    border-collapse: collapse;
    width: 95vw;
    font-family: var(--main-font);
    font-weight: 900;
  }
  
  #header-7{
    width: 20vw;
    text-align: left;
  }
  
  #header-8{
    width: 75vw;
    text-align: left;
  }

  .table-2 td{
    font-size: 3vw;
    display: table-cell;
    padding: 8px;
  }

  .table-3 td{
    font-size: 3vw;
    display: table-cell;
    padding: 8px;
  }

  a.table{
    color:blue;
    font-family: var(--main-font);
    font-weight: 900;
    font-size: 3.2vw;
  }

}