/*documents*/
.documents__items {
  margin-top: 5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
}
@media (max-width: 991.98px) {
  .documents__items {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .documents__items {
    grid-template-columns: repeat(auto-fit, minmax(29em, 1fr));
  }
}
.item-documents {
  display: block;
  padding: 3em 2em;
  border-radius: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.item-documents svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5em;
  height: 5em;
}
.item-documents svg path {
  -webkit-transition: stroke 0.3s ease 0s;
  transition: stroke 0.3s ease 0s;
}
.item-documents__title {
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
@media (any-hover: hover) {
  .item-documents:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .item-documents:hover svg path {
    stroke: var(--brown);
  }
  .item-documents:hover .item-documents__title {
    color: var(--brown);
  }
}