/*
 * About/Introduction section: portrait left, credential text + CTA
 * right. Real content (RCIC license, IRB/IRCC/ESDC/CBSA) restructured
 * into a readable layout instead of one dense paragraph under a bare
 * heading.
 */

/* Vertically balance the two columns instead of top-aligning them,
   since the image and the text block naturally run to different
   heights */
.elementor-element-32d88dd .elementor-widget-wrap,
.elementor-element-025be4d .elementor-widget-wrap {
	height: 100%;
	display: flex;
	align-items: center;
}

.nji-about-image-wrap {
	position: relative;
	padding-right: 20px;
	width: 100%;
}

.nji-about-image-wrap:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	width: 88%;
	height: 88%;
	background: var(--nji-red-tint);
	border-radius: var(--nji-radius-lg);
	z-index: 0;
}

.nji-about-image {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 420px;
	height: 460px;
	object-fit: cover;
	object-position: top center;
	border-radius: var(--nji-radius-lg);
	box-shadow: var(--nji-shadow-card);
	display: block;
	margin: 0 auto;
}

.nji-about-content {
	width: 100%;
	max-width: 640px;
	padding: 0 40px 0 40px;
	box-sizing: border-box;
}

.nji-about-content .nji-hero-eyebrow {
	display: inline-block;
	margin-bottom: 14px;
}

.nji-about-content h2 {
	margin-bottom: 18px;
}

.nji-about-content p {
	margin-bottom: 22px;
	color: var(--nji-text-body);
}

.nji-credibility-list {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.nji-credibility-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--nji-text-body);
}

.nji-credibility-list li:last-child {
	margin-bottom: 0;
}

.nji-credibility-list li i {
	color: var(--nji-red);
	margin-top: 4px;
	flex-shrink: 0;
}

/* "Learn More About Us" — same gradient + shimmer treatment used on
   the other primary CTAs sitewide (hero, FAQ, final CTA, etc.). */
.nji-about-content .theme-btn-two {
	display: inline-block;
	background: linear-gradient(120deg, var(--nji-red-light) 0%, var(--nji-red) 35%, var(--nji-red-dark) 70%, var(--nji-red) 100%);
	background-size: 300% 300%;
	animation: njiGradientShift 3s ease infinite;
	border: none;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.nji-about-content .theme-btn-two:before {
	content: '';
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);
	transform: skewX(-20deg);
	animation: njiShimmerSweep 2.6s ease-in-out infinite;
	pointer-events: none;
}

@keyframes njiGradientShift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes njiShimmerSweep {
	0% { left: -60%; }
	100% { left: 140%; }
}

@media only screen and (max-width: 991px) {
	.nji-about-image-wrap {
		padding: 0;
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
	}

	.nji-about-content {
		padding: 0 20px;
		max-width: 100%;
		text-align: center;
	}

	.nji-credibility-list li {
		text-align: left;
	}
}

@media only screen and (max-width: 599px) {
	.nji-about-image {
		height: 400px;
	}
}