
.pdf-tab-inputs input[type="radio"] {
  display: none;
}
.pdf-tab-labels {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent !important;
  overflow-x: auto;
}
.pdf-tab-labels label {
  padding: 12px 20px;
  color: rgb(235, 218, 171);
  cursor: pointer;
  flex: 0 0 auto;
  transition: background 0.3s;
}
.pdf-tab-labels label:hover {
  background-color: #E39918;
}


.pdf-tab-inputs input[type="radio"]:checked + label {
    background: #EBDAAB;
    color: #003E1E;
    font-weight: bold;
}

.pdf-tab-labels label.active-tab {
    background: #E39918;
    color: #fff;
    font-weight: bold;
}



.pdf-tab-contents {
  background: #f9f9f9;
}
.pdf-tab-content {
  display: none;
  padding: 20px;
}
.pdf-tab-inputs input:nth-of-type(1):checked ~ .pdf-tab-contents .pdf-tab-content:nth-of-type(1),
.pdf-tab-inputs input:nth-of-type(2):checked ~ .pdf-tab-contents .pdf-tab-content:nth-of-type(2),
.pdf-tab-inputs input:nth-of-type(3):checked ~ .pdf-tab-contents .pdf-tab-content:nth-of-type(3),
.pdf-tab-inputs input:nth-of-type(4):checked ~ .pdf-tab-contents .pdf-tab-content:nth-of-type(4),
.pdf-tab-inputs input:nth-of-type(5):checked ~ .pdf-tab-contents .pdf-tab-content:nth-of-type(5) {
  display: block;
}
.pdf-list {
  list-style: none;
  padding: 0;
}

.pdf-list a {
  background: #003E1E;
  color: rgb(235, 218, 171);
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-block;
  text-decoration: none;

}
.pdf-list a:hover {
    background: #e1ecf3 !important;
    color: #0073b8 !important;
}
.pdf-icon {
  margin-left: 8px;
  width: 18px;
}

@media (max-width: 767px) {
  .pdf-tab-labels {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    }

  .pdf-tab-labels::-webkit-scrollbar {
    display: none;
  }

  .pdf-tab-labels label {
    flex: 0 0 auto;
    min-width: max-content;
    scroll-snap-align: start;
    padding: 12px 20px;
    font-size: 14px;
  }
}
