body:has(.plan-section) {
	--eo-ink: #1f2937;
	--eo-muted: #4b5563;
	--eo-line: #e5e7eb;
	--eo-teal: #007b8a;
	--eo-green: #1f9d55;
	--eo-green-dark: #146c3b;
	--eo-surface: #ffffff;
	--eo-soft: #f4f8f6;
	--eo-radius: 18px;
	--eo-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px -12px rgba(16, 24, 40, .18);
}

body:has(.plan-section) .main-container {
	background: var(--eo-soft) !important;
}

body:has(.plan-section) .main-container > .container,
body:has(.plan-section) .main-container > div:first-child {
	max-width: 1120px;
}

body:has(.plan-section) .main-container {
	color: var(--eo-ink);
	font-size: 16px;
	line-height: 2;
}

body:has(.plan-section) .main-container p {
	margin-bottom: .6rem;
}

body:has(.plan-section) .first-main-header,
body:has(.plan-section) .second-main-header {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	padding: 10px 20px !important;
	border-radius: 14px !important;
	box-shadow: var(--eo-shadow);
	text-align: center;
}

body:has(.plan-section) .main-container > .first-main-header:first-of-type,
body:has(.plan-section) .first-main-header:first-child {
	margin-top: 1.25rem;
}

body:has(.plan-section) .first-main-header p,
body:has(.plan-section) .second-main-header p {
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 700;
	line-height: 1.6;
}

body:has(.plan-section) .plan-section .first-main-header p {
	color: #0b3d24 !important;
}

body:has(.plan-section) .main-first-table {
	gap: 16px;
	padding: 8px 0 16px;
}

body:has(.plan-section) .main-first-table img {
	transition: transform .2s ease, filter .2s ease;
}

body:has(.plan-section) .main-first-table a:hover img {
	transform: translateY(-3px);
	filter: drop-shadow(0 10px 16px rgba(0, 123, 138, .28));
}

body:has(.plan-section) .text-normal {
	font-size: 16px;
	line-height: 2;
	font-weight: 600;
}

body:has(.plan-section) .plan-section {
	margin: 2.5rem 0;
	padding: 4px 28px 28px;
	border: 1px solid var(--eo-line);
	border-radius: var(--eo-radius);
	background: var(--eo-surface);
	box-shadow: var(--eo-shadow);
	text-align: justify;
}

body:has(.plan-section) .plan-section > .first-main-header:first-child {
	margin-left: -28px;
	margin-right: -28px;
	margin-top: -4px;
	border-radius: var(--eo-radius) var(--eo-radius) 0 0 !important;
	box-shadow: none;
}

body:has(.plan-section) .modal-body > .plan-section {
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body:has(.plan-section) .modal-body > .plan-section > .first-main-header:first-child {
	border-radius: 0 !important;
}

body:has(.plan-section) .bold-green,
body:has(.plan-section) .bold-green-right,
body:has(.plan-section) .header-22,
body:has(.plan-section) .table-4-1 {
	font-size: 20px;
	line-height: 1.7;
	font-weight: 700;
	color: var(--eo-green-dark);
}

body:has(.plan-section) .bold-green-right {
	padding-right: 12px;
	border-right: 4px solid var(--eo-green);
}

body:has(.plan-section) .bold-sormei-center {
	font-size: 17px;
	line-height: 1.9;
	font-weight: 600;
}

body:has(.plan-section) .plan-section img.w-100,
body:has(.plan-section) .plan-section picture img,
body:has(.plan-section) .example-section img {
	border-radius: 12px;
}

body:has(.plan-section) .plan-section img.w-100 {
	max-width: 960px;
	margin-inline: auto;
	display: block;
}

body:has(.plan-section) .plan-section .d-flex > div > img[src*="alert-circle"] {
	margin-left: 10px;
}

body:has(.plan-section) .plan-section .mt-5 > .d-flex {
	align-items: flex-start;
	padding: 14px 16px;
	border-radius: 12px;
	background: #fff8e6;
	border: 1px solid #fde7a8;
}

body:has(.plan-section) [class*="open-btn-plan"] {
	min-width: 120px;
	width: auto !important;
	padding: 10px 24px !important;
	border-radius: 999px !important;
	background: var(--eo-green) !important;
	box-shadow: 0 6px 14px -6px rgba(31, 157, 85, .6);
	font-weight: 600;
	transition: background-color .15s ease, transform .15s ease;
}

body:has(.plan-section) [class*="open-btn-plan"]:hover {
	background: var(--eo-green-dark) !important;
	transform: translateY(-1px);
}

body:has(.plan-section) .row:has(> .btn-sabz) {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 2rem 0 1rem;
	padding: 8px;
	border-radius: 16px;
	background: var(--eo-surface);
	border: 1px solid var(--eo-line);
	box-shadow: var(--eo-shadow);
}

body:has(.plan-section) .btn-sabz {
	flex: 1 1 160px;
	margin: 0 !important;
	padding: 10px 14px !important;
	border-radius: 12px !important;
	background: #eef2f0 !important;
	color: var(--eo-muted) !important;
	box-shadow: none !important;
	font-weight: 600;
	line-height: 1.6;
	transition: background-color .15s ease, color .15s ease;
}

body:has(.plan-section) .btn-sabz:hover {
	background: #e2ebe6 !important;
	color: var(--eo-ink) !important;
}

body:has(.plan-section) .btn-sabz.active {
	background: var(--eo-green) !important;
	color: #fff !important;
	box-shadow: 0 6px 14px -6px rgba(31, 157, 85, .6) !important;
}

body:has(.plan-section) .example-section {
	padding: 20px;
	border: 1px solid var(--eo-line);
	border-radius: var(--eo-radius) !important;
	box-shadow: var(--eo-shadow);
}

body:has(.plan-section) .khakestariBtn,
body:has(.plan-section) .banafshBtn {
	padding: 10px 18px;
	border-radius: 999px;
	box-shadow: none;
	font-weight: 600;
	transition: background-color .15s ease;
}

body:has(.plan-section) .table-normal,
body:has(.plan-section) .table-normal-60,
body:has(.plan-section) .table-normal-100,
body:has(.plan-section) .table-up-icon,
body:has(.plan-section) .table-4,
body:has(.plan-section) .cadr-1 {
	border: 1px solid #cfd8d3 !important;
	border-radius: var(--eo-radius) !important;
	background: var(--eo-surface);
	box-shadow: var(--eo-shadow) !important;
	overflow: hidden;
}

body:has(.plan-section) .table-normal > div {
	border-bottom: 1px solid var(--eo-line);
}

body:has(.plan-section) .table-normal > div:last-child {
	border-bottom: 0;
}

body:has(.plan-section) .modal-content {
	border: 0;
	border-radius: var(--eo-radius);
	overflow: hidden;
}

body:has(.plan-section) .list-item-link {
	padding: 10px 12px;
	border-radius: 10px;
	transition: background-color .15s ease;
}

body:has(.plan-section) .list-item-link:hover {
	background: #eef6f2;
}

@media (max-width: 991px) {
	body:has(.plan-section) .table-normal,
	body:has(.plan-section) .table-normal-60 {
		width: 100%;
	}

	body:has(.plan-section) .table-normal > div div {
		min-width: 0;
	}
}

@media (max-width: 576px) {
	body:has(.plan-section) .main-container {
		font-size: 15px;
	}

	body:has(.plan-section) .plan-section {
		margin: 1.75rem 0;
		padding: 4px 16px 20px;
	}

	body:has(.plan-section) .plan-section > .first-main-header:first-child {
		margin-left: -16px;
		margin-right: -16px;
	}

	body:has(.plan-section) .first-main-header p,
	body:has(.plan-section) .second-main-header p {
		font-size: 1.1rem !important;
	}

	body:has(.plan-section) .bold-green,
	body:has(.plan-section) .bold-green-right,
	body:has(.plan-section) .header-22,
	body:has(.plan-section) .table-4-1 {
		font-size: 18px;
	}

	body:has(.plan-section) .btn-sabz {
		flex-basis: calc(50% - 4px);
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:has(.plan-section) * {
		transition: none !important;
	}
}

body:has(.plan-section) .table-normal-60,
body:has(.plan-section) .table-normal,
body:has(.plan-section) .table-4 {
	max-width: 980px;
	margin-inline: auto;
	background: var(--eo-surface) !important;
}

body:has(.plan-section) .table-normal-60 > .w-100:first-child,
body:has(.plan-section) .table-4 > .table-4-1 {
	background: linear-gradient(180deg, #eaf7ef, #f6fbf8);
	border-bottom: 1px solid var(--eo-line);
}

body:has(.plan-section) .table-normal-60 > .w-100:first-child .bold-green {
	margin: 0;
	padding: 16px 20px;
}

body:has(.plan-section) .table-normal-60 > .row {
	border-top: 1px solid var(--eo-line) !important;
	transition: background-color .15s ease;
}

body:has(.plan-section) .table-normal-60 > .row:first-of-type,
body:has(.plan-section) .table-normal-60 > .w-100:first-child + .row {
	border-top: 0 !important;
}

body:has(.plan-section) .table-normal-60 > .row:hover {
	background: #fbfdfc;
}

body:has(.plan-section) .table-normal-60-right {
	padding: 20px 16px !important;
	border-left: 1px solid var(--eo-line) !important;
	background: #f3faf6;
	color: var(--eo-green-dark);
	font-weight: 700;
	line-height: 1.8;
}

body:has(.plan-section) .table-normal-60-left {
	padding: 20px 24px !important;
	gap: 12px;
	line-height: 2;
}

body:has(.plan-section) .table-normal-60-left .mt-3 {
	margin-top: 4px !important;
}

body:has(.plan-section) .btn-example {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 104px;
	width: auto !important;
	padding: 6px 20px;
	border-radius: 999px !important;
	background: var(--eo-green) !important;
	color: #fff !important;
	font-weight: 600;
	box-shadow: 0 6px 14px -6px rgba(31, 157, 85, .6);
	transition: background-color .15s ease, transform .15s ease;
}

body:has(.plan-section) .btn-example:hover {
	background: var(--eo-green-dark) !important;
	transform: translateY(-1px);
}

body:has(.plan-section) .table-normal2 {
	font-weight: 600 !important;
	text-align: right;
}

body:has(.plan-section) .table-normal2 > div {
	justify-content: flex-start !important;
	padding: 14px 20px !important;
	border-bottom: 1px solid var(--eo-line) !important;
	line-height: 1.9;
	text-align: right;
}

body:has(.plan-section) .table-normal2 > div:nth-child(even) {
	background: #f7faf8;
}

body:has(.plan-section) .table-normal2 > div:last-child {
	border-bottom: 0 !important;
}

body:has(.plan-section) .table-4 .table-4-1 {
	padding: 16px 20px;
	font-size: 20px;
}

body:has(.plan-section) .table-4 .nim-border1 > div,
body:has(.plan-section) .table-4 .nim-border2 > div,
body:has(.plan-section) .table-4 .nim-border3 > div,
body:has(.plan-section) .table-4 .nim-border4 {
	border-color: var(--eo-line) !important;
	border-width: 1px !important;
}

body:has(.plan-section) .table-4 .nim-border1 > div {
	border-top: 0 !important;
}

body:has(.plan-section) .table-4 .nim-border1 {
	background: var(--eo-green) !important;
	color: #fff;
}

body:has(.plan-section) .table-4 .nim-border1 > div {
	padding: 12px 8px !important;
	border-color: rgba(255, 255, 255, .25) !important;
}

body:has(.plan-section) .table-4 .table-4-2:not(.nim-border1) {
	background: #f3faf6 !important;
	color: var(--eo-green-dark);
}

body:has(.plan-section) .table-4 .row > .col {
	padding: 12px 10px !important;
	line-height: 1.8;
}

body:has(.plan-section) .table-4 .row.nim-border2:nth-of-type(odd) > .col:not(.table-4-2),
body:has(.plan-section) .table-4 .row.nim-border3:nth-of-type(odd) > .col:not(.table-4-2) {
	background: #fbfdfc;
}

body:has(.plan-section) .modal-dialog:not(.modal-dialog-centered) {
	max-width: min(960px, calc(100% - 32px)) !important;
	margin: 24px auto !important;
}

body:has(.plan-section) .modal-backdrop.show {
	opacity: .6;
	background: #0b1f16;
}

body:has(.plan-section) .modal-content {
	box-shadow: 0 24px 64px -16px rgba(0, 0, 0, .45);
}

body:has(.plan-section) .modal-body {
	padding: 0 0 24px !important;
}

body:has(.plan-section) .modal-body > :not(.plan-section):not(button.close):not(style):not(script) {
	padding-inline: 24px;
}

body:has(.plan-section) .modal-body > .plan-section {
	padding: 0 28px 8px;
}

body:has(.plan-section) .modal-body > .plan-section > .first-main-header:first-child {
	margin: 0 -28px 20px !important;
	min-height: 64px;
	padding-left: 64px !important;
	padding-right: 64px !important;
}

body:has(.plan-section) .modal-body > button.close {
	position: sticky !important;
	top: 12px !important;
	left: auto !important;
	float: left;
	z-index: 20;
	width: 40px;
	height: 40px;
	margin: 12px 12px -52px 0 !important;
	align-items: center;
	border-radius: 50%;
	background: #fff !important;
	opacity: 1;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
	transition: transform .15s ease, background-color .15s ease;
}

body:has(.plan-section) .modal-body > button.close span {
	color: #1f2937 !important;
	font-size: 24px;
	line-height: 1;
}

body:has(.plan-section) .modal-body > button.close:hover {
	background: #f1f5f3 !important;
	transform: scale(1.05);
}

body:has(.plan-section) .modal-body > button.close:focus-visible {
	outline: 3px solid var(--eo-green);
	outline-offset: 2px;
}

body:has(.plan-section) .modal-body img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	body:has(.plan-section) .table-normal-60 > .row {
		flex-direction: column;
	}

	body:has(.plan-section) .table-normal-60 > .row > .col-4,
	body:has(.plan-section) .table-normal-60 > .row > .col-8 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	body:has(.plan-section) .table-normal-60-right {
		justify-content: flex-start !important;
		padding: 12px 16px !important;
		border-left: 0 !important;
		border-bottom: 1px solid var(--eo-line);
		text-align: right !important;
	}

	body:has(.plan-section) .table-normal-60-left {
		padding: 14px 16px !important;
	}

	body:has(.plan-section) .table-4 {
		overflow-x: auto;
	}

	body:has(.plan-section) .table-4 > .row {
		min-width: 640px;
	}

	body:has(.plan-section) .modal-dialog:not(.modal-dialog-centered) {
		max-width: calc(100% - 16px) !important;
		margin: 8px auto !important;
	}

	body:has(.plan-section) .modal-body > :not(.plan-section):not(button.close):not(style):not(script) {
		padding-inline: 14px;
	}

	body:has(.plan-section) .modal-body > .plan-section {
		padding: 0 14px 8px;
	}

	body:has(.plan-section) .modal-body > .plan-section > .first-main-header:first-child {
		margin: 0 -14px 16px !important;
		padding-left: 56px !important;
		padding-right: 16px !important;
	}
}

.plan-home .mt-5 {
	margin-top: 1.75rem !important;
}

.plan-home .mb-5 {
	margin-bottom: 1.75rem !important;
}

.plan-home .mt-3 {
	margin-top: .75rem !important;
}

body:has(.plan-section) .plan-home .first-main-header,
body:has(.plan-section) .plan-home .second-main-header {
	margin-top: 2rem !important;
	margin-bottom: 1rem !important;
}

.plan-home .header-22[style*="margin-top"] {
	margin-top: 2rem !important;
}

.plan-home div[style*="bottom: -95px"] {
	bottom: auto !important;
	margin-bottom: -95px;
}

.plan-home div[style*="bottom: -56px"] {
	bottom: auto !important;
	margin-bottom: -56px;
}

.plan-home br + br {
	display: none;
}

.plan-home .row.w-75 {
	row-gap: 12px;
}

@media (max-width: 767px) {
	.plan-home .row.w-75 {
		width: 100% !important;
		margin-inline: 0;
	}

	.plan-home .row.w-75 > .col-4,
	.plan-home .row.w-75 > .col-8 {
		flex: 0 0 100% !important;
		max-width: 100%;
		width: 100%;
		padding-inline: 0 !important;
	}

	.plan-home .row.w-75 > .col-4 img {
		max-width: 240px;
		margin-inline: auto;
	}

	.plan-home .mt-5 {
		margin-top: 1.25rem !important;
	}

	.plan-home .mb-5 {
		margin-bottom: 1.25rem !important;
	}

	body:has(.plan-section) .plan-home .first-main-header,
	body:has(.plan-section) .plan-home .second-main-header {
		margin-top: 1.5rem !important;
		margin-bottom: .75rem !important;
	}
}

@media (min-width: 1200px) {
	body:has(.plan-home) .main-container > .container,
	body:has(.plan-home) .main-wrapper {
		max-width: min(1320px, calc(100vw - 64px)) !important;
	}
}

body:has(.plan-home) .plan-home {
	margin: 16px 0 32px;
	padding: 8px 40px 40px;
	border: 1px solid var(--eo-line, #e5e7eb);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 12px 32px -16px rgba(16, 24, 40, .18);
}

body:has(.plan-home) .plan-home > .first-main-header:first-child {
	margin-top: 24px !important;
}

.plan-home > .container.text-normal {
	max-width: none;
	margin-inline: 0;
}

.plan-home > .container.text-normal > .row {
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 10px 16px;
	border-radius: 12px;
	background: #f6faf8;
}

.plan-home > .container.text-normal > .row p {
	margin: 0 !important;
}

.plan-home > .container.text-normal > .row > .col-auto p {
	padding: 2px 12px;
	border-radius: 999px;
	background: #fff;
	font-weight: 600 !important;
	white-space: nowrap;
}

.plan-home .main-first-table {
	gap: 24px 16px;
}

.plan-home .main-first-table img,
.plan-home .justify-content-evenly img {
	transition: transform .2s ease, filter .2s ease;
}

.plan-home .main-first-table a:hover img,
.plan-home .justify-content-evenly > div:hover img {
	transform: translateY(-4px);
	filter: drop-shadow(0 12px 18px rgba(0, 123, 138, .28));
}

.plan-home .justify-content-evenly {
	gap: 24px;
	padding: 8px 0;
}

.plan-home > div[style*="flex-direction: column"] {
	gap: 16px;
}

.plan-home .row.w-75 {
	margin-top: 0 !important;
	padding: 20px 24px;
	border: 1px solid var(--eo-line, #e5e7eb);
	border-radius: 18px;
	background: #fbfdfc;
	line-height: 2;
}

@media (min-width: 768px) {
	.plan-home .row.w-75 {
		width: 100% !important;
		max-width: 1040px;
		flex-wrap: nowrap !important;
		gap: 32px;
	}

	.plan-home .row.w-75 > .col-4 {
		flex: 0 0 240px !important;
		max-width: 240px;
		padding: 0;
	}

	.plan-home .row.w-75 > .col-8 {
		flex: 1 1 auto !important;
		max-width: none;
		width: auto;
	}

	.plan-home > div[style*="flex-direction: column"] > .row.w-75:nth-child(even) {
		flex-direction: row-reverse;
	}
}

.plan-home .d-flex:has(> div > img[src*="alert-circle"]) {
	align-items: flex-start;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid #fde7a8;
	border-radius: 12px;
	background: #fffaeb;
}

.plan-home .d-flex:has(> div > img[src*="alert-circle"]) img {
	width: 22px;
	margin-top: 4px;
}

.plan-home .table-normal-100 {
	max-width: 1040px;
	margin-inline: auto;
	padding: 20px 32px !important;
	line-height: 2;
}

.plan-home .text-center.mt-5 > img,
.plan-home .text-center.mt-5 picture img {
	max-width: 1040px;
	margin-inline: auto;
}

@media (max-width: 991px) {
	body:has(.plan-home) .plan-home {
		padding: 4px 24px 28px;
	}
}

@media (max-width: 767px) {
	body:has(.plan-home) .plan-home {
		margin: 8px 0 24px;
		padding: 4px 14px 20px;
		border-radius: 18px;
	}

	.plan-home > .container.text-normal > .row {
		flex-wrap: wrap;
		gap: 6px;
		padding: 10px 12px;
	}

	.plan-home .row.w-75 {
		padding: 16px;
	}

	.plan-home .table-normal-100 {
		padding: 14px 16px !important;
	}

	.plan-home .justify-content-evenly img {
		width: 132px !important;
	}
}

@media (min-width: 992px) {
	.plan-home .main-first-table {
		flex-wrap: nowrap !important;
		justify-content: space-between !important;
	}

	.plan-home .main-first-table > div {
		flex: 1 1 0;
		display: flex;
		justify-content: center;
	}

	.plan-home .main-first-table img {
		width: 100% !important;
		max-width: 200px;
		height: auto;
		padding: 0 !important;
	}
}

.plan-home > #newshanik-plan-id + .text-normal + .text-normal.mt-2 {
	margin-top: .5rem !important;
	padding: 10px 16px;
	border-radius: 12px;
	background: #f6faf8;
}

.plan-home > #newshanik-plan-id + .text-normal + .text-normal.mt-2 p {
	margin: 0 !important;
}

.plan-home > .container.text-normal {
	margin-top: .5rem !important;
}

@media (min-width: 992px) {
	.plan-home {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(280px, 34%);
		grid-auto-flow: row dense;
		column-gap: 40px;
		align-items: start;
	}

	.plan-home > * {
		grid-column: 1 / -1;
	}

	.plan-home > #newshanik-plan-id + .text-normal + .text-normal.mt-2,
	.plan-home > .container.text-normal {
		grid-column: 1;
	}

	.plan-home > div:has(.zarf) {
		grid-column: 2;
		grid-row: span 4;
		align-self: center;
		margin-top: .5rem;
		padding: 12px 0 0;
	}

	.plan-home > div:has(.zarf) .zarf {
		max-width: 100% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(1) .zarf {
		width: 70% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(2) .zarf {
		width: 74% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(3) .zarf {
		width: 100% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(1) {
		margin-bottom: -6% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(2) {
		margin-bottom: -11% !important;
	}
}

@media (max-width: 767px) {
	.plan-home .main-first-table {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px 8px;
		justify-items: center;
	}

	.plan-home .main-first-table img,
	.plan-home .main-first-table img.icons-first-main-header {
		width: 88px !important;
		max-width: 100%;
		height: auto;
		padding: 0 !important;
	}

	.plan-home .justify-content-evenly {
		gap: 12px;
	}

	.plan-home .justify-content-evenly img {
		width: 88px !important;
	}
}

@media (max-width: 359px) {
	.plan-home .main-first-table img,
	.plan-home .main-first-table img.icons-first-main-header,
	.plan-home .justify-content-evenly img {
		width: 76px !important;
	}
}

@media (max-width: 991px) {
	.plan-home > div:has(.zarf) {
		max-width: 360px;
		margin-inline: auto;
		width: 100%;
	}

	.plan-home > div:has(.zarf) > div {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.plan-home > div:has(.zarf) > div:nth-child(1) .zarf {
		width: 46% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(2) .zarf {
		width: 74% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(3) .zarf {
		width: 100% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(1) {
		margin-bottom: -8% !important;
	}

	.plan-home > div:has(.zarf) > div:nth-child(2) {
		margin-bottom: -11% !important;
	}
}

@media (max-width: 767px) {
	.plan-home .main-first-table {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 12px 8px !important;
	}

	.plan-home .main-first-table > div {
		flex: 0 0 calc((100% - 16px) / 3);
		display: flex;
		justify-content: center;
	}
}

/* Dedicated, non-overlapping close row for earning-opportunity dialogs. */
body .eo-modal .modal-body > .eo-modal-toolbar {
 position:sticky; top:0; z-index:30; display:flex; justify-content:flex-end;
 direction:rtl; width:100%; padding:10px 12px !important; margin:0 0 10px;
 background:#f6faf7; border-bottom:1px solid #dbe8df;
}
body .eo-modal .eo-modal-toolbar > button.eo-modal-close {
 position:static !important; inset:auto !important; float:none !important;
 display:inline-flex !important; align-items:center; justify-content:center;
 flex:0 0 44px; width:44px !important; height:44px !important; min-height:44px;
 padding:0 !important; margin:0 !important; border:1px solid #c8dcd0;
 border-radius:12px; background:#fff !important; color:#174f3b !important;
 opacity:1 !important; box-shadow:0 2px 6px #153d3014; cursor:pointer;
}
body .eo-modal .eo-modal-close > span { display:block; font-family:Arial,sans-serif; font-size:30px; line-height:1; color:inherit !important; }
body .eo-modal .eo-modal-close:hover { background:#e6f1e9 !important; }
body .eo-modal .eo-modal-close:focus-visible { outline:3px solid #087b49; outline-offset:3px; }