/**
 * PRGI Registration — Why Choose section
 * Desktop layout: 768px and above.
 * Mobile layout: 767px and below.
 */

:root {
	--prgi-why-bg: #f6f7ff;
	--prgi-why-panel: #0b1f3a;
	--prgi-why-primary: #6d28d9;
	--prgi-why-accent: #06b6d4;
	--prgi-why-ink: #132238;
	--prgi-why-muted: #5c6d82;
	--prgi-why-line: #dfe7f0;
}

/* Appearance > PRGI Why Choose admin screen. */
.prgireg-why-admin {
	max-width: 1120px;
	margin-top: 28px;
}

.prgireg-why-admin > h1 {
	margin-bottom: 8px;
	color: #0f172a;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.025em;
}

.prgireg-why-admin > p {
	max-width: 780px;
	margin: 0 0 24px;
	color: #64748b;
	font-size: 14px;
	line-height: 1.65;
}

.prgireg-why-admin__card {
	overflow: hidden;
	margin: 18px 0;
	padding: 10px 28px 22px;
	border: 1px solid #dde5ef;
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 10px 32px rgba(15, 23, 42, .065);
}

.prgireg-why-admin__card h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: -10px -28px 8px;
	padding: 18px 28px;
	border-bottom: 1px solid #e8edf3;
	background: linear-gradient(100deg, #f4f1ff 0, #f8fbff 58%, #ecfeff 100%);
	color: #172033;
	font-size: 16px;
	font-weight: 800;
}

.prgireg-why-admin__card h2::before {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: linear-gradient(135deg, #6d28d9, #06b6d4);
	box-shadow: 0 0 0 5px rgba(109, 40, 217, .09);
}

.prgireg-why-admin__card--service {
	border-left: 5px solid #6d28d9;
}

.prgireg-why-admin__card--service:nth-of-type(even) {
	border-left-color: #06b6d4;
}

.prgireg-why-admin .form-table th {
	width: 230px;
	color: #263449;
	font-weight: 700;
}

.prgireg-why-admin .regular-text,
.prgireg-why-admin textarea {
	width: min(100%, 680px);
	padding: 9px 12px;
	border-color: #cbd5e1;
	border-radius: 9px;
	background: #fbfdff;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
}

.prgireg-why-admin .regular-text:focus,
.prgireg-why-admin textarea:focus {
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, .11);
}

.prgireg-why-admin .description {
	color: #748196;
}

.prgireg-why-admin .submit .button-primary {
	min-height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #6d28d9, #4f46e5);
	font-weight: 800;
	box-shadow: 0 9px 20px rgba(79, 70, 229, .22);
}

/* Public section — desktop layout. */
.prgireg-why,
.prgireg-why * {
	box-sizing: border-box;
}

.prgireg-why {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 20px 0;
	background-color: var(--prgi-why-bg);
	background-image:
		radial-gradient(circle at 0 4%, color-mix(in srgb, var(--prgi-why-primary) 12%, transparent) 0, transparent 27%),
		radial-gradient(circle at 100% 94%, color-mix(in srgb, var(--prgi-why-accent) 13%, transparent) 0, transparent 29%),
		linear-gradient(135deg, #fff 0, var(--prgi-why-bg) 48%, #f8fbff 100%);
	color: var(--prgi-why-muted);
	font-family: "Poppins", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
}

.prgireg-why::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	opacity: .36;
	background-image:
		linear-gradient(color-mix(in srgb, var(--prgi-why-panel) 5%, transparent) 1px, transparent 1px),
		linear-gradient(90deg, color-mix(in srgb, var(--prgi-why-panel) 5%, transparent) 1px, transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
}

.prgireg-why__shape {
	position: absolute;
	z-index: 0;
	border-radius: 50%;
	filter: blur(12px);
	pointer-events: none;
}

.prgireg-why__shape--one {
	top: -160px;
	right: -230px;
	width: 390px;
	height: 390px;
	background: var(--prgi-why-primary);
	opacity: .08;
}

.prgireg-why__shape--two {
	bottom: -170px;
	left: -190px;
	width: 330px;
	height: 330px;
	background: var(--prgi-why-accent);
	opacity: .09;
}

.prgireg-why__container {
	position: relative;
	z-index: 2;
	width: min(100% - 40px, 1260px);
	margin: 0 auto;
}

.prgireg-why__intro-panel {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
	grid-template-areas:
		"eyebrow intro"
		"heading keywords";
	align-items: start;
	gap: 22px 60px;
	padding: 25px 40px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 30px;
	background: linear-gradient(90deg, var(--prgi-why-panel) 0 47.5%, rgba(255, 255, 255, .97) 47.5% 100%);
	box-shadow: 0 28px 78px rgba(15, 31, 52, .14);
}

.prgireg-why__intro-panel::before {
	content: "";
	position: absolute;
	bottom: -215px;
	left: -165px;
	width: 300px;
	height: 300px;
	border: 48px solid color-mix(in srgb, var(--prgi-why-accent) 18%, transparent);
	border-radius: 50%;
	opacity: .75;
}

.prgireg-why__intro-panel::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 6px;
	background: linear-gradient(90deg, var(--prgi-why-primary), var(--prgi-why-accent), #f59e0b);
}

.prgireg-why__panel-grid {
	position: absolute;
	inset: 0 auto 0 0;
	width: 47.5%;
	opacity: .12;
	background-image:
		linear-gradient(rgba(255, 255, 255, .65) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .65) 1px, transparent 1px);
	background-size: 34px 34px;
	-webkit-mask-image: linear-gradient(145deg, #000, transparent 72%);
	mask-image: linear-gradient(145deg, #000, transparent 72%);
}

.prgireg-why__intro-panel > *:not(.prgireg-why__panel-grid) {
	position: relative;
	z-index: 2;
}

.prgireg-why__eyebrow-group {
	grid-area: eyebrow;
}

.prgireg-why__eyebrow {
	display: inline-flex;
	width: max-content;
	max-width: 100%;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 14px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	color: #eaf3ff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .085em;
	line-height: 1.25;
	text-transform: uppercase;
}

.prgireg-why__eyebrow span {
	width: 8px;
	height: 8px;
	flex: none;
	border-radius: 50%;
	background: var(--prgi-why-accent);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--prgi-why-accent) 16%, transparent), 0 0 18px var(--prgi-why-accent);
}

.prgireg-why__contact-number {
	margin: 35px 0 0;
	color: #ffbf00;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: .015em;
	line-height: 1.05;
	text-shadow: 0 4px 16px rgba(0, 0, 0, .22);
}

.prgireg-why__heading {
	grid-area: heading;
	margin: 0;
	color: #fff;
	font-size: clamp(27px, 1vw, 44px);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.1;
	text-wrap: balance;
}

.prgireg-why__heading span,
.prgireg-why__heading strong {
	display: block;
}

.prgireg-why__heading strong {
	margin-top: 9px;
	background: #ffbf00;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: 800;
}

.prgireg-why__heading strong::after {
	content: "";
	display: block;
	width: 88px;
	height: 5px;
	margin-top: 21px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--prgi-why-primary), var(--prgi-why-accent), #f59e0b);
}

.prgireg-why__intro {
	grid-area: intro;
	margin: 3px 0 0;
	padding: 10px 20px;
	border: 1px solid #000;
	border-left: 7px solid #c00707;
	border-radius: 6px 15px 15px 6px;
	background: #fff;
	color: #000fa1;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.68;
	box-shadow: 0 10px 28px rgba(15, 31, 52, .055);
}

.prgireg-why__keywords {
	display: grid;
	grid-area: keywords;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.prgireg-why__keywords li {
	display: flex;
	min-height: 55px;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 13px;
	background: linear-gradient(145deg, #fff, #f7faff);
	color: #31455c;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	box-shadow: 0 8px 22px rgba(15, 31, 52, .045);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.prgireg-why__keywords li:hover {
	border-color: color-mix(in srgb, var(--prgi-why-accent) 35%, #e0e7ef);
	box-shadow: 0 12px 27px rgba(15, 31, 52, .075);
	transform: translateY(-2px);
}

.prgireg-why__keywords li span {
	display: grid;
	width: 27px;
	height: 27px;
	place-items: center;
	flex: none;
	border-radius: 8px;
	background: linear-gradient(135deg, var(--prgi-why-primary), var(--prgi-why-accent));
	color: #fff;
	box-shadow: 0 6px 13px color-mix(in srgb, var(--prgi-why-primary) 18%, transparent);
}

.prgireg-why__keywords svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
}

.prgireg-why__cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 17px;
	margin-top: 25px;
}

.prgireg-why__card {
	--why-card: #2563eb;
	--why-soft: #eff6ff;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: auto;
	padding: 20px 15px 15px;
	border: 1px solid rgba(58, 65, 73, .92);
	border-radius: 22px;
	background: linear-gradient(150deg, #fff 0, #fff 56%, var(--why-soft) 100%);
	box-shadow: 0 16px 45px rgba(15, 31, 52, .075);
	transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.prgireg-why__card--2 { --why-card: #d97706; --why-soft: #fff7ed; }
.prgireg-why__card--3 { --why-card: #7c3aed; --why-soft: #f5f3ff; }
.prgireg-why__card--4 { --why-card: #059669; --why-soft: #ecfdf5; }

.prgireg-why__card::before {
	content: "";
	position: absolute;
	right: -105px;
	bottom: -112px;
	z-index: -1;
	width: 170px;
	height: 170px;
	border: 30px solid color-mix(in srgb, var(--why-card) 8%, transparent);
	border-radius: 50%;
	transition: transform .3s ease;
}

.prgireg-why__card::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: linear-gradient(90deg, var(--why-card), color-mix(in srgb, var(--why-card) 28%, #fff), transparent);
}

.prgireg-why__card:hover {
	border-color: color-mix(in srgb, var(--why-card) 30%, #d5dee8);
	box-shadow: 0 27px 62px rgba(15, 31, 52, .14);
	transform: translateY(-8px);
}

.prgireg-why__card:hover::before {
	transform: scale(1.13);
}

.prgireg-why__card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.prgireg-why__card-icon {
	display: grid;
	width: 57px;
	height: 57px;
	place-items: center;
	flex: none;
	border-radius: 18px;
	background: linear-gradient(145deg, var(--why-card), color-mix(in srgb, var(--why-card) 63%, #fff));
	color: #fff;
	box-shadow: 0 12px 24px color-mix(in srgb, var(--why-card) 23%, transparent);
}

.prgireg-why__card-icon svg {
	width: 27px;
	height: 27px;
	fill: currentColor;
}

.prgireg-why__card-number {
	display: grid;
	width: 49px;
	height: 35px;
	place-items: center;
	border: 1px solid color-mix(in srgb, var(--why-card) 14%, #e7edf4);
	border-radius: 999px;
	background: color-mix(in srgb, var(--why-card) 6%, #fff);
	color: color-mix(in srgb, var(--why-card) 48%, #aab6c4);
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .02em;
	line-height: 1;
}

.prgireg-why__card h3 {
	margin: 7px 0 0;
	color: var(--prgi-why-ink);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.018em;
	line-height: 1.34;
}

.prgireg-why__card p {
	margin: 11px 0 0;
	color: #4d5f74;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.72;
}

.prgireg-why__card-line {
	position: absolute;
	bottom: 0;
	left: 24px;
	width: 64px;
	height: 5px;
	border-radius: 6px 6px 0 0;
	background: var(--why-card);
}

.prgireg-why__cta {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	align-items: center;
	gap: 21px;
	margin-top: 20px;
	padding: 15px 34px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 24px;
	background: #940707;
	color: #fff;
	box-shadow: 0 24px 62px rgba(15, 31, 52, .21);
}

.prgireg-why__cta::before {
	content: "";
	position: absolute;
	top: -145px;
	right: -112px;
	width: 235px;
	height: 235px;
	border: 38px solid rgba(255, 255, 255, .065);
	border-radius: 50%;
}

.prgireg-why__cta::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 4px;
	background: linear-gradient(90deg, var(--prgi-why-accent), var(--prgi-why-primary), #f59e0b);
}

.prgireg-why__cta > * {
	position: relative;
	z-index: 2;
}

.prgireg-why__cta-mark {
	display: grid;
	width: 64px;
	height: 64px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 19px;
	background: rgba(255, 255, 255, .09);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.prgireg-why__cta-mark svg {
	width: 29px;
	height: 29px;
	fill: currentColor;
}

.prgireg-why__cta-copy h3 {
	margin: 0;
	color: #fff;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: -.018em;
	line-height: 1.3;
}

.prgireg-why__cta-copy p {
	max-width: 610px;
	margin: 7px 0 0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.65;
}

.prgireg-why__actions {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.prgireg-why__button {
	display: inline-flex;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.prgireg-why__button:hover {
	filter: brightness(.98);
	transform: translateY(-3px);
}

.prgireg-why__button--main {
	gap: 8px;
	padding: 11px 18px;
	background: linear-gradient(135deg, var(--prgi-why-primary), color-mix(in srgb, var(--prgi-why-primary) 65%, var(--prgi-why-accent)));
	color: #fff !important;
	font-size: 14px;
	box-shadow: 0 11px 25px rgba(0, 0, 0, .19);
}

.prgireg-why__button--main svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.prgireg-why__button--phone {
	gap: 9px;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, .19);
	background: rgba(255, 255, 255, .1);
	color: #fff !important;
}

.prgireg-why__button--phone > svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.prgireg-why__button--phone span {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.prgireg-why__button--phone small {
	color: #e2eaf3;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
}

.prgireg-why__button--phone b {
	margin-top: 3px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.1;
}

.prgireg-why__disclaimer {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-top: 16px;
	padding: 13px 16px;
	border: 1px solid color-mix(in srgb, var(--prgi-why-primary) 13%, #dfe7f0);
	border-radius: 12px;
	background: rgba(255, 255, 255, .78);
	color: #627388;
	box-shadow: 0 8px 24px rgba(15, 31, 52, .035);
}

.prgireg-why__disclaimer > span {
	display: grid;
	width: 27px;
	height: 27px;
	place-items: center;
	flex: none;
	border-radius: 50%;
	background: color-mix(in srgb, var(--prgi-why-primary) 8%, #fff);
	color: var(--prgi-why-primary);
}

.prgireg-why__disclaimer svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

.prgireg-why__disclaimer p {
	margin: 3px 0 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

.prgireg-why__disclaimer strong {
	color: #344a62;
	font-weight: 700;
}

@supports not (color: color-mix(in srgb, #000 10%, transparent)) {
	.prgireg-why__intro-panel { background: linear-gradient(90deg, var(--prgi-why-panel) 0 47.5%, #fff 47.5% 100%); }
	.prgireg-why__keywords li,
	.prgireg-why__card { background: #fff; }
	.prgireg-why__button--main { background: var(--prgi-why-primary); }
}

@media (max-width: 767px) {
	.prgireg-why-admin {
		margin-right: 10px;
	}

	.prgireg-why-admin__card {
		padding-inline: 18px;
	}

	.prgireg-why-admin__card h2 {
		margin-inline: -18px;
		padding-inline: 18px;
	}

	.prgireg-why-admin .form-table th {
		width: auto;
	}

	.prgireg-why-admin .regular-text,
	.prgireg-why-admin textarea {
		width: 100%;
	}

	.prgireg-why {
		padding: 38px 0 36px;
		font-size: 15px;
		font-weight: 600;
	}

	.prgireg-why__container {
		width: min(100% - 10px, 1260px);
	}

	.prgireg-why__intro-panel {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"eyebrow"
			"heading"
			"intro"
			"keywords";
		gap: 17px;
		padding: 31px 22px 27px;
		border-radius: 22px;
		background: linear-gradient(145deg, var(--prgi-why-panel), color-mix(in srgb, var(--prgi-why-panel) 78%, #000));
	}

	.prgireg-why__panel-grid {
		width: 100%;
	}

	.prgireg-why__eyebrow {
		padding: 8px 11px;
		font-size: 13px;
		font-weight: 800;
		letter-spacing: .065em;
	}

	.prgireg-why__contact-number {
		font-size: 28px;
		font-weight: 700;
	}

	.prgireg-why__heading {
		max-width: 680px;
		font-size: 24px;
		font-weight: 800;
		line-height: 1.12;
	}

	.prgireg-why__heading strong {
		font-weight: 800;
	}

	.prgireg-why__heading strong::after {
		width: 70px;
		height: 4px;
		margin-top: 16px;
	}

	.prgireg-why__intro {
		margin-top: 3px;
		padding: 14px;
		border-color: rgba(255, 255, 255, .15);
		border-left-color: var(--prgi-why-accent);
		background: rgba(255, 255, 255, .08);
		color: #e7eff8;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.7;
		box-shadow: none;
	}

	.prgireg-why__keywords {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		margin-top: 2px;
	}

	.prgireg-why__keywords li {
		min-height: 48px;
		border-color: rgba(255, 255, 255, .14);
		background: rgba(255, 255, 255, .08);
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		box-shadow: none;
	}

	.prgireg-why__keywords li:hover {
		border-color: rgba(255, 255, 255, .24);
		box-shadow: none;
	}

	.prgireg-why__cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 13px;
		margin-top: 17px;
	}

	.prgireg-why__card {
		min-height: 0;
		padding: 23px 21px;
		border-radius: 18px;
	}

	.prgireg-why__card-icon {
		width: 52px;
		height: 52px;
		border-radius: 16px;
	}

	.prgireg-why__card-icon svg {
		width: 24px;
		height: 24px;
	}

	.prgireg-why__card h3 {
		margin-top: 10px;
		font-size: 18px;
		font-weight: 700;
	}

	.prgireg-why__card p {
		font-size: 14px;
		font-weight: 600;
	}

	.prgireg-why__card-line {
		left: 21px;
	}

	.prgireg-why__cta {
		grid-template-columns: minmax(0, 1fr);
		gap: 13px;
		padding: 25px 21px;
		border-radius: 20px;
	}

	.prgireg-why__cta-mark {
		display: none;
	}

	.prgireg-why__cta-copy h3 {
		font-size: 20px;
		font-weight: 700;
	}

	.prgireg-why__cta-copy p {
		font-size: 14px;
		font-weight: 600;
	}

	.prgireg-why__actions {
		display: grid;
		width: 100%;
		grid-column: 1;
		grid-template-columns: minmax(0, 1fr);
	}

	.prgireg-why__button {
		width: 100%;
		min-height: 50px;
		font-weight: 800;
	}

	.prgireg-why__button--main,
	.prgireg-why__button--phone small {
		font-size: 13px;
	}

	.prgireg-why__button--phone b {
		font-size: 15px;
	}

	.prgireg-why__disclaimer {
		margin-top: 13px;
		padding: 12px 13px;
	}

	.prgireg-why__disclaimer p {
		font-size: 13px;
		font-weight: 600;
	}
}