.h-33{
	height: 250px;
}

.h-66{
	height: 360px;
	padding: 0;
}

.cards-hover-row{
	padding: 12px;
}

.cards-hover-row img{
	height: 360px;
}

.cards-hover-row .col-md-4{
	padding: 0;
}

.text-card-hov{
	border-radius: 24px;
	color: var(--white);
	padding: 30px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}

.text-card-hov img{
	width: 40px;
	height: 40px;
	text-align: end;
}

.row-col-cards{
	margin: 12px;
	gap: 24px;
}

.cards-hover-row .img-cards{
	background-position: center;
	background-size: cover;
	border-radius: 24px;
	padding: 30px;
	color: var(--white);
}

.img-cards p {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.text-card-hov:hover ~ .img-cards p {
    opacity: 1;
}

.text-card-hov h4 {
    transition: transform 0.5s ease-in-out;
    display: inline-block;
}

.text-card-hov:hover h4 {
    transform: translateY(10px) translateX(-10px); 
}

.text-card-hov img {
    transition: transform 0.5s ease-in-out;
}

.text-card-hov:hover img {
    transform: translateY(-10px) translateX(10px); 
}

.img-cards::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px);
    background: rgba(0, 0, 0, 0);
    border-radius: 24px;
    transition: backdrop-filter 0.4s ease-in-out, background 0.4s ease-in-out;
}

.text-card-hov.hovered ~ .img-cards::after {
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.3);
}

.img-cards {
    position: relative;
    overflow: hidden;
}

.img-cards p {
    position: relative;
    z-index: 2;
    transition: opacity 0.5s ease-in-out;
    opacity: 0; 
}

.img-cards.hovered p {
    opacity: 1;
}

/* Overlay per il blur */
.img-cards::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(0px);
    background: rgba(0, 0, 0, 0);
    border-radius: 24px;
    transition: backdrop-filter 0.5s ease-in-out, background 0.5s ease-in-out;
    z-index: 1; 
}

.img-cards.hovered::before {
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px){
	.img-cards {
		display: none;
	}
}