.section-docs .item {margin: 0 0 20px;}
.section-docs .item a {display: block; text-decoration: underline;}
.section-docs .item .di_img {display: block; border-radius: 20px; overflow: hidden; max-width: 350px; height: 350px; width: 100%; margin: 0 auto 10px;}
.section-docs .item .di_img > img {display: block; object-fit: cover; max-width: 100%; width: auto; margin: auto; max-height: 100%; border-radius: 20px; filter: blur(2px);}
.section-docs .item .di_name {display: inline-block; font-size: 20px;color: #000; font-family: "Inter"; text-decoration: underline; transition: 0.3s;}
.section-docs .item .di_name:hover {text-decoration: none;}
@media only screen and (min-width: 1024px) {
	.section-docs {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
	.section-docs .item {margin: 0; width: calc(33% - 15px)}
}