.section_image_cards .section_description {

	margin-bottom: 50px;

}

.section_image_cards .card_items {

	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;

	gap: 20px;

    margin-top: 50px;

    text-align: left;

}
.section_image_cards .card_items .card_item {
	overflow: hidden;
	border-radius: 30px;
	position: relative;
}
.section_image_cards .card_items .card_item .card_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section_image_cards .card_items .card_item .card_text {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.section_image_cards .card_items .card_item .card_text::before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--wp--preset--color--primary);
    left: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.section_image_cards .card_items .card_item:hover .card_text::before {
	 transform: scaleY(1);
}
.section_image_cards .card_items .card_item .cnlc-icon.cnlc-students {
	font-size: var(--wp--preset--font-size--medium-36);
}
.section_image_cards .card_items .card_item .card_text .card_text_inner {
	padding: 33px 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
	gap: 20px;
	justify-content: space-between;
	position: relative;
}

.section_image_cards .card_items .card_item .card_text .card_description {
	display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition:
        grid-template-rows 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        opacity 0.3s ease-out;
}
.section_image_cards .card_items .card_item .card_description_inner {
    overflow: hidden;
}
.section_image_cards .card_items .card_item:hover .card_text .card_description {
	grid-template-rows: 1fr;
	opacity: 1;
}

@media only screen and (max-width: 1250px) {

    .section_image_cards .card_items {

	    grid-template-columns: 1fr 1fr;

    }

}
@media only screen and (max-width: 600px) {

    .section_image_cards .card_items {

	    grid-template-columns: 1fr;

    }

}