.cards_module .item {
    /* flex-basis: calc(25% - 3rem); */
	border-radius: var(--radius1);
	overflow: hidden;
	cursor: pointer;
}
.cards_module .call-to-action .item {
	position: relative;
	text-align: center;
}
.cards_module .call-to-action .item * {
	color: #FFF;
}
.cards_module .call-to-action .item:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(000, 000, 000, 0.2);
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
	z-index: 2;
}
.cards_module .call-to-action .item:hover:before {
    background-color: rgba(000, 000, 000, 0.0);
}
.cards_module .item a { color: initial; text-decoration: none;}
/* .cards_module .items-list { */
	/* margin-top: 35px; */
    /* display: grid; */
    /* grid-template-columns: calc(25% - 3rem) calc(25% - 3rem) calc(25% - 3rem) calc(25% - 3rem); */
    /* justify-content: space-between; */
    /* column-gap: 25px; */
    /* row-gap: 35px; */
    /* flex-wrap: wrap; */
/* } */
.cards_module .items-top-content {
    text-align: center;
}
.cards_module .itemtext {
    padding: 9px 0 30px 0;
}
.cards_module .call-to-action .itemtext {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	padding: 15px;
	z-index: 3;
    border: 0;
}
.cards_module .media, 
.cards_module .media figure {
    width: 100%;
    height: 24rem;
}
.cards_module .call-to-action .media, 
.cards_module .call-to-action .media figure {
	height: 40rem;
}
.cards_module .media img,
.cards_module .media video{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;	
}

/* updated */

.cards-list{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 3.2rem;
	row-gap: 3.2rem;
}

.cards-list .card {
	border-radius: 16px;
	padding: 3.2rem 4rem;
	cursor: pointer;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cards-list .card .text-button:hover svg{
	margin-left: 0;
}

.cards-list .card h3{
	margin: 0;
	font-size: calc(var(--fontsize_s)* var(--text-scaler));
	line-height: calc(var(--lineh_s)* var(--text-scaler));
}

.cards-list .card .media,
.cards-list .card .media figure{
	height: unset;
}

.cards-list .card .media img,
.cards-list .card .media video{
	position: relative;
	height: auto;
	object-fit: unset;
	object-position: unset;
	max-height: 17rem;
	width: auto;
	margin: 0 auto;
}

.cards-list .card p{
	font-size: calc(var(--fontsize_xs)* var(--text-scaler));
	line-height: calc(var(--lineh_xs)* var(--text-scaler));
	margin: 0.8rem 0 0;
}

.cards-list .card a.text-button {
	font-size: calc(var(--fontsize_xs)* var(--text-scaler));
	line-height: calc(var(--lineh_xs)* var(--text-scaler));
	color: #0A0A0A;
	text-decoration: none;
	display: flex;
	column-gap: 0.8rem;
	align-items: center;
	font-family: 'GT-Flexa-Medium';
	justify-content: center;
	margin-top: auto;
}

.cards-list .card .media{
	margin: 4rem 0;
}

.cards_module h2.module-title {
	margin: 0 auto 4.8rem;
	text-align: center;
	overflow: unset;
}

@media screen and (max-width: 1000px) {
	.cards_module .item {
		flex-basis: calc(100%);
	}
	.cards_module .items-list {
		column-gap: 0;
	}
	.cards_module .media, .cards_module .media figure {
		height: 29vw;
	}

	.cards-list{
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 1.6rem;
		row-gap: 1.6rem;
	}
	.cards-list .card h3{
		font-size: calc(var(--fontsize_p)* var(--text-scaler));
		line-height: calc(var(--lineh_p)* var(--text-scaler));
	}
	.cards-list .card p {
		font-size: calc(1.6rem * var(--text-scaler));
		line-height: calc(2.4rem * var(--text-scaler));
	}
	.cards_module h2.module-title {
		font-size: calc(var(--fontsize_p)* var(--text-scaler));
		line-height: calc(var(--lineh_p)* var(--text-scaler));
		margin: 1rem 0 4rem;
		font-weight: 500;
	}
	.cards-list .card .media img, .cards-list .card .media video {
		max-height: 20rem;
		width: auto;
	}
}

@media screen and (max-width: 600px) {
	.cards-list{
		grid-template-columns: 1fr;
	}
	.cards-list .card{
		padding: 1.6rem 14.8rem 1.6rem 1.6rem;
		text-align: left;
		align-items: flex-start;
	}
	.cards-list .card .media{
		position: absolute;
		top: 1.6rem;
		right: 1.6rem;
		margin: 0;
		width: 11.1rem;
	}
	.cards-list .card a.text-button {
		margin-top: 0.8rem;
		justify-content: flex-start;
	}
	.cards-list .card .media img, .cards-list .card .media video {
		max-height: 11rem;
		max-width: 11.1rem;
		margin: 0;
	}
	.cards-list .card .media figure {
		display: flex;
		justify-content: flex-end;
	}
}