.benefits-block {
	position: relative;
}

@media screen and (min-width: 780px) {
	.benefits-block::before {
		content: "";
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 304px;
		background: linear-gradient(180deg, #A60000 0%, #C00000 100%);
		position: absolute;
	}
}

.benefits-block .benefits-heading {
	margin-top: -270px;
	padding: 0 1rem;
    position: relative;
}

@media screen and (min-width: 780px) {
	.benefits-block .benefits-heading {
		margin-top: 0;
		padding: 0 2rem;
	}
}

.benefits-block .benefits-heading img {
    filter: brightness(0) invert(1);
}

@media screen and (min-width: 780px) {
	.benefits-block .benefits-heading img {
		filter: none;
	}
}

.benefits-block .benefits-heading  .wp-block-heading {
    color: var(--wp--preset--color--base);
}

@media screen and (min-width: 780px) {
	.benefits-block .benefits-heading  .wp-block-heading {
        color: inherit;
	}
}

.benefits-block .benefits-heading  .wp-block-heading mark {
    color: var(--wp--preset--color--base) !important;
}

@media screen and (min-width: 780px) {
	.benefits-block .benefits-heading  .wp-block-heading mark {
        color: var(--wp--preset--color--red-300) !important;
	}
}

.benefits-block .benefits-cover {
    position: relative;
}

.benefits-block .benefits-cover::after {
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(54, 0, 0, 0) 20%, rgba(54, 0, 0, 0.8) 100%);
    position: absolute;
}

@media screen and (min-width: 782px) {
    .benefits-block .benefits-cover::after {
        content: none;
    }
}

.benefits-block .benefits-cover img {
	width: 100%;
	height: auto;
	min-height: 488px;
	object-fit: cover;
	display: block;
	border-radius: 16px;
}

.benefits-block .benefits-carousel {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: -100px;
	position: relative;
}

@media screen and (min-width: 780px) {
	.benefits-block .benefits-carousel {
		margin-top: -180px;
		padding-bottom: 55px;
	}
}

@media screen and (min-width: 1024px) {
	.benefits-block .benefits-carousel {
		margin-top: -220px;
	}
}

@media screen and (min-width: 1280px) {
	.benefits-block .benefits-carousel {
		margin-top: -254px;
	}
}