#content{
    overflow: hidden; 
}
  .progress-nav{
    background-color:var(--ehu-colors-primary);
    justify-content:space-around;
    padding:10px;
    position:sticky;
    top:0;
    z-index:100;
    margin-bottom:2rem;
}
  .progress-nav .nav-links-container{
    max-width:95%;
    width:100%;
    margin:0 auto;
    padding:0 60px 0 0;
    display:inline-flex;
    place-content:center;
}
  .progress-nav .nav-links-wrapper{
  display:flex;
  align-items:center;
  padding:10px 0;
  max-width: inherit;
}
  .progress-nav .nav-links-scroll{
    text-align:center;
    flex-grow:1;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch; /* For smooth scrolling on iOS */
    scrollbar-width:none; /* For Firefox */
    -ms-overflow-style:none; /* For Internet Explorer and Edge */
    display:inline-flex;
}
  .progress-nav .nav-links-scroll::-webkit-scrollbar {
    display: none; /* For WebKit browsers (Chrome, Safari) */
}
  .progress-nav .nav-links-scroll a{
    margin:0 2rem;
}
  .progress-nav .nav-link{
    display:inline-block;
    color:white;
    text-decoration:none;
    padding:5px 10px;
}
  .progress-nav .nav-link:focus {
    background-color:var(--ehu-colors-heritage-yellow);
    color:var(--ehu-colors-primary);
    outline: 0;
    border-radius: 2rem;
}
  .nav-link.prev-arrow{
    color: #ffffff;
}
  .nav-link.prev-arrow i:focus{
    color:var(--ehu-colors-heritage-yellow);
    padding:0;
    margin:0;
}
  .nav-link.prev-arrow i{
    padding:0;
}
  .nav-link.next-arrow i{
    padding:0;
}
  .nav-link.next-arrow i:focus{
    color:var(--ehu-colors-heritage-yellow);
    padding:0;
    margin:0;
    border-radius: 0;
    outline:0;
    text-decoration: none;
}
  .prev-arrow:hover {
    cursor: pointer;
}
  .progress-nav .nav-link.current{
    background-color:white;
    color:var(--ehu-colors-primary);
    border-radius:2rem;
    font-weight:700;
}
  .progress-nav .nav-link.disabled {
    opacity: 0.25;
    cursor: default;
    pointer-events: none;
}
  @media only screen and (max-width: 2400px) {
  /* For tablets: */
  .progress-nav .nav-links-scroll{
    max-width:100%;
    overflow-x: clip;
  }
  .progress-nav .nav-links-wrapper{
    display:inline-flex;
  }
}
  @media screen and (min-width:1700px) and (max-width: 3600px) {
    .progress-nav .nav-links-container{
      max-width:100%;
      padding:0;
    }
}
  @media only screen and (max-width: 492px) {
  /* For mobile: */
    .progress-nav .nav-links-container{
      max-width:100%;
      padding:0;
    }
    .progress-nav .nav-links-scroll{
      overflow-x: auto;
    }
    .progress-nav .nav-links-scroll a{
      margin:0 0.75rem;
    }
}