.card { 
	padding: 100px 40px; 
} 

.card__content { 
	width: 100%; 
} 

.docs-items { 
	display: flex;  
	flex-wrap: wrap; 
	gap: 25px;
	justify-content: space-between;
} 
.docs-item { 
	position: relative;
	overflow: hidden;
	display: flex; 
	flex-direction: column; 
	gap: 150px; 
	flex: 1 1 calc(25% - 20px);
	background-color: #ffffff50; 
	border-radius: 20px; 
	min-width: 350px; 
	padding: 25px; 
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 
	transition: transform 0.3s ease; 
} 

.docs-item:hover{ 
	transform: scale(1.05); 
	background-color: #ffffff75; 
}

.docs-item__preview {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.docs-item__preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.docs__name,
.doc_formate {
	position: relative;
	z-index: 1;
}

@media (max-width: 1200px) {
	.docs-item { 
		min-width: 200px;
	}
}