/* ── CSS Variables (from global.css — required for var(--primary) etc.) ──── */
:root {
	--colors-yellow: #fc0;
	--neutral-100: #65757a;
	--neutral-10: #f5f5f5;
	--text-color: #fff;
	--margin-sm: 16px;
	--margin-md: 32px;
}

* {
	--min-screen-size: 430;
	--max-screen-size: 1440;
	--interpolate-diff: calc(var(--max-font-size) - var(--min-font-size));
	--interpolate: clamp(calc(var(--min-font-size) * 1px), calc((var(--min-font-size) * 1px) + var(--interpolate-diff) * ((100vw - calc(var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size)))), calc(var(--max-font-size) * 1px));
}

/* ── Scoped resets (WordPress themes set margins/padding on headings, lists etc.) */
.ch-profile-page *,
.ch-profile-page *::before,
.ch-profile-page *::after {
	box-sizing: border-box;
}

.ch-profile-page {
	font-family: var(--ch-font, 'Lato');
}

.ch-profile-page h1,
.ch-profile-page h2,
.ch-profile-page h3,
.ch-profile-page h4,
.ch-profile-page h5,
.ch-profile-page h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit;
}


.ch-profile-page p {
	margin: 0 !important;
}

.ch-profile-page ul,
.ch-profile-page ol {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ch-profile-page a {
	/* color: inherit; */
	text-decoration: none !important;
}

.ch-profile-page a:hover {
	color: #fff;
	text-decoration: none !important;
}

/* .ch-profile-page button {
	cursor: pointer;
	background: transparent;
	border: 0;
	font: inherit;
	padding: 0;
} */

.ch-profile-page img,
.ch-profile-page svg {
	display: block;
	max-width: 100%;
}

/* Key text sizes — explicitly set so theme cannot shrink them */
.ch-profile-page .text-dark {
	font-size: 16px;
	font-weight: 700 !important;
	color: var(--subtle-text);
}

.ch-profile-page .card-subtitle {
	font-size: 24px;
	font-weight: 600 !important;
	color: var(--primary) !important;
}

.ch-profile-page .card-subtitle2 {
	font-size: 24px;
	font-weight: 400 !important;
	color: var(--primary) !important;
}

.ch-profile-page .subtitle-main-heading1 {
	font-size: 28px;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .subtitle-main-heading2 {
	font-size: 24px;
	font-weight: 600 !important;
	color: var(--primary) !important;
}

.ch-profile-page .column-text-main6 {
	font-size: 18px;
	font-weight: 600 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .card-bg-plus-border-subtitle {
	font-size: 31px;
	font-weight: 700 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .card-bg-plus-border-text-heading {
	font-size: 18px;
	font-weight: 600 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .row-text-main1 {
	/* font-size: 16px; */
	font-weight: 700 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .text-main-heading-b {
	/* font-size: 14px; */
	font-weight: 700 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .column-text-heading {
	/* font-size: 14px; */
	font-weight: 700 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .column-text1 {
	/* font-size: 12px; */
	color: var(--subtle-text) !important;
}

.ch-profile-page .text-main-heading-a {
	/* font-size: 12px; */
	color: var(--subtle-text)	 !important;
}

.ch-profile-page .card-text {
	/* font-size: 14px; */
	font-weight: 400 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .text-gray {
	/* font-size: 14px; */
	font-weight: 400 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .column-text-main3 {
	/* font-size: 14px; */
	font-weight: 600 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .row-text-main3 {
	/* font-size: 16px; */
	font-weight: 600 !important;
	color: var(--primary) !important;
}

.ch-profile-page .card-text-main1 {
	font-size: 18px;
	font-weight: 600 !important;
	color: var(--subtle-text) !important;
}

.ch-profile-page .column-text-main13 {
	/* font-size: 16px; */
	font-weight: 500 !important;
	color: var(--subtle-text) !important;
}

/* ── Global utility classes (from global.css) ──────────────────────────────── */
.ch-profile-page .tiny {
	color: var(--subtle-text);
	font-size: 10px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0px;
}

.ch-profile-page .text-dark {
	color: var(--subtle-text);
	font-size: 16px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.48px;
}

.ch-profile-page .text3 {
	color: var(--subtle-text);
	font-size: 10px;
	font-weight: 400;
	line-height: 1.14;
}
.officer-nationality{
	font-size: 14px;
	font-weight: 500px;
}
.ch-profile-page .text2 {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.449;
	letter-spacing: 0px;
}

.ch-profile-page .text1 {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.3px;
}

.ch-profile-page .text-gray {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 400;
	letter-spacing: -0.42px;
}

.ch-profile-page .bold {
	font-family: var(--ch-font, 'Lato');
}

.ch-profile-page .bold2 {
	font-family: var(--ch-font, 'Lato');
	font-weight: 700;
}

.ch-profile-page .bold3 {
	font-weight: 700;
}

.ch-profile-page .sub-text-white {
	color: #fff;
}

.ch-profile-page .sub-text-dark {
	color: var(--subtle-text);
}

.ch-profile-page .sub-text-primary {
	color: var(--primary);
}

.ch-profile-page .link {
	text-decoration: underline;
}

.ch-profile-page .text4 {
	/* --min-font-size: 15;
	--max-font-size: 16;
	font-size: var(--interpolate); */
	font-weight: 600;
	line-height: 1.14;
	letter-spacing: -0.48px;
}

.ch-profile-page .card-white1 {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	margin-bottom: 20px;
}

.ch-profile-page .card-white2 {
	background-color: #fff;
	padding-left: 23px;
	padding-right: 25px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
}

.ch-profile-page .card-white3 {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 20px 19px 18px 20px;
	border-radius: 12px;
}

.ch-profile-page .btn {
	display: flex;
	padding: 5 10px;
	border-radius: 99px;
	border:none;
}

.ch-profile-page .btn-white1 {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 0 39px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.ch-profile-page .hover-bright:hover {
	filter: brightness(1.2);
}

.ch-profile-page .hover-zoom:hover {
	scale: 1.05;
}

.ch-profile-page .hover-dark:hover {
	filter: brightness(0.85);
}

.ch-profile-page .text-a {
	color: var(--text-color);
	font-size: 16px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}

.ch-profile-page .text-b {
	color: var(--subtle-text);
	font-size: 16px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}

/* ── WordPress Integration Overrides (added for plugin use) ─────────────────
   The original CSS targeted <body>. Here we scope to .ch-profile-page so it
   works inside any WordPress theme without polluting the rest of the page.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Full-width Banner Wrapper (breaks out of any parent container) ────────── */
.ch-banner-wrapper {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	max-width: none !important;
	margin-top: -30px;
	overflow: hidden;
}

body .ch-banner-wrapper,
.site-content .ch-banner-wrapper,
.entry-content .ch-banner-wrapper {
	max-width: none !important;
	width: 100vw !important;
	margin-left: -50vw !important;
}

/* ── Alert Banner Header with Background + Graphics ──────────────────────────── */
.ch-banner-header {
	position: relative;
	width: 100%;
	max-width: none;
	height: 393px;
	margin: 0;
}

.ch-banner-rect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 393px;
	background-color: rgba(254, 247, 249, 0.78);
}

.ch-banner-graphic1 {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 566px;
	max-width: 482px;
}

.ch-banner-graphic2 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: 100%;
	height: 553px;
	max-width: 417px;
}

/* Alert banner row3 — centered boxed width on top of banner background */
.ch-banner-wrapper .row3 {
	position: absolute !important;
	z-index: 7 !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 100% !important;
	max-width: 1108px !important;
	display: flex !important;
	align-items: center !important;
	gap: 80px !important;
	align-self: center !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
	padding: 0 24px !important;
}

/* Alert banner row3 — full width, centered content */
.ch-profile-page .row3 {
	position: absolute !important;
	z-index: 7 !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 100% !important;
	max-width: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 80px !important;
	align-self: center !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
	padding: 0 24px !important;
}

.row4 {
	display: flex !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: none !important;
	align-items: flex-start !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	align-self: auto !important;
}

.col4 {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
}

.col-right5 {
	width: 300px !important;
	flex-shrink: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	margin-top: 0 !important;
	/* Stretch to full height of .row4 so position:sticky widgets span the whole page */
	align-self: stretch !important;
	justify-content: flex-start !important;
}

/* Sections below the sidebar should not use negative margin-left */
.col18,
.col21,
.card6,
.col28,
.row20,
.frame2,
.card8,
.card9 {
	margin-left: 0 !important;
}

/* col-bottom4 large top margin not needed inside WP */
.col-bottom4 {
	margin-top: 32px !important;
}

/* Filing status badge colours — matches reference design */
.ch-profile-page .btn-overdue {
	color: #f00 !important;
	background: transparent !important;
	border: 1px solid #f00 !important;
	border-radius: 12px;
	padding: 9px;
}

.ch-profile-page .btn-due-soon {
	color: var(--subtle-text) !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid #e3e3e3 !important;
	border-radius: 12px;
	padding: 9px;
}

.ch-profile-page .btn-fine {
	color: #43a047 !important;
	background-color: rgba(67, 160, 71, 0.1) !important;
	border: none !important;
	border-radius: 12px;
	/* padding: 10px 9px !important; */
}

/* Officer/charge detail text — was missing entirely */
.text-main-heading-e {
	color: var(--subtle-text) !important;
	/* font-size: 12px; */
	font-weight: 400 !important;
	line-height: 1.36 !important;
	letter-spacing: -0.36px !important;
}

/* ── Layout width fixes for sections below row4 ─────────────────────────────── */

/* Filing history — content columns should fill the expanded container */
.card-col5 {
	width: 100% !important;
	max-width: none !important;
}

.row16 .col3,
.row17 .col3,
.row18 .col3,
.row19 .col3 {
	width: 100% !important;
	max-width: none !important;
}

/* Charges section heading — was stuck at 331px */
.text-main-heading10 {
	width: auto !important;
	flex-shrink: 1 !important;
}

/* Filing CTA banner gap — was 79px, too wide for expanded container */
.card-row-bottom2 {
	gap: 24px !important;
}

/* column-c (charges/officers detail) — was fixed at 423px */
.column-c {
	width: auto !important;
	flex: 1 !important;
	max-width: none !important;
}

/* col19 (charges card inner) — allow full width */
.col19 {
	margin-right: 0 !important;
}

/* Sections below sidebar — ensure consistent 1108px max-width */
.col18,
.col21,
.card6,
.col28,
.row20,
.frame2,
.card8,
.card9 {
	max-width: 1108px !important;
}

/* Officer avatar placeholder */
.ch-officer-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	flex-shrink: 0;
}

.ch-officer-appointments-link {
	color: var(--subtle-text);
	text-decoration: underline;
	cursor: pointer;
}

.ch-officer-appointments-link:hover {
	color: var(--primary) !important;
}

/* Sidebar widgets */
.ch-sidebar-widget {
	padding: 16px 20px;
	margin-bottom: 0;
}

.ch-sidebar-widget-title {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 8px;
}

.ch-sidebar-widget-content {
	font-size: 13px;
}

/* Similar companies grid */
.ch-similar-heading {
	margin-bottom: 16px;
}

.ch-similar-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

/* FAQ section */
.ch-faq-section {
	padding: 24px 28px;
}
.faq-section h2{
	margin-bottom: 12px !important;
	font-weight: 700;
}
/* Officer modal */
.ch-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ch-modal-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}

.ch-modal-box {
	position: relative;
	background: #fff;
	border-radius: 8px;
	max-width: 580px;
	width: 90%;
	max-height: 80vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.ch-modal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 24px;
	border-bottom: 1px solid #eee;
}

.ch-modal-header h3 {
	margin: 0;
	font-size: 16px;
}

.ch-modal-body {
	padding: 20px 24px;
}

.ch-modal-close {
	background: none;
	border: none;
	font-size: 22px;
	cursor: pointer;
	color: var(--subtle-text);
	line-height: 1;
	padding: 0;
}

.ch-modal-close:hover {
	background-color: var(--primary) !important;
}

.ch-officer-details {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	background: #f8f9fa;
	border-radius: 8px;
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 13px;
	color: var(--subtle-text);
}

.ch-officer-details strong {
	color: var(--subtle-text);
}

.ch-appt-count {
	font-size: 12px;
	color: var(--subtle-text);
	margin-bottom: 8px;
}

.ch-appointment-item {
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

.ch-appointment-item:last-child {
	border-bottom: none;
}

.ch-appointment-item a {
	font-weight: 600;
	color: var(--primary);
	text-decoration: none;
}

.ch-appointment-item a:hover {
	color: var(--primary);
	text-decoration: underline;
}

.ch-appointment-meta {
	font-size: 12px;
	color: var(--subtle-text);
	margin-top: 2px;
}

/* Health score check pass/fail colours */
.ch-check-pass {
	color: var(--subtle-text) !important;
}

.ch-check-fail {
	color: var(--subtle-text) !important;
}

.card-col2 p {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ch-hs-icon {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	max-width: 16px !important;
	flex-shrink: 0;
	display: inline-block;
}

/* Utility */
.text-green {
	color: #07a007;
}

.text-warning {
	color: #e68000;
}

/* ── Original Figma body → .ch-profile-page scope ─────────────────────────── */
.ch-profile-page {
	container: body / inline-size;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
	font-family: var(--ch-font, 'Lato'), sans-serif;
	font-size: var(--ch-body-size, 16px);
	line-height: 1.5;
	background-color: #fff;
	padding: 20px 0;
	overflow: visible;
}

/* Force all text inside the profile page to inherit our font — prevents
   WordPress theme font-size rules from shrinking text. */
.ch-profile-page * {
	font-family: inherit;
}

/* Hide the WordPress page title + theme header when a company profile is present */
body:has(.ch-profile-page) .entry-header,
body:has(.ch-profile-page) .entry-title,
body:has(.ch-profile-page) .page-title,
body:has(.ch-profile-page) h1.page-title,
body:has(.ch-profile-page) .post-title,
body:has(.ch-profile-page) .wp-block-post-title {
	display: none !important;
}

.text-main-heading-a {
	color: var(--subtle-text);
	/* font-size: 12px; */
	font-weight: 400;
	letter-spacing: -0.36px;
}



/* btn-green */

.btn-green {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: #07d207;
	font-style: normal;
	letter-spacing: -0.36px;
	text-align: unset;
	background-color: rgba(7, 210, 7, 0.1);
	padding: 10px 0;
	border-radius: 99px;
	border:none;
}

.btn-green:hover,
.btn-green-bottom:hover {

	color: #07d207;
	background-color: rgba(7, 210, 7, 0.1);
	pointer-events: none;

}

/* end btn-green*/


.icon-circle-green {
	width: 4px;
	height: 4px;
	flex-shrink: 0;
	background-color: #07d207;
	border-radius: 50%;
}

.label-main-heading-a {
	text-align: left;
}



/* column-a */

.column-a {
	margin-bottom: -2px;
	width: 140px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 2px;
}

.column-text-heading {
	color: var(--subtle-text);
	font-weight: 500;
	line-height: 2.108;
	letter-spacing: 0px;
}

.column-text1 {
	color: var(--subtle-text);
	font-weight: 400;
	line-height: 1.758;
	letter-spacing: 0.3px;
}

/* end column-a*/


.label-main-heading-b {
	font-weight: 400;
	color: var(--subtle-text);
	/* text-align: center; */
}



/* row-a */

.row-a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	line-height: 1.14;
}

.row-text-main1 {
	color: var(--subtle-text);
	/* font-size: 16px; */
	letter-spacing: -0.48px;
	text-align: left;
}

.row-text-main2 {
	color: var(--subtle-text);
	font-size: 14px;
	letter-spacing: -0.36px;
	text-align: left;
}

.row-text-main2:hover,
.row-text-main2:hover a,
.row-text-main2:hover span {
	color: var(--primary) !important;
}

/* end row-a*/




/* row-b */

.row-b {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.row-col-right1 {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	flex-shrink: 0;
	/* font-size: 12px; */
	letter-spacing: -0.36px;
	text-align: left;
}

.row-text1 {
	align-self: stretch;
	color: var(--subtle-text);
	font-weight: 400;
	line-height: 1.14;
	font-size: 14px;
}

/* end row-b*/




/* column-b */

.column-b {
	display: flex;
	flex-direction: column;
	padding-bottom: 2px;
}

/* end column-b*/


.text-main-heading-b {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 500;
	letter-spacing: -0.42px;
}

.btn-a {
	width: 150px;
	display: flex;
	justify-content: center;
	font-style: normal;
	font-weight: 500;
	line-height: 1.449;
	letter-spacing: 0px;
	text-align: center;
	padding: 7px;
	border-radius: 12px;
}



/* row-c */

.row-c {
	display: flex;
	align-items: center;
	gap: 66px;
}

.row-col {
	margin-top: 2px;
	margin-bottom: -2px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	line-height: 1.14;
	text-align: left;
	padding-bottom: 2px;
}

.row-text-main3 {
	color: var(--primary);
	/* font-size: 16px; */
	font-weight: 700;
	letter-spacing: -0.48px;
}

.row-btn2 {
	box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.1), 0px 21px 21px 0px rgba(0, 0, 0, 0.09), 0px 47px 28px 0px rgba(0, 0, 0, 0.05), 0px 83px 33px 0px rgba(0, 0, 0, 0.01), 0px 130px 36px 0px rgba(0, 0, 0, 0);
	width: 189px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.36px;
	text-align: center;
	background-color: var(--primary);
	padding: 10px 9px 9px 9px;
	border-radius: 29168204px;
}

/* end row-c*/


.text-main-heading-d {
	color: var(--subtle-text);
	/* font-size: 12px; */
	font-weight: 400;
	letter-spacing: -0.36px;
}

.text-main-heading-e {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 400;
	line-height: 1.36;
	letter-spacing: -0.36px;
}

.circle-a {
	position: absolute;
	filter: blur(26.8px);
	width: 63px;
	height: 63px;
	background-color: var(--primary);
	border-radius: 50%;
}



/* column-c */

.column-c {
	margin-top: 2px;
	margin-bottom: -2px;
	width: 423px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 2px;
}

.column-text-main3 {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 500;
	letter-spacing: -0.42px;
}

/* end column-c*/


.btn-b {
	width: 142px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: var(--primary);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.36px;
	text-align: center;
	padding: 9px 7px 8px 7px;
	border: 1px solid var(--primary);
	border-radius: 29168204px;
}

.btn-b:hover {
	color: #fff;
	background-color: var(--primary);
}

.card-bg-plus-border-text {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 400;
	line-height: 1.429;
}

.btn-c {
	display: flex;
	justify-content: center;
	color: var(--primary);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: center;
	padding: 11px 9px;
	border: 1px solid var(--primary);
	border-radius: 29168204px;
}

.btn-c:hover {
	color: #fff;
	background-color: var(--primary);
}

.btn-main-heading {
	display: flex;
	color: var(--primary);
	font-size: 12px;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: -0.36px;
	text-align: left;
	background-color: rgba(238, 42, 92, 0.1);
	padding: 10px;
	border-radius: 99px;
	border:none;
}

.btn-main-heading:hover {
	color: var(--primary);
	background-color: rgba(238, 42, 92, 0.1);
	pointer-events: none;
}

.text-main-heading-f {
	color: var(--subtle-text);
	/* font-size: 14px; */
	letter-spacing: -0.36px;
}



/* column-d */

.column-d {
	margin-right: 1px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: left;
	padding-bottom: 2px;
}

.column-text-main6 {
	color: var(--subtle-text);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.53px;
}

/* end column-d*/


.input-main-heading {
	margin-right: 1px;
	font-style: normal;
	letter-spacing: -0.42px;
	text-align: left;
	padding: 0 9px;
	border-radius: 12px;
}



/* column-e */

.column-e {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 2px;
}

.column-text2 {
	margin-right: 19px;
	font-size: 12px;
}

/* end column-e*/


.circle-b {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}



/* column-f */

.column-f {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

.column-text-main8 {
	color: var(--subtle-text);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.42px;
}

/* end column-f*/




/* column-g */

.column-g {
	container: col27 / inline-size;
	width: 100%;
	max-width: 621px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	color: var(--subtle-text);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.449;
}



/* row-g */

.row-g {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

/* end row-g*/


.column-row-bottom1 {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

/* end column-g*/


.btn-d {
	min-height: 29px;
	display: flex;
	font-style: normal;
	letter-spacing: 0px;
	text-align: left;
	padding: 10px;
	border-radius: 12px;
}

.text-main-heading-g {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 500;
	letter-spacing: -0.42px;
}

.card-circle-plus {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.36px;
	text-align: left;
	background-color: var(--primary);
	padding: 3px 4px;
	border-radius: 50%;
}

.text-a {
	color: var(--text-color);
	font-size: 16px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}

.text-b {
	color: var(--subtle-text);
	font-size: 16px;
	font-family: var(--ch-font, 'Lato');
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0px;
	text-align: left;
}

.header {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	height: 393px;
}

.header-rect {
	position: absolute;
	top: 0;
	left: -3px;
	right: -3px;
	height: 393px;
	background-color: rgba(254, 247, 249, 0.78);
}

.graphic1 {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: calc(100% - 0px);
	height: 566px;
	max-width: 482px;
}

.graphic2 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: calc(100% - 0px);
	height: 553px;
	max-width: 417px;
}

.logo {
	position: absolute;
	top: 823px;
	left: 676px;
	width: 13px;
	height: 14px;
}

.row-top2 {
	position: relative;
	z-index: 6;
	margin-left: -24px;
	display: flex;
	align-items: flex-start;
	gap: 28px;
	align-self: center;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.16px;
}

.row2 {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.btn-get-started {
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: -0.36px;
	text-align: center;
	background-color: var(--primary);
	padding: 10px 16px;
	border-radius: 14px;
}

.clip-path-group {
	margin-top: 3px;
	width: 63px;
	flex-shrink: 0;
}

.nav {
	margin-left: 145px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 24px;
	color: #65656e;
	--min-font-size: 15;
	--max-font-size: 16;
	font-size: var(--interpolate);
	font-weight: 700;
	line-height: 1.3;
}

.nav-text-features-link {
	text-align: center;
}

.nav-text-features-active {
	color: var(--primary);
}

.btn-get-started1 {
	margin-left: 86px;
	width: 137px;
}

.btn-get-started2 {
	width: 115px;
}

.graphic-right {
	margin-right: -1px;
	margin-top: 6px;
	width: 27px;
	height: 27px;
	flex-shrink: 0;
}

.ch-profile-page .subtitle-main-heading1 {
	flex-grow: 1;
	color: #000;
	font-size: 28px;
	font-family: 'Poppins';
	line-height: 1.15;
	text-align: left;
}

.ch-banner-wrapper .btn2,
.ch-profile-page .btn2 {
	box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.1), 0px 31px 31px 0px rgba(0, 0, 0, 0.09), 0px 70px 42px 0px rgba(0, 0, 0, 0.05), 0px 124px 50px 0px rgba(0, 0, 0, 0.01), 0px 194px 54px 0px rgba(0, 0, 0, 0);
	margin-top: 3px;
	width: 282px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	font-size: 12.17px;
	font-style: normal;
	line-height: 1.429;
	letter-spacing: 0px;
	text-align: center;
	background-color: var(--primary);
	padding: 12px 10px;
	border-radius: 29168204px;
	text-decoration: none !important;
	border: none !important;
	cursor: pointer !important;
}

.row4 {
	position: relative;
	z-index: 4;
	margin-left: -11px;
	margin-top: 230px;
	width: 100%;
	max-width: 1108px;
	display: flex;
	align-items: flex-start;
	gap: 43px;
	align-self: center;
}

.col4 {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: left;
}

.col-top1 {
	container: col-top1 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.col5 {
	container: col5 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.col6 {
	container: col6 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.row-top3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.col-left2 {
	margin-top: 2px;
	width: 550px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 2px;
}

.text-main-heading2 {
	line-height: 1.07;
}

.col-right2 {
	width: 140px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.36px;
	text-align: left;
}

.btn-green-top {
	/* width: 60px; */
	padding-left: 25px;
	padding-right: 25px;
}

.btn-green-top:hover {
	pointer-events: none;
	color: #07d207;
	font-style: normal;
	letter-spacing: -0.36px;
	text-align: unset;
	background-color: rgba(7, 210, 7, 0.1);


}

.text-main-heading3 {
	align-self: stretch;
	color: #f00;
	padding: 9px;
	border: 1px solid #f00;
	border-radius: 99px;
}

.col7 {
	container: col7 / inline-size;
	position: relative;
	gap: 20px;
	/* font-size: 12px; */
}

.line {
	position: absolute;
	top: 50px;
	width: 0;
	height: 116px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.line1 {
	z-index: 2;
	left: 223px;
}

.line2 {
	z-index: 3;
	left: 504px;
}

.row-top4 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-right: 4px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.col-left3 {
	margin-bottom: unset;
}

.col-left3 .column-text1 {
	line-height: 1.083;
}

.col8 {
	margin-left: -1px;
	margin-bottom: unset;
	width: 120px;
}

.col8 .column-text1 {
	line-height: 1.083;
}

.col-right3 {
	width: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 13px;
	flex-shrink: 0;
	font-weight: 500;
	letter-spacing: 0px;
	text-align: left;
}

.text-heading {
	font-weight: 700;
	align-self: stretch;
	color: var(--subtle-text);
	line-height: 2.108;
}

.btn-main-heading1 {
	width: 200px;
	justify-content: center;
	color: var(--primary);
	text-align: center;
	background-color: rgba(238, 42, 92, 0.1);
	padding-top: 7px;
	padding-bottom: 7px;
}

.row-bottom1 {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 129px;
}

.col10 {
	margin-left: 23px;
}

.col11 {
	margin-right: -16px;
}

.row-bottom2 {
	display: flex;
	align-items: flex-start;
	gap: 41px;
	line-height: 1.07;
	background-color: #fff;
	padding: 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}



/* card */

.card {
	width: 100%;
	min-height: 83px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	text-align: center;
	background-color: #f9f9f9;
	padding: 20px 10px;
	border-radius: 12px;
}

.card-subtitle {
	color: var(--primary);
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.71px;
}

.card-text {
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 400;
	letter-spacing: -0.42px;
}

/* end card*/


.card1 {
	width: 100%;
	min-height: 83px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-grow: 1;
	font-weight: 400;
	text-align: center;
	background-color: #f9f9f9;
	padding: 20px 10px;
	border-radius: 12px;
}

.card-subtitle2 {
	color: var(--primary);
	font-size: 24px;
	letter-spacing: -0.71px;
}

.ch-profile-page .row-bottom3 {
	container: row-bottom3 / inline-size;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	color: var(--subtle-text);
	/* font-size: 12px; */
	font-weight: 300;
	line-height: 1.07;
}

/* btn-white — shared base style */
.ch-profile-page .btn-white {
	width: 25%;
	color: var(--primary);
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-style: normal;
	letter-spacing: -0.3px;
	text-align: unset;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	text-decoration: none !important;
	cursor: pointer;
}

.ch-profile-page .btn-white-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* ── Custom widget: no card chrome ────────────────────────────────────────
   Custom widgets render with zero decoration (no box-shadow, background,
   border or padding) so the embedded content controls its own look. Layout
   classes (card4/card-white3) are intentionally not applied. */
.ch-profile-page .ch-sw-card {
	display: flex;
	flex-direction: column;
	gap: 22px;
	box-shadow: none;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}

/* ── Sidebar widget: isolated styling mode ────────────────────────────────
   .ch-sw-content resets the CSS cascade so the widget's own styles win.
   `all: revert` reverts every property back to the browser user-agent
   stylesheet, removing any ch-profile-page overrides from the content area. */
.ch-profile-page .ch-sw-isolated .ch-sw-content {
	all: revert;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* fa-light fallback — FA6 Free doesn't include the light (300) weight font,
   so we fall back to regular (400) so the icon still renders rather than disappearing. */
.fa-light {
	font-family: "Font Awesome 6 Free";
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

/* Admin-set button icons — SVG or icon-font, both use primary colour */
.ch-profile-page .ch-btn-icon {
	flex-shrink: 0;
	display: inline-block;
	color: var(--primary);
	fill: var(--primary);
}
/* SVG element sizing */
.ch-profile-page svg.ch-btn-icon {
	width: 16px;
	height: 16px;
}
/* Icon-font sizing (FA / Elementor icons) */
.ch-profile-page i.ch-btn-icon {
	font-size: 16px;
	line-height: 1;
	width: auto;
	height: auto;
}

/* Override any hardcoded fill attrs inside the SVG file */
.ch-profile-page .ch-btn-icon path,
.ch-profile-page .ch-btn-icon circle,
.ch-profile-page .ch-btn-icon rect,
.ch-profile-page .ch-btn-icon ellipse,
.ch-profile-page .ch-btn-icon polygon,
.ch-profile-page .ch-btn-icon polyline,
.ch-profile-page .ch-btn-icon line {
	fill: var(--primary);
	stroke: none;
}

.ch-profile-page .btn-white-left {
	padding-left: 18px;
	padding-right: 18px;
}

.ch-profile-page .btn-white1 {
	padding: 10px 16px;
}

.ch-profile-page .btn-white2 {
	min-height: 53px;
	justify-content: center;
	gap: 12px;
	font-style: normal;
	letter-spacing: -0.3px;
	text-align: unset;
}

.ch-profile-page .btn-white-icon2 {
	width: 14px;
	height: 11px;
	flex-shrink: 0;
}

.ch-profile-page .btn-white-label2 {
	text-align: center;
}

.ch-profile-page .btn-white3 {
	padding-left: 27px;
	padding-right: 27px;
}

.ch-profile-page .btn-white-right {
	min-height: 54px;
	justify-content: center;
	gap: 12px;
	font-style: normal;
	letter-spacing: -0.3px;
	text-align: unset;
}

.ch-profile-page .btn-white-right-icon {
	width: 12px;
	height: 14px;
	flex-shrink: 0;
}

.col12 {
	container: col-top2 / inline-size;
	margin-right: 1px;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.col-top2 {
	container: col-top2 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.row5 {
	background-color: #f9f9f9;
	padding: 20px;
	border-left: unset;
	border-top: unset;
	border-right: unset;
	border-bottom: unset;
}

.row5 .col1 {
	margin-top: 2px;
	flex-grow: 1;
	line-height: 1.14;
	text-align: left;
}

.row5 .row-col-right1 {
	align-items: stretch;
}

.row5 .row-text1 {
	align-self: unset;
	color: var(--primary);
	font-size:14px;
}

.ch-profile-page .row5 .row-btn1 {
	color: #f00 !important;
	background: transparent !important;
	border: 1px solid #f00 !important;
}

.ch-profile-page .row6 {
	background-color: #fff;
}

.ch-profile-page .row6 .col1 {
	margin-top: 2px;
	flex-grow: 1;
	line-height: 1.14;
	text-align: left;
}

.ch-profile-page .row6 .row-text1 {
	margin-left: -3px;
	margin-right: -3px;
}

.ch-profile-page .row6 .row-btn1 {
	color: var(--subtle-text);
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #e3e3e3;
}

.ch-profile-page .row-bottom4 {
	background-color: rgba(237, 246, 237, 0.4);
}

.ch-profile-page .row-bottom4 .col1 {
	margin-top: 2px;
	flex-grow: 1;
	line-height: 1.14;
	text-align: left;
}

.ch-profile-page .row-bottom4 .row-text1 {
	margin-left: -7px;
	margin-right: -7px;
}

.ch-profile-page .row-bottom4 .row-btn1 {
	color: #43a047;
	background-color: rgba(67, 160, 71, 0.1);
	border:none;
	/* padding-top: 10px !important;
	padding-bottom: 10px !important; */
}

.col13 {
	container: col13 / inline-size;
	margin-right: -20px;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-right: 22px;
	padding-bottom: 31px;
}

.row-top6 {
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: #f9f9f9;
	padding: 20px 21px 18px 20px;
	border-radius: 12px;
}

.col14 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex-grow: 1;
	/* font-size: 12px; */
	font-weight: 400;
	line-height: 1.14;
	letter-spacing: -0.36px;
	text-align: left;
	padding-bottom: 2px;
}
/* .text-main-heading-c{
	font-weight: 200;
} */
.text-main-heading-c {
	color: var(--subtle-text);
}

.subtitle-main-heading2 {
	color: var(--primary);
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.71px;
}

.text-main-heading4 {
	color: var(--subtle-text);
	font-weight: 700;
}

.col-right4 {
	width: 254px;
	display: flex;
	flex-direction: column;
	gap: 11px;
	flex-shrink: 0;
	letter-spacing: -0.3px;
	text-align: center;
	padding-bottom: 2px;
}

.btn3 {
	box-shadow: 0px 28px 28px 0px rgba(0, 0, 0, 0.09), 0px 63px 38px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: center;
	color: #fff !important;
	text-align: center;
	background-color: var(--primary);
	padding: 12px 9px 10px 9px;
	border: 1px solid var(--primary);
	border-radius: 29168204px;
}

.frame-bottom {
	container: frame-bottom / inline-size;
	position: relative;
	padding-top: 33px;
	padding-bottom: 32px;
}

.circle1 {
	z-index: 1;
	top: -26px;
	right: -23px;
	opacity: 0.43;
}

.circle2 {
	z-index: 2;
	top: 84px;
	left: -30px;
	opacity: 0.32;
}

.col15 {
	container: col15 / inline-size;
	margin-right: 2px;
	margin-top: -11px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	line-height: 1.14;
}

.row-top7 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	letter-spacing: -0.48px;
}

.text-main-heading8 {
	text-align: left;
}

.btn-green-right {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.card2 {
	container: card2 / inline-size;
	gap: 12px;
}



/* row-d */

.row-d {
	container: row-d / inline-size;
	display: flex;
	align-items: center;
	gap: 13px;
	background-color: #fff;
	padding: 19px 11px 19px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	justify-content: space-between;
}

.row-row {
	display: flex;
	align-items: center;
	gap: 11px;
	/* font-size: 12px; */
	font-weight: 400;
	letter-spacing: -0.36px;
}

.row-img {
	width: 46px;
	flex-shrink: 0;
	border-radius: 50%;
}

.row-col-right2 {
	width: 158px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-shrink: 0;
	font-size: 10px;
	letter-spacing: -0.3px;
	text-align: right;
}

.row-text-main6 {
	color: var(--subtle-text);
}

/* end row-d*/


.row-top8 .col2 .column-text-main4 {
	color: var(--subtle-text);
}

.row-top8 .col2 .column-text-main5 {
	color: var(--primary);
}

.row8 .col2 .column-text-main4 {
	color: var(--subtle-text);
}

.row8 .col2 .column-text-main5 {
	color: var(--primary);
}

.card-row-bottom1 {
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	gap: 54px;
	background-color: #fff;
	padding: 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	justify-content: space-between;
}

.col16 {
	margin-top: 2px;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
}

.col16 .column-text-main2 {
	color: var(--subtle-text);
}

.col-bottom1 {
	margin: 12px 1px 0 1px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.frame1 {
	background-color: #fff;
	padding: 19px 19px 13px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.col17 {
	align-items: flex-start;
	gap: 8px;
}

.col-top3 {
	width: 100%;
	max-width: 423px;
	gap: 10px;
}

.col-top3 .column-text-main1 {
	line-height: 1.14;
}

.col-top3 .column-text-main2 {
	color: var(--subtle-text);
	line-height: 1.36;
}

.btn-green-bottom {
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: #07d207;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.14;
	letter-spacing: -0.36px;
	text-align: unset;
	background-color: rgba(7, 210, 7, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
}

.col-right5 {
	margin-top: 4px;
	width: 340px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex-shrink: 0;
	align-self: stretch;
	justify-content: flex-start;
}

.card-bg-plus-border {
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	letter-spacing: 0px;
	text-align: left;
	background-color: #fff;
	padding: 29px 29px 20px 29px;
	border-radius: 13.91px;
}

.card-bg-plus-border-col-top1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.card-bg-plus-border-col-top2 {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-self: stretch;
}

.card-bg-plus-border-text-heading {
	color: var(--subtle-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.545;
}

.card-bg-plus-border-text-vat {
	width: 114px;
	align-self: center;
	color: var(--subtle-text);
	font-size: 13.91px;
	font-weight: 400;
	line-height: 1.5;
}

.card-bg-plus-border-col1 {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.card-bg-plus-border-price-row {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	gap: 8px;
}

.card-bg-plus-border-price-row .card-bg-plus-border-text-vat {
	width: auto;
	align-self: flex-end;
	padding-bottom: 5px;
}

.card-bg-plus-border-subtitle {
	color: var(--subtle-text);
	font-size: 31.29px;
	font-weight: 700;
	line-height: 1.111;
}

.card-bg-plus-border-col2 {
	margin-top: 18px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	color: var(--subtle-text);
	/* font-size: 14px; */
	font-weight: 400;
	line-height: 1.429;
}



/* row-e */

.row-e {
	display: flex;
	align-items: flex-end;
	gap: 11px;
}

.row-svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.row-text2 {
	flex-grow: 1;
	text-align: left;
}

/* end row-e*/


.card-bg-plus-border-frame-top {
	position: relative;
	width: 235px;
	padding-left: 27px;
}

.card-bg-plus-border-svg {
	position: absolute;
	top: 0;
	right: 219px;
	width: 16px;
	height: 16px;
}

.row9 {
	width: 199px;
}

.row10 {
	margin-right: 9px;
	align-self: stretch;
}

.row11 {
	align-self: stretch;
}

.row12 {
	width: 224px;
}

.row13 {
	width: 224px;
}

.row14 {
	width: 224px;
}

.card-bg-plus-border-col-bottom {
	margin-top: 19px;
	display: flex;
	flex-direction: column;
	color: var(--subtle-text);
	letter-spacing: -0.36px;
	text-align: center;
	padding-bottom: 2px;
}

.card-bg-plus-border-btn {
	color: #fff;
	background-color: var(--primary);
	padding-top: 12px;
	padding-bottom: 12px;
	border-left: unset;
	border-top: unset;
	border-right: unset;
	border-bottom: unset;
}

.card-bg-plus-border-main-heading {
	margin: 10px 0 0 0;
}

.card-bg-plus-border-text-main {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.07;
}

.card3 {
	container: card3 / inline-size;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	background-color: #fff;
	padding: 20px;
	border-radius: 12px;
}

.card-row-top1 {
	width: 100%;
	max-width: 297px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	letter-spacing: -0.53px;
}

.card-text-main1 {
	color: var(--subtle-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.07;
	text-align: left;
}

.card-btn-main {
	width: auto;
	white-space: nowrap;
	justify-content: center;
	flex-shrink: 0;
	font-weight: 500;
	text-align: center;
}

.card-col1 {
	container: card-col1 / inline-size;
	width: 99px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	font-weight: 600;
	text-align: center;
}

.card-progress {
	position: relative;
	display: block;
	width: 99px;
	height: 99px;
	align-self: center;
	border-radius: 50%;
	background: conic-gradient(var(--primary) calc(var(--score, 0) * 1%),
			#f5f5f5 calc(var(--score, 0) * 1%));
	color: var(--neutral-100);
	font-size: 14.14px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0px;
}

/* inner white circle to make it a donut */
.card-progress::after {
	content: '';
	position: absolute;
	inset: 10px;
	border-radius: 50%;
	background: #fff;
	z-index: 2;
}

/* hide the static SVG object — replaced by CSS gradient */
.card-container {
	display: none;
}

.card-text-total {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	white-space: nowrap;
}

/* height-hack divs are no longer needed */
.card-square-fixed {
	display: none;
}

._2-1-fixed-ratio {
	display: none;
}


.card-text-main2 {
	color: var(--subtle-text);
	line-height: 1.07;
}

.card-col2 {
	width: 100%;
	max-width: 296px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--subtle-text);
	/* font-size: 12px; */
	font-weight: 400;
	line-height: 1.14;
	letter-spacing: -0.36px;
	text-align: left;
}

.card-btn2 {
	margin-top: 10px;
	width: 282px;
}

.card4 {
	gap: 22px;
	line-height: 1.07;
}

.col-top4 .column-text-main7 {
	margin-right: 15px;
	color: var(--subtle-text);
}

.card-col3 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: var(--subtle-text);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.36px;
	text-align: center;
}

.card-input-main1 {
	padding-top: 13px;
	padding-bottom: 13px;
}

.card-input-main2 {
	padding-top: 13px;
	padding-bottom: 13px;
}

.card-bottom {
	gap: 22px;
	line-height: 1.07;
}

.col-top5 .column-text-main7 {
	margin-right: 18px;
	color: var(--subtle-text);
}

.card-bottom-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.card-bottom-row-top {
	margin-right: 1px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--subtle-text);
	letter-spacing: -0.42px;
	background-color: #fff;
	padding: 12px 12px 12px 9px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.card-bottom-text {
	text-align: left;
}

.card-bottom-graphic {
	width: 12px;
	height: 7px;
	flex-shrink: 0;
}

.card-bottom-input-main1 {
	color: var(--subtle-text);
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.card-bottom-input-main2 {
	color: var(--subtle-text);
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.col-bottom3 {
	letter-spacing: -0.36px;
}

.col-bottom3 .column-text2 {
	color: var(--subtle-text);
}

.col18 {
	container: col18 / inline-size;
	margin-top: 26px;
	width: 100%;
	max-width: 725px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.row-top9 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.48px;
}

.text-main-heading10 {
	width: 331px;
	flex-shrink: 0;
	text-align: left;
}

.btn-main-heading2 {
	line-height: unset;
}

.col19 {
	container: col19 / inline-size;
	margin-right: 1px;
	align-items: flex-start;
	gap: 16px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.36px;
	padding-bottom: 20px;
}

.row15 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	align-self: stretch;
	background-color: #fff;
	padding: 19px 18px 17px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.col20 {
	margin-top: 0;
	margin-bottom: unset;
	color: var(--subtle-text);
	line-height: 1.36;
}

.col20 .column-text-main3 {
	line-height: 1.14;
}

.btn-main-heading3 {
	margin-top: 7px;
	font-size: unset;
}

.main-heading {
	margin-top: 4px;
}

.col21 {
	container: col-top2 / inline-size;
	margin-top: 18px;
	width: 100%;
	max-width: 725px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.row-top10 {
	margin-right: 1px;
}

.card5 {
	container: card5 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	padding: 19px 20px 9px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.card-col4 {
	align-items: flex-start;
	gap: 14px;
}



/* row-f */

.row-f {
	display: flex;
	align-items: flex-start;
	gap: 13px;
}

/* end row-f*/


.card-row-top2 {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	font-weight: 400;
	line-height: 1.36;
}

.card-circle {
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.card-col5 {
	width: 423px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 2px;
}

.card-text-main9 {
	line-height: 1.14;
}

.card-text-main10 {
	color: var(--subtle-text);
}

.card-text-main11 {
	color: var(--primary);
	font-size: 10px;
	letter-spacing: -0.3px;
}

.row16 .col3 {
	width: 423px;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
}

.row16 .col3 .column-text-main1 {
	line-height: 1.14;
}

.row16 .col3 .column-text-main2 {
	color: var(--subtle-text);
	line-height: 1.36;
}

.row17 .col3 {
	width: 423px;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
}

.row17 .col3 .column-text-main1 {
	line-height: 1.14;
}

.row17 .col3 .column-text-main2 {
	color: var(--subtle-text);
	line-height: 1.36;
}

.row18 .col3 {
	width: 423px;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 0;
}

.row18 .col3 .column-text-main1 {
	line-height: 1.14;
}

.row18 .col3 .column-text-main2 {
	color: var(--subtle-text);
	line-height: 1.36;
}

.row19 {
	margin-top: 2px;
}

.row19 .col3 {
	width: 423px;
	gap: 10px;
	flex-shrink: 0;
	text-align: left;
	padding-bottom: 0;
}

.row19 .col3 .column-text-main1 {
	line-height: 1.14;
}

.row19 .col3 .column-text-main2 {
	color: var(--subtle-text);
	line-height: 1.36;
}

.card-row-bottom2 {
	display: flex;
	align-items: center;
	gap: 79px;
	background-color: #f9f9f9;
	padding: 20px 19px 20px 20px;
	border-radius: 12px;
}

.col22 {
	gap: 16px;
	line-height: 1.14;
}

.card6 {
	margin-top: 18px;
	width: 100%;
	max-width: 725px;
	align-items: flex-start;
	gap: 16px;
	line-height: 1.14;
}

.card-dev-ai {
	color: var(--subtle-text);
	text-align: center;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 9px 10px 9px 9px;
	border: 1px solid #e3e3e3;
	border-radius: 12px;
}

.col23 {
	margin-top: 4px;
	gap: 12px;
	align-self: stretch;
	padding-bottom: 4px;
}

.col24 {
	gap: 12px;
	align-self: stretch;
}

.col25 {
	margin-top: 1px;
	gap: 12px;
	align-self: stretch;
}

.col26 {
	margin-top: 1px;
	width: 100%;
	max-width: 656px;
	gap: 12px;
}

.col27 {
	margin-top: 2px;
}

.col27 .row-top {
	align-self: stretch;
}

.col27 .row-top .row-btn3 {
	background-color: #f4f4f4;
	padding-left: 11px;
}

.col27 .row-top .row-btn-limited-company {
	background-color: #f4f4f4;
}

.col27 .row-top .row-btn-ir35-specialist {
	background-color: #f4f4f4;
	padding-left: 11px;
}

.col27 .row1 .row-btn3 {
	background-color: #f4f4f4;
}

.col27 .row1 .row-btn-limited-company {
	background-color: #f4f4f4;
	padding-left: 11px;
}

.col27 .row1 .row-btn-ir35-specialist {
	background-color: #f4f4f4;
}

.col27 .column-btn-corporation {
	background-color: #f4f4f4;
}

.col27 .column-btn-vat-return {
	background-color: #f4f4f4;
}

.col28 {
	container: col-top2 / inline-size;
	margin-top: 18px;
	width: 100%;
	max-width: 725px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.card7 {
	container: card7 / inline-size;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #fff;
	padding: 19px 17px 19px 19px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.card-text3 {
	margin-right: 2px;
	color: var(--subtle-text);
}

.card-row1 {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}



/* column-h */

.column-h {
	width: 100%;
	min-height: 189px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-grow: 1;
	text-align: center;
	background-color: #f9f9f9;
	padding: 0 10px;
	border-radius: 12px;
}

.column-col1 {
	container: column-col1 / inline-size;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

.column-col2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	align-self: stretch;
}

.column-btn-tn {
	width: 40px;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	color: #fff !important;
	text-align: left;
	background-color: var(--primary);
	padding: 14px 9px;
	border-radius: 50%;
	justify-content: center;
	align-content: center;
	flex-wrap: nowrap;
	align-items: center;
}

.column-btn-tn:hover {

	color: #fff;
	background-color: var(--primary);

}

.column-col-bottom {
	display: flex;
	flex-direction: column;
	gap: 9px;
	align-self: stretch;
	font-weight: 400;
	line-height: 1.07;
	padding-bottom: 2px;
}

.column-row-bottom2 {
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--subtle-text);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.07;
	letter-spacing: -0.36px;
}

.column-graphic {
	width: 76px;
	height: 13px;
	flex-shrink: 0;
}

.ch-stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	flex-shrink: 0;
}

.ch-star {
	font-size: 13px;
	line-height: 1;
	display: inline-block;
}

.ch-star-full {
	color: #f59e0b;
}

.ch-star-empty {
	color: #d1d5db;
}

.ch-star-half {
	position: relative;
	color: #d1d5db;
}

.ch-star-half::before {
	content: '\2605';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	overflow: hidden;
	color: #f59e0b;
}

.column-text-main12 {
	text-align: center;
}

.column-btn2 {
	width: 122px;
	display: flex;
	justify-content: center;
	color: var(--primary);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.36px;
	text-align: center;
	padding: 6px 7px 5px 7px;
	border: 1px solid var(--primary);
	border-radius: 29168204px;
}

.column-btn2:hover {
	color: #fff;
	background-color: var(--primary);
}

/* end column-h*/


.row20 {
	position: relative;
	z-index: 4;
	margin-top: 5px;
	width: 100%;
	max-width: 725px;
}

.frame2 {
	container: frame-bottom / inline-size;
	position: relative;
	width: 100%;
	max-width: 725px;
	padding-top: 40px;
	padding-bottom: 39px;
}

.circle3 {
	top: -26px;
	right: -23px;
	opacity: 0.43;
}

.circle4 {
	top: 84px;
	left: -30px;
	opacity: 0.32;
}

.card8 {
	container: card8 / inline-size;
	margin-top: 45px;
	width: 100%;
	max-width: 725px;
	gap: 20px;
	line-height: 1.07;
}



/* row-h */

.row-h {
	display: flex;
	align-items: flex-start;
	gap: 38px;
}



/* column-i */

.column-i {
	width: 100%;
	min-height: 78px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	flex-grow: 1;
	text-align: center;
	background-color: #f9f9f9;
	padding: 0 10px;
	border-radius: 12px;
}

.column-text-main13 {
	color: var(--subtle-text);
	/* font-size: 16px; */
	/* font-weight: 600; */
	letter-spacing: -0.48px;
}

/* end column-i*/

/* end row-h*/


.row-top12 .col-right {
	margin-right: -1px;
}

.row-bottom5 .col-right {
	margin-right: -1px;
}

.card9 {
	margin-top: 18px;
	width: 100%;
	max-width: 725px;
	gap: 16px;
	line-height: 1.14;
}

.card-btn-dev-second {
	align-self: start;
	color: var(--subtle-text);
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #e3e3e3;
}

.col32 {
	margin-top: 4px;
	gap: 12px;
	padding-bottom: 4px;
}

.card-text-main12 {
	color: var(--subtle-text);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.36px;
}

.col33 {
	margin-top: 4px;
	gap: 12px;
}

.card-row2 {
	margin-top: 1px;
	display: flex;
	align-items: flex-start;
	padding-top: 1px;
}

.card-col6 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex-grow: 1;
	text-align: left;
	padding-bottom: 2px;
}

.card-col7 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	color: var(--subtle-text);
	font-weight: 500;
	padding-bottom: 2px;
}

.card-text-main14 {
	color: unset;
}

.card-text-main15 {
	align-self: stretch;
}

.card-circle-plus1 {
	margin-left: -15px;
	margin-top: 22px;
}

.card-row3 {
	margin-top: 1px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.col34 {
	gap: 12px;
	padding-bottom: 2px;
}

.col35 {
	margin-top: 1px;
	align-self: start;
}

.col35 .row-top {
	align-self: stretch;
}

.col35 .row-top .row-btn3 {
	background-color: #f9f9f9;
	padding-left: 11px;
}

.col35 .row-top .row-btn-limited-company {
	background-color: #f9f9f9;
}

.col35 .row-top .row-btn-ir35-specialist {
	background-color: #f9f9f9;
	padding-left: 11px;
}

.col35 .row1 .row-btn3 {
	background-color: #f9f9f9;
}

.col35 .row1 .row-btn-limited-company {
	background-color: #f9f9f9;
	padding-left: 11px;
}

.col35 .row1 .row-btn-ir35-specialist {
	background-color: #f9f9f9;
}

.col35 .column-btn-corporation {
	background-color: #f9f9f9;
}

.col35 .column-btn-vat-return {
	background-color: #f9f9f9;
}

.col-bottom4 {
	container: col-bottom4 / inline-size;
	margin-top: 98px;
	width: 100%;
	max-width: 1121px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 17px;
	align-self: center;
	font-family: 'Inter';
	line-height: 1.625;
	letter-spacing: -0.35px;
}

.container {
	container: container / inline-size;
	width: calc(100% - 48px);
	max-width: 1280px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: var(--subtle-text);
	font-size: 12px;
	font-weight: 500;
}

.container-container1 {
	container: container-container1 / inline-size;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container-container2 {
	width: 63px;
	flex-shrink: 0;
}

.btn-language-selector {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-style: normal;
	letter-spacing: -0.35px;
	text-align: unset;
	background-color: rgba(238, 42, 92, 0.1);
	padding: 6px 12px;
	border-radius: 4px;
}



/* icon-container */

.icon-container {
	margin-top: 1px;
	flex-shrink: 0;
}

/* end icon-container*/


.icon-container1 {
	width: 13px;
}

.btn-language-selector-label {
	text-align: left;
}

.icon-container2 {
	width: 8px;
}

.container-social-icons {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}



/* link */

.link {
	width: 13px;
	flex-shrink: 0;
}

/* end link*/


.link3 {
	width: 16px;
}

/* .row22 {
	margin-left: -29px;
	display: flex;
	align-items: flex-start;
	gap: 339px;
} */

.col-left4 {
	width: 87px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	flex-shrink: 0;
}



/* header-plus-links */

.header-plus-links {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* end header-plus-links*/


.header-plus-links1 {
	align-items: flex-start;
}

.header-plus-links2 {
	align-self: stretch;
}

.header-plus-links3 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.col-right6 {
	width: 133px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	flex-shrink: 0;
}

.header-plus-links4 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.header-plus-links5 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.social-links {
	display: flex;
	flex-direction: column;
	align-self: stretch;
}

.social-links-social-links {
	height: 29px;
	flex-shrink: 0;
}

.social-links-text {
	text-align: left;
}

.bottom-legal {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: stretch;
	font-size: 14px;
	font-weight: 400;
	padding-top: 31px;
	border-top: 1px solid rgba(172, 179, 180, 0.1);
}

.bottom-legal-container {
	container: bottom-legal-container / inline-size;
	display: flex;
	flex-direction: column;
	gap: 11px;
	color: var(--subtle-text);
	padding-top: 6px;
}

.bottom-legal-row-top {
	margin-left: 1px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	align-self: start;
}

.bottom-legal-text-link1 {
	margin: -6px 0 -3px -1px;
	width: 47px;
	flex-shrink: 0;
	text-align: left;
}

.bottom-legal-text-link2 {
	margin-top: -6px;
	margin-bottom: -4px;
	width: 40px;
	flex-shrink: 0;
	text-align: left;
}

.bottom-legal-link {
	text-decoration: underline;
}

.bottom-legal-text-container {
	color: var(--subtle-text);
}



/* breakpoints moved — see end of file, after container queries */



/* container queries (flex rows) */

@container col-top2 (width < 324px) {
	.row-a {
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.row-a>* {
		text-align: center;
	}
}

@container col-top2 (width < 552px) {
	.row-b {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.row-b>* {
		margin-top: unset !important;
	}

	.row-b>.col1 {
		width: 100%;
		max-width: 423px;
	}
}

@container frame-bottom (width < 670px) {
	.row-c {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.row-c>* {
		margin-top: unset !important;
		text-align: center;
	}

	.row-c>.row-col {
		width: 100%;
	}
}

@container col27 (width < 620px) {
	.row-g {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.row-g>* {
		text-align: center;
	}
}

@container col27 (width < 386px) {
	.column-row-bottom1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.column-row-bottom1>* {
		text-align: center;
	}
}

@container body (width < 1128px) {
	.ch-banner-header {
		height: 280px;
	}

	.ch-banner-rect {
		height: 280px;
	}

	.ch-banner-graphic1 {
		height: 400px;
		max-width: 300px;
	}

	.ch-banner-graphic2 {
		height: 390px;
		max-width: 260px;
	}

	.ch-banner-wrapper .row3 {
		top: auto !important;
		left: 0 !important;
		transform: none !important;
		position: relative !important;
		margin-top: 24px !important;
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.ch-profile-page .row4 {
		margin-left: 0;
		margin-right: 0;
	}

	.ch-profile-page .row3>* {
		margin-top: unset !important;
		text-align: center;
	}

	.ch-profile-page .row3>.subtitle-main-heading1 {
		width: 100%;
	}
}

@container body (width < 1129px) {
	.row4 {
		flex-direction: column;
		align-items: flex-start;
		gap: 100px;
	}

	.row4>* {
		margin-top: unset !important;
	}

	.row4>.col4 {
		width: 100%;
	}

	.row4>.col-right5 {
		width: 100% !important;
		/* max-width: 340px; */
	}
	/* Disable sticky on tablet/mobile — sidebar stacks below main content, sticky has no effect */
	.col-right5 > * {
		position: relative !important;
		top: auto !important;
	}
}

@container col6 (width < 457px) {
	.row-top3 {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.row-top3>* {
		margin-top: unset !important;
	}

	.row-top3>.col-left2 {
		width: 100%;
		max-width: 331px;
	}
}

@container col7 (width < 382px) {
	.row-top4 {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.row-top4>* {
		margin-left: unset !important;
	}
}

@container col7 (width < 682px) {
	.row-bottom1 {
		/* flex-direction: column; */
		align-items: flex-start;
		gap: 16px;
		justify-content: space-between;
	}

	.row-bottom1>* {
		margin-left: unset !important;
		margin-right: unset !important;
	}
	.line{
		top:50px;
	}
	.line1{
		left:190px;
	}
	.line2{
		left:400px;
	}
	.ch-profile-page .row-bottom3{
		flex-direction: row;
	}
}

@container col5 (width < 724px) {
	.row-bottom2 {
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}

	.row-bottom2>.card-left {
		width: 100%;
	}

	.row-bottom2>.card1 {
		width: 100%;
	}

	.row-bottom2>.card-right {
		width: 100%;
	}
}

@container col-top1 (width < 723px) {
	.row-bottom3 {
		flex-direction: row;
		align-items: center;
		gap: 14px;
	}
}

@container row-bottom3 (width < 162px) {
	.btn-white2 {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		padding: 7px;
	}

	.btn-white2>* {
		margin-top: unset !important;
		text-align: center;
	}
}

@container row-bottom3 (width < 162px) {
	.btn-white-right {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		padding: 7px;
	}

	.btn-white-right>* {
		margin-left: unset !important;
		margin-right: unset !important;
		margin-top: unset !important;
		text-align: center;
	}
}

@container col13 (width < 722px) {
	.row-top6 {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.row-top6>* {
		margin-top: unset !important;
		text-align: center;
	}

	.row-top6>.col14 {
		width: 100%;
	}

	.row-top6>.col-right4>* {
		text-align: unset;
	}
}

@container col15 (width < 238px) {
	.row-top7 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.row-top7>* {
		text-align: center;
	}
}

@container card2 (width < 680px) {
	.row-d {
		flex-direction: column;
        align-items: center;
        gap: 13px;
        justify-content: space-between;
        padding: 8px 13px;
	}

	.row-d>* {
		margin-top: unset !important;
	}
}

@container row-d (width < 477px) {
	.row-row {
		flex-direction: column;
		align-items: center;
		gap: 14px;
		width: 100%;
	}

	.row-row>* {
		margin-top: unset !important;
		text-align: center;
	}

	.row-row>.col2 {
		width: 100%;
		max-width: 423px;
	}
}

@container card2 (width < 680px) {
	.card-row-bottom1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.card-row-bottom1>* {
		margin-top: unset !important;
		text-align: center;
		/* width: 100%; */
	}

	.card-row-bottom1>.col16 {
		align-items: center;
	}
}

@container card3 (width < 226px) {
	.card-row-top1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.card-row-top1>* {
		text-align: center;
	}
}

/* card-col1 container query: no longer needed — card-progress is block-positioned */

@container col18 (width < 455px) {
	.row-top9 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.row-top9>* {
		text-align: center;
	}

	.row-top9>.text-main-heading10 {
		width: 100%;
		max-width: 331px;
	}
}

@container col19 (width < 541px) {
	.row15 {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.row15>* {
		margin-top: unset !important;
		text-align: center;
	}

	.row15>.col20 {
		width: 100%;
		max-width: 423px;
	}
}

@container card5 (width < 680px) {
	.card-row-bottom2 {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}

	.card-row-bottom2>* {
		margin-top: unset !important;
		text-align: center;
	}

	.card-row-bottom2>.col22 {
		width: 100%;
	}
}

@container card7 (width < 684px) {
	.card-row1 {
		/* flex-direction: column; */
		align-items: center;
		gap: 24px;
	}

	.card-row1>.col29 {
		width: 100%;
	}

	.card-row1>.col29>* {
		text-align: unset;
	}

	.card-row1>.col30 {
		width: 100%;
	}

	.card-row1>.col30>* {
		text-align: unset;
	}

	.card-row1>.col31 {
		width: 100%;
	}

	.card-row1>.col31>* {
		text-align: unset;
	}
}

@container column-col1 (width < 119px) {
	.column-row-bottom2 {
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	.column-row-bottom2>* {
		margin-top: unset !important;
		text-align: center;
	}
}

@container card8 (width < 682px) {
	.row-h {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.row-h>* {
		margin-right: unset !important;
	}

	.row-h>.col-left {
		width: 100%;
	}

	.row-h>.col-right {
		width: 100%;
	}
}

@container container (width < 161px) {
	.container-container1 {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.container-container1>.container-container2 {
		align-items: center;
	}
}

@container container-container1 (width < 98px) {
	.btn-language-selector {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		padding: 8px 7px;
	}

	.btn-language-selector>* {
		margin-left: unset !important;
		margin-top: unset !important;
		text-align: center;
	}

	.btn-language-selector>.icon-container1 {
		align-items: center;
	}

	.btn-language-selector>.icon-container2 {
		align-items: center;
	}
}

@container col-bottom4 (width < 1105px) {
	.row22 {
		margin-left: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 81px;
	}
}

@container bottom-legal-container (width < 108px) {
	.bottom-legal-row-top {
		margin-left: 0;
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}

	.bottom-legal-row-top>* {
		margin-left: unset !important;
		margin-right: unset !important;
		margin-top: unset !important;
		text-align: center;
	}
}



/* ── Below-sidebar section alignment ──────────────────────────────────────
   col18, col21, card6 etc. are body-level flex items but must align with
   the left column of row4.  row4 uses align-self:center + margin-left:-11px,
   so its left edge = (body_width - 1108px) / 2 - 11px from body-content-left.
   The base rule covers narrow viewports (body < 1108px, no centering).
   The container query replicates the exact centering at wider viewports.
─────────────────────────────────────────────────────────────────────────── */

/* Narrow: row4 fills full width, starts at margin-left: -11px */
.col18,
.col21,
.card6,
.col28,
.row20,
.frame2,
.card8,
.card9 {
	margin-left: -11px;
}

/* Wide: row4 centres — dynamically match its left-column offset */
@container body (min-width: 1108px) {

	.col18,
	.col21,
	.card6,
	.col28,
	.row20,
	.frame2,
	.card8,
	.card9 {
		margin-left: calc((100cqw - 1108px) / 2 - 11px);
	}
}


/* ── Viewport breakpoints (must stay AFTER all container queries so @media rules take final precedence) ── */

@media screen and (min-width: 577px) and (max-width: 1280px) {
	.ch-profile-page {
		padding-inline: var(--margin-md);
	}

	.column-text2 {
		margin-inline: 0;
	}

	.row-top2 {
		margin-inline: 0;
	}

	.nav {
		margin-inline: 0;
	}

	.col13 {
		padding-inline: 0;
		margin-inline: 0;
	}

	.col15 {
		margin-inline: 0;
	}

	.card-bg-plus-border {
		padding-inline: var(--margin-sm);
	}

	.row10 {
		margin-inline: 0;
	}

	.col-top4 .column-text-main7 {
		margin-inline: 0;
	}

	.col-top5 .column-text-main7 {
		margin-inline: 0;
	}

	.card-text3 {
		margin-inline: 0;
	}

	/* Explicit row-direction resets for sections that must stay horizontal on tablet */
	.row-bottom1 {
		flex-direction: row;
	}

	.ch-profile-page .row-bottom3 {
		flex-direction: row;
	}

	.card-row1 {
		flex-direction: row;
	}

	/* Directors & Officers — stay horizontal on tablet */
	.row-d {
		flex-direction: row;
	}

	.row-row {
		flex-direction: row;
	}

	.card-row-bottom1 {
		flex-direction: row;
	}
}

@media screen and (max-width: 576px) {
	.ch-profile-page {
		padding-inline: var(--margin-sm);
	}

	.ch-banner-wrapper .row3 {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.line {
		border: none !important;
	}

	.ch-profile-page .btn-white {
		width: 100%;
	}

	.col-right2 {
		width: 100%;
		display: flex;
		flex-direction: row;
	}

	.row-col-right2 {
		display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        text-align: center;
	}

	.ch-profile-page .row-text-main1 {
		text-align: left;
	}

	.ch-profile-page .row5 .row-btn1 {
		width: 100%;
	}

	.row-col-right1 {
		width: 100%;
	}

	.btn-a {
		width: 100%;
	}

	/* Registered address bottom row — stack vertically on mobile */
	.row-bottom1 {
		flex-direction: column;
	}

	/* Four action buttons — stack vertically on mobile */
	.ch-profile-page .row-bottom3 {
		flex-direction: column;
	}

	/* Specialist Accountants cards — stack vertically on mobile */
	.card-row1 {
		flex-direction: column;
	}

	/* Directors & Officers — stack vertically on mobile */
	.row-d {
		flex-direction: column;
	}

	.row-row {
		flex-direction: column;
	}

	.card-row-bottom1 {
		flex-direction: column;
	}
}

/* ── FAQ Accordion ─────────────────────────────────────────────────────────── */

.faq-section {
	display: flex;
	flex-direction: column;
}

.faq-heading {
	font-weight: 700;
	color: var(--subtle-text);
	margin-bottom: 8px !important;
}

.faq-item {
	border-bottom: 1px solid #ebebeb;
}

.faq-item:first-child {
	border-top: 1px solid #ebebeb;
}

.ch-profile-page .faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 17px 0;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer;
	text-align: left;
	gap: 16px;
	color: inherit !important;
	border-radius: 0 !important;
}

.ch-profile-page .faq-question:hover,
.ch-profile-page .faq-question:focus,
.ch-profile-page .faq-question:active,
.ch-profile-page .faq-question:focus-visible,
.ch-profile-page .faq-question:focus-within {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	border-color: transparent !important;
	color: inherit !important;
	border-radius: 0 !important;
}

.ch-profile-page .faq-question h3 {
	color: var(--subtle-text) !important;
	font-weight: 500;
	margin: 0;
	transition: color 0.2s;
}

.ch-profile-page .faq-question:hover h3 {
	color: var(--primary) !important;
}

.ch-profile-page .faq-item.open .faq-question h3 {
	color: var(--primary) !important;
}

.faq-chevron {
	flex-shrink: 0;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	color: var(--subtle-text);
	transition: transform 0.25s ease, color 0.2s;
	display: inline-block;
}

.ch-profile-page .faq-question:hover .faq-chevron,
.ch-profile-page .faq-item.open .faq-chevron {
	color: var(--primary);
}

.ch-profile-page .faq-item.open .faq-chevron {
	transform: rotate(180deg);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease, padding 0.35s ease;
	padding: 0;
}

.faq-item.open .faq-answer {
	max-height: 500px;
	padding-bottom: 18px;
}

.faq-answer p {
	color: var(--subtle-text);
	line-height: 1.7;
	margin: 0;
	padding: 2px 0 0;
}

/* ── Trust Banner ──────────────────────────────────────────────────────────── */
.ch-profile-page {
	--ch-trust-bg: #edfbf3;
	--ch-trust-border: #a3e0bf;
	--ch-trust-icon: #1a9e5c;
	--ch-trust-title-color: #1f2937;
	--ch-trust-sub-color: #4b5563;
}

.ch-profile-page .ch-trust-banner {
	background: var(--ch-trust-bg);
	border: 1.5px solid var(--ch-trust-border);
	border-radius: 10px;
	padding: 20px;
}

.ch-profile-page .ch-trust-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}

.ch-profile-page .ch-trust-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.ch-profile-page .ch-trust-icon {
	width: 36px;
	height: 36px;
	min-width: 36px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ch-trust-icon);
	fill: var(--ch-trust-icon);
	background: #fff;
	border: 1px solid var(--ch-trust-border);
	border-radius: 8px;
}

.ch-profile-page svg.ch-trust-icon-svg {
	width: 16px;
	height: 16px;
}

.ch-profile-page i.ch-trust-icon-svg {
	font-size: 15px;
	line-height: 1;
}

/* Override any hardcoded fill/stroke attrs inside an uploaded SVG file */
.ch-profile-page .ch-trust-icon-svg path,
.ch-profile-page .ch-trust-icon-svg circle,
.ch-profile-page .ch-trust-icon-svg rect,
.ch-profile-page .ch-trust-icon-svg ellipse,
.ch-profile-page .ch-trust-icon-svg polygon,
.ch-profile-page .ch-trust-icon-svg polyline,
.ch-profile-page .ch-trust-icon-svg line {
	stroke: var(--ch-trust-icon);
}

.ch-profile-page .ch-trust-title {
	font-weight: 700;
	/* color: var(--ch-trust-title-color); */
	margin: 0 0 4px;
}

.ch-profile-page .ch-trust-subtitle {
	font-size: 0.87em;
	color: var(--ch-trust-sub-color);
	line-height: 1.4;
	margin: 0;
}

.ch-profile-page .ch-trust-reviews {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--ch-trust-border);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.ch-profile-page .ch-trust-reviews-label {
	font-weight: 700;
	/* color: var(--ch-trust-title-color); */
	white-space: nowrap;
}

.ch-profile-page .ch-trust-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	flex: 1 1 auto;
}

.ch-profile-page .ch-trust-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid var(--ch-trust-border);
	border-radius: 50px;
	padding: 6px 12px;
	font-size: 0.87em;
}

.ch-profile-page .ch-trust-stars {
	color: #f59e0b;
	letter-spacing: 1px;
}

/* .ch-profile-page .ch-trust-platform {
	color: #374151;
} */

@media screen and (max-width: 576px) {
	.ch-profile-page .ch-trust-banner {
		padding: 14px;
	}

	.ch-profile-page .ch-trust-reviews-label {
		width: 100%;
	}

	.ch-profile-page .ch-trust-pills {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}

	.ch-profile-page .ch-trust-pill {
		width: 100%;
	}
}

/* ── About Section ─────────────────────────────────────────────────────────── */
.ch-profile-page .ch-about-heading {
	margin: 0 0 12px;
}

.ch-profile-page .ch-about-content {
	color: var(--subtle-text);
	line-height: 1.7;
}

.ch-profile-page .ch-about-content p {
	margin: 0 0 14px;
}

.ch-profile-page .ch-about-content p:last-child {
	margin-bottom: 0;
}

.ch-profile-page .ch-about-content a {
	color: var(--primary);
	text-decoration: underline;
}

/* .ch-profile-page .ch-about-content strong {
	color: var(--ch-trust-title-color, #1f2937);
} */

.ch-profile-page .ch-about-content ul,
.ch-profile-page .ch-about-content ol {
	margin: 0 0 14px !important;
	padding-left: 22px !important;
}

.ch-profile-page .ch-about-content ul {
	list-style: disc !important;
}

.ch-profile-page .ch-about-content ol {
	list-style: decimal !important;
}

.ch-profile-page .ch-about-content li {
	margin-bottom: 6px;
}

.ch-profile-page .ch-about-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.ch-profile-page .ch-about-content h3,
.ch-profile-page .ch-about-content h4 {
	color: var(--subtle-text);
	margin: 18px 0 10px;
}