#sect-docs-slider .sect_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#sect-docs-slider .sect_content .content_slider {
  overflow: hidden;
}
#sect-docs-slider .sect_content .content_slider .docs_group {
  width: 100%;
  max-width: 1160px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 480px) {
  #sect-docs-slider .sect_content .content_slider .docs_group {
    grid-template-columns: 1fr;
  }
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item {
  /* padding-left: 80px; */
  display: grid;
  grid-template-columns: min-content auto;
  gap: 20px 10px;
  text-decoration: none;
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item_preview {
  position: relative;
  grid-row: span 2;
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item_preview::before {
  content: "PDF";
  position: absolute;
  left: 5px;
  bottom: 5px;
  height: 29px;
  width: 46px;
  border-radius: 10px;
  font-size: 11px;
  padding: 10px;
  color: #fff;
  text-align: center;
  background-color: #00dcc8;
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item_preview .item--preview {
  height: clamp(70px, 20.3vw, 140px);
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #fff;
  border-radius: 15px;
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item--name {
  align-self: end;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  #sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item--name {
    font-size: clamp(16px, 2.7vw, 20px);
  }
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item--date {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  #sect-docs-slider .sect_content .content_slider .docs_group .docs_item .item--date {
    font-size: clamp(12px, 2.1vw, 16px);
  }
}
#sect-docs-slider .sect_content .content_slider .docs_group .docs_item:hover .item--name {
  color: #00dcc8;
}
#sect-docs-slider .sect_content .content_pagination {
  bottom: 0;
  padding: 20px;
  display: flex;
  justify-content: center;
}
#sect-docs-slider .sect_content .content_pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5019607843);
  width: 12px;
  height: 12px;
}
#sect-docs-slider .sect_content .content_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
#sect-docs-slider .sect_footer {
  padding-top: 20px;
}