/*
 * FAQ accordion: the widget's own markup puts the accordion in a
 * col-lg-6 (half-width) column — originally meant to pair with content
 * in the other half, which isn't used here — leaving the whole right
 * side empty. Stretching it to the full row width instead of trying to
 * force a 2-column question layout inside that already-narrow half.
 */

.faq-column {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

.faq-section .accordion-box .block {
	width: 100%;
}

/* Premium touch-ups to match the rest of the card/section language */
.faq-section .accordion-box .block {
	border-radius: var(--nji-radius-md);
	overflow: hidden;
	box-shadow: var(--nji-shadow-soft);
}

.faq-section .accordion-box .block .acc-btn {
	background: var(--nji-off-white);
}

.faq-section .accordion-box .block .acc-btn.active {
	background: var(--nji-red-tint);
}

.faq-section .accordion-box .block .acc-btn h5 {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

@media only screen and (max-width: 767px) {
	.faq-section .accordion-box {
		column-count: 1;
	}
}

/* "View All FAQs" button: gradient fill + shimmer sweep, matching the
   header/hero/service CTAs */
.elementor-element-f596ee2 .theme-btn-one {
	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;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.elementor-element-f596ee2 .theme-btn-one: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;
	z-index: 2;
	pointer-events: none;
}

.elementor-element-f596ee2 .theme-btn-one span {
	position: relative;
	z-index: 3;
}

.elementor-element-f596ee2 .theme-btn-one:after {
	display: none;
}

.elementor-element-f596ee2 .theme-btn-one:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(236, 28, 36, 0.5);
}

@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%; }
}
