.container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 20px !important;
  background-color: #061336 !important;
}

.categories {
  display: flex !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  padding-bottom: 10px !important;
}

.categories::-webkit-scrollbar {
  height: 2px !important;
}

.categories::-webkit-scrollbar-thumb {
  background-color: #888 !important;
  border-radius: 4px !important;
  background-color: #696fc7 !important;
}

.category-btn {
  background-color: #061336 !important;
  border: none !important;
  padding: 10px 20px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  flex: 0 0 auto !important;
  text-align: left !important;
  font: normal normal 600 12px/16px Titillium Web !important;
  letter-spacing: 0.04px !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.category-btn.active {
  background: #ecf0ff 0% 0% no-repeat padding-box !important;
  border-radius: 12px !important;
  opacity: 1 !important;
  text-align: left !important;
  font: normal normal 600 12px/16px Titillium Web !important;
  letter-spacing: 0.04px !important;
  color: #000066 !important;
  opacity: 1 !important;
}

.documents {
  margin-top: 20px !important;
}

.document-list {
  background-color: #061336 !important;
  padding: 20px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.document-item {
  background: #07184a !important;
  padding: 15px !important;
  border-radius: 6px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.document-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.document-item h3 {
  text-align: left !important;
  font: normal normal bold 14px/24px Open Sans !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  margin: 0 0 10px 0 !important;
}

.document-item p {
  text-align: left !important;
  font: normal normal normal 12px/19px Open Sans !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  margin: 0 !important;
}

.view-all {
  margin-top: 20px !important;
  text-align: left !important;
}

.view-all a {
  display: inline-block !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
  background: #696fc7 0% 0% no-repeat padding-box !important;
  border-radius: 100px !important;
  opacity: 1 !important;
  text-align: left !important;
  font: normal normal 600 12px/16px Titillium Web !important;
  letter-spacing: 0.04px !important;
  color: #ffffff !important;
}

.view-all a:hover {
  background-color: #0056b3 !important;
}

#tituloDP {
  text-align: left !important;
  font: normal normal bold 32px/53px Titillium Web !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
}