.wrap-block.ctas {
	--theme-grid-margin: 20px; /* Override this to adjust grid-margin */

}

.ctas .grid-container {
	
}

.ctas .ctas-title {
	
}

.blob-wrap {
  overflow:hidden;
  width:250px;
  height:250px;
  margin:0 auto 30px;
}

.blob-wrap.style1 {
	border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
}

.blob-wrap.style2 {
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
}

.blob-wrap.style3 {
	border-radius: 30% 70% 70% 30% / 67% 35% 65% 33%;
}

.blob-wrap.style4 {
	border-radius: 37% 63% 51% 49% / 37% 39% 61% 63%;
}

.blob-wrap.style5 {
	border-radius: 37% 63% 51% 49% / 37% 39% 61% 63%;
}

.ctas h2 {
	color:var(--theme-color-primary);
	margin-bottom: 30px;
}

.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 .cell.cta {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

.ctas .cta h4 {
	color:var(--theme-color-primary);
	font-size: clamp(16px, calc(100vw * (20/1440)), 20px);
	font-weight: 400;
	margin-bottom: clamp(10px, calc(100vw * (20/1440)), 20px);
	font-family: var(--theme-font-cta);
	text-align: center;
	font-weight: bold;
}

.ctas .cta img {
	margin-bottom: 20px !important;
	border-radius: 270px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ctas .cta p {
	color:black;
	font-family: var(--theme-font-body);
	line-height: 1.65;
	text-align: center;
}

.ctas .cta a {
	background-color: var(--theme-color-primary);
	font-family: var(--theme-font-cta);
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	padding:15px 30px;
	border-radius:99px;
	color:white;
	transition:all 0.3s;
	text-decoration: none;
}

.ctas .cta a:hover,
.ctas .cta a:focus-within {
	background-color: var(--theme-color-primary-roll);
}

/*= Responsive Styles
-------------------------------------------------------------- */
@media only screen and (max-width: 1440px) { /* Template Width */
	
}
@media only screen and (max-width: 1023px) { /* Medium Breakpoint */
	.ctas .cell.cta {
		width:44% !important;
		padding:30px 10px;
	}
}
@media only screen and (max-width: 639px) { /* Small Breakpoint */
	.ctas .cell.cta {
		width:100% !important;
	}
}

/* Modal content */

/* The background overlay */
.modal-overlay {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7); /* Black with opacity */

    display: none; 
    align-items: center; 
    justify-content: center; 
}

.pb-80 {
	padding-bottom: 80px;
}

/* The modal box */
.modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 30px;
    border: 1px solid #ccc; /* Matches your site's border style */
    width: 50%;
    width: 800px;
	max-height: 800px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	overflow-y: scroll;
}

.modal-content .featured-image {
	border-radius: 10px;
	overflow: hidden;
}

/* Close button */
.close-button {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 28px;
    cursor: pointer;
    color: #aaa;
}

.close-button:hover {
    color: #333;
}