.wrap-block.ctas {
	--theme-grid-margin: 20px; /* Override this to adjust grid-margin */
	background-size: cover;
	background-position: center;
}

.wrap-block.ctas.offset {
	margin-top: -110px;
    padding-top: 185px;
}

.ctas .grid-container {
	
}

.ctas .ctas-title {
	& p {
		color:white;
	}
}

.grid-margin-x.large-up-4 .cell.cta {
	width: calc(33.333% - (var(--theme-grid-margin) * 2));
	background-color: white;
    display: flex;
    justify-content: center;
    padding: 20px 20px 80px;
	margin-bottom: 60px;
	flex-direction: column;

	& img {
		width:100%;
	}

	&.small-padding {
		padding: 20px 20px 30px;
	}
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(1) {
	transform:rotate(3deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(2) {
	transform:rotate(-2deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(3) {
	transform:rotate(2deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(4) {
	transform:rotate(-2deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(5) {
	transform:rotate(3deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(6) {
	transform:rotate(-2deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(7) {
	transform:rotate(3deg);
}

.grid-margin-x.large-up-4 .cell.cta:nth-child(8) {
	transform:rotate(-2deg);
}
.grid-margin-x.large-up-4 .cell.cta:nth-child(9) {
	transform:rotate(2deg);
}

.ctas h2 {
	color:white;
	font-family: var(--theme-font-heading);
}

.ctas .cell.cta .wrap {
	background-color: #1686a2;
	padding: clamp(15px, calc(100vw * (30/1440)), 30px);
	border-radius: 10px;
	text-align: center;
	margin: 20px;
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ctas .cta h4 {
	color:rgb(15, 15, 15);
	font-family: "Inria Serif", serif;
	font-size: clamp(20px, calc(100vw * (30/1440)), 30px);
	font-weight: 400;
	margin: 0;
	text-align: right;
}

.ctas .cta img {
	margin-bottom: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ctas .cta p {
	color:white;
	font-family: "Manrope";
	line-height: 1.65;
}

.ctas .cta a {
	transition:all 0.3s;
	text-decoration: none;
}

.ctas .cta a:hover,
.ctas .cta a:focus-within {
	transform: scale(1.05);
}

/*= Responsive Styles
-------------------------------------------------------------- */
@media only screen and (max-width: 1440px) { /* Template Width */
	
}
@media only screen and (max-width: 1023px) { /* Medium Breakpoint */
	.wrap-block.ctas.offset {
		margin-top: 0px;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 639px) { /* Small Breakpoint */
	.wrap-block.ctas.offset {
		margin-top: 0px;
		padding-top: 20px;
	}

	.grid-margin-x.large-up-4 .cell.cta {
		width: calc(100% - (var(--theme-grid-margin) * 2));
	}

	.ctas-grid {
		padding:50px;
	}
}