.pg-flame-grid {
	display: grid;
}

.pg-flame-item {
	position: relative;
	overflow: hidden;
	text-align: center;

	&:hover {
		.pg-flame-img {
			transform: scale(1.2);
			transition-delay: .2s;
		}

		.pg-flame-readmore {
			opacity: 1;
			transform: translate(-50%, -50%);
			/* rtl:ignore */
		}

		.pg-flame-title {
			opacity: 0;
			transform: translateY(25px);
		}

		.pg-flame-meta {
			opacity: 1;
			transform: translateY(-25px);
		}
	}
}

.pg-flame-image-wrap {
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;

	&::before {
		position: absolute;
		content: '';
		inset-block-end: 0;
		inset-inline-start: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(5deg, rgba(13, 59, 84, 0.8), transparent);
		transition: all .6s cubic-bezier(.31, .67, .36, 1);
		z-index: 1;
	}

	.pg-flame-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		vertical-align: middle;
		transform: scale(1);
		transition: all .5s cubic-bezier(.31, .67, .36, 1);
	}
}

.pg-flame-content-wrap {
	position: absolute;
	inset-block-start: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	// text-align: center;
}

.pg-flame-content {
	position: absolute;
	inset-block-end: 0;
	left: 50%;
	/* rtl:ignore */
	transform: translateX(-50%);
	/* rtl:ignore */
	width: 100%;
}

.pg-flame-readmore {
	position: absolute;
	inset-block-start: 50%;
	left: 50%;
	/* rtl:ignore */
	transform: translate(-50%, -140%);
	/* rtl:ignore */
	opacity: 0;
	transition: all .4s cubic-bezier(.31, .67, .36, 1);

	a {
		background: #fff;
		padding: 11px 14px;
		border-radius: 50%;
		color: rgba(13, 59, 84, 0.8);
		transition: all .3s cubic-bezier(.31, .67, .36, 1);
		font-size: 14px;

		&:hover {
			color: #fff;
			background: #0D3B54;
		}
	}
}

.pg-flame-title {
	font-size: 27px;
	text-transform: capitalize;
	font-weight: 700;
	margin: 0;
	opacity: 1;
	transition: all .4s cubic-bezier(.31, .67, .36, 1);
	color: #fff;
}

.pg-flame-meta {
	font-size: 14px;
	text-transform: capitalize;
	color: #fff;
	line-height: 1.7;
	margin-block-end: 20px;
	opacity: 0;
	transition: all .4s cubic-bezier(.31, .67, .36, 1);
}