/* .toc__wrapper .toc__container .num{
font-family: "Sharp Grotesk",Arial,sans-serif;
text-transform: uppercase;
font-weight: 600;
}
*/
/* ===== TOC Container ===== */
.toc__wrapper .toc__container{
  width: min(1000px, 100%);
  margin: auto;
  padding: 0px 20px;
  padding: 0px clamp(20px, 2.5vw, 40px) clamp(20px, 2.5vw, 40px) clamp(20px, 2.5vw, 40px);
}

.toc__wrapper .toc__container *{
  color: #fff;
}

/* .toc__wrapper .toc__container .num{
font-size: clamp(32px, 3.5vw, 56px); 
letter-spacing: 2.5px;
margin-right: 10px;
} */

.toc__wrapper .toc__container ol{
/*   display: grid; */
  height: 100%;
  margin-left: -40px;
/*   grid-auto-flow: column; */
  height: 100%;
  margin-left: -40px;
}

/* .toc__wrapper .toc__container ul li{
display: flex;
align-items: center;
justify-content: flex-start;
list-style-type: none !important;
}

.toc__wrapper .toc__container ul li a{
padding: 20px 10px;
text-decoration: none; 
margin: 0px 20px;
border-bottom: 2px solid #94CCF0;
} */


.toc__wrapper .toc__container ol li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style-type: none !important;
}

.toc__wrapper .toc__container ol li a{
  padding: 20px 10px;
  text-decoration: none; 
  margin: 0px 20px;
  border-bottom: 2px solid #94CCF0;
} 

.toc__wrapper .toc__container li {
  counter-increment: step-counter;
  margin-bottom: 5px;
}

.toc__wrapper .toc__container li::before {
  content: counter(step-counter, decimal-leading-zero););
  font-size: clamp(32px, 3.5vw, 56px); 
  letter-spacing: 2.5px;
  margin-right: 10px;
  font-family: "Sharp Grotesk",Arial,sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

@media screen and (max-width: 800px){
  .toc__wrapper .toc__container{
  }
  .toc__wrapper .toc__container ol{
    display: block;
  }
  .toc__wrapper .toc__container ol li{
    max-width: unset;
    padding: 12.5px 10px 10px 10px;
    margin: 0px;
  }
}