/* ========== Navy CTA with image (front-end) ========== */
.mytrt-ncta {
	position: relative;
	background-color: #003366;
	background-image: url("https://www.mytrt.com/wp-content/uploads/2026/06/Group-5114.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	border-radius: 24px;
	padding: 40px 30px;
	color: #fff;
	overflow: hidden;
	margin: 20px 0;
}

.mytrt-ncta-inner {
	position: relative;
	z-index: 1;
	max-width: 520px;
}

.mytrt-ncta-heading {
	font-size:26px !important;
	color: #fff;
	margin: 0 0 12px !important;
}

.mytrt-ncta-subheading {
	font-size: 18px !important;
	font-weight: 600;
	color: #fff;
	margin: 0 0 14px !important;
}

.mytrt-ncta-text {
	color: rgba(255, 255, 255, 0.8);
	margin: 0 0 28px;
	max-width: 350px;
}

/* ----- Button (same as the other blocks) ----- */
.mytrt-ncta-btn {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}
.mytrt-ncta-btn .mytrt-ct-btn-icon {
	width: 8px;
	height: 8px;
	flex: none;
	display: inline-block;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%206%206'%3E%3Cpath%20d='M0.146447%205.14645C-0.0488155%205.34171%20-0.0488155%205.65829%200.146447%205.85355C0.341709%206.04882%200.658291%206.04882%200.853553%205.85355L0.5%205.5L0.146447%205.14645ZM6%200.5C6%200.223857%205.77614%200%205.5%200L1%200C0.723858%200%200.5%200.223857%200.5%200.5C0.5%200.776142%200.723858%201%201%201L5%201L5%205C5%205.27614%205.22386%205.5%205.5%205.5C5.77614%205.5%206%205.27614%206%205L6%200.5ZM0.5%205.5L0.853553%205.85355L5.85355%200.853553L5.5%200.5L5.14645%200.146446L0.146447%205.14645L0.5%205.5Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%206%206'%3E%3Cpath%20d='M0.146447%205.14645C-0.0488155%205.34171%20-0.0488155%205.65829%200.146447%205.85355C0.341709%206.04882%200.658291%206.04882%200.853553%205.85355L0.5%205.5L0.146447%205.14645ZM6%200.5C6%200.223857%205.77614%200%205.5%200L1%200C0.723858%200%200.5%200.223857%200.5%200.5C0.5%200.776142%200.723858%201%201%201L5%201L5%205C5%205.27614%205.22386%205.5%205.5%205.5C5.77614%205.5%206%205.27614%206%205L6%200.5ZM0.5%205.5L0.853553%205.85355L5.85355%200.853553L5.5%200.5L5.14645%200.146446L0.146447%205.14645L0.5%205.5Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width: 767px) {
	.mytrt-ncta {
		padding: 32px 24px;
		background-size: 70% auto;
		background-position: right bottom;
	}
	.mytrt-ncta-heading {
		font-size: 24px !important;
	}
	.mytrt-ncta-subheading {
		font-size: 18px !important;
	}
	.mytrt-ncta-inner {
		max-width: 100%;
	}
}

/* ========== Editor ========== */
/* Editor canvas is light, so override the white front-end text to stay readable. */
.mytrt-ncta-editor .mytrt-ncta-heading,
.mytrt-ncta-editor .mytrt-ncta-subheading,
.mytrt-ncta-editor .mytrt-ncta-text {
	color: #1a1a1a;
}

.mytrt-ncta-editor .mytrt-ncta-edit-row {
	display: flex;
	gap: 16px;
	margin-top: 12px;
}
.mytrt-ncta-editor .mytrt-ncta-edit-row > * {
	flex: 1;
}