/* ==========================================================================
   Table Right Content Section
   ========================================================================== */

.table-right-content-section {
	background: #fff;
	padding: 48px 20px;
}

.table-right-content-section__inner {
	display: flex;
	flex-direction: column;
	gap: 48px;
	max-width: 1120px;
	margin: 0 auto;
}

/* ---- Content column ---- */

.table-right-content-section__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	text-align: center;
}

.table-right-content-section__title {
	margin: 0 0 20px;
	color: #000;
	font-family: "EB Garamond", serif;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2;
}

.table-right-content-section__text {
	color: #3a3a3b;
	font-size: 15px;
	line-height: 24px;
}

.table-right-content-section__text p {
	margin: 0;
}

.table-right-content-section__text a,
.table-right-content-section__text a:visited {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.table-right-content-section__actions {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 32px;
}

.table-right-content-section__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 11px 28px;
	border-radius: 999px;
	background: #002345;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.table-right-content-section__btn:visited {
	color: #fff;
}

.table-right-content-section__btn:hover {
	background: #0e3a6b;
}

/* ---- Card ---- */

.table-right-content-section__card {
	width: 100%;
	padding: 24px 16px 20px;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

.table-right-content-section__card-title {
	max-width: 260px;
	margin: 0 auto 24px;
	color: #002345;
	text-align: center;
	font-family: "EB Garamond", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
}

/* ---- Table (horizontally scrollable below the tablet breakpoint) ---- */

.table-right-content-section__table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #897c50 #ededed;
}

.table-right-content-section__table-scroll::-webkit-scrollbar {
	height: 7px;
}

.table-right-content-section__table-scroll::-webkit-scrollbar-track {
	background: #ededed;
	border-radius: 999px;
}

.table-right-content-section__table-scroll::-webkit-scrollbar-thumb {
	background: #897c50;
	border-radius: 999px;
}

.table-right-content-section__table-content table {
	width: 100%;
	min-width: 640px;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

/* Hide stray empty markup the editor can leave around a lone table. */
.table-right-content-section__table-content > br,
.table-right-content-section__table-content > p:empty {
	display: none;
}

.table-right-content-section__table-content th,
.table-right-content-section__table-content td {
	border: 0;
	vertical-align: top;
	text-align: left;
}

/* Header row: the table's first row, whether or not the editor used a thead. */
.table-right-content-section__table-content thead tr:first-child > *,
.table-right-content-section__table-content table:not(:has(thead)) tbody tr:first-child > * {
	width: auto;
	padding: 15px 22px;
	background: #004b93;
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-right-content-section__table-content thead tr:first-child > *:first-child,
.table-right-content-section__table-content table:not(:has(thead)) tbody tr:first-child > *:first-child {
	width: 132px;
	background: #002345;
	border-radius: 16px 0 0 0;
}

.table-right-content-section__table-content thead tr:first-child > *:last-child,
.table-right-content-section__table-content table:not(:has(thead)) tbody tr:first-child > *:last-child {
	border-radius: 0 16px 0 0;
}

/* Striped rows */
.table-right-content-section__table-content tbody tr:nth-child(even) {
	background: #f7f5f2;
}

/* Without a thead the first body row is the header, so stripes shift by one. */
.table-right-content-section__table-content table:not(:has(thead)) tbody tr:nth-child(even) {
	background: transparent;
}

.table-right-content-section__table-content table:not(:has(thead)) tbody tr:nth-child(odd):not(:first-child) {
	background: #f7f5f2;
}

/* First column: the area names */
.table-right-content-section__table-content tbody td:first-child,
.table-right-content-section__table-content tbody th:first-child {
	padding: 16px 18px 16px 22px;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}

.table-right-content-section__table-content tbody td:not(:first-child),
.table-right-content-section__table-content tbody th:not(:first-child) {
	padding: 16px 24px 16px 28px;
	font-size: 15px;
	line-height: 1.5;
}

/* Condition lists inside the table cells */
.table-right-content-section__table-content td ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 18px; /* horizontal gap between columns, adjust if needed */
}

.table-right-content-section__table-content td li {
	position: relative;
	padding-left: 17px;
	margin: 0 0 8px;
}

.table-right-content-section__table-content td li:last-child {
	margin-bottom: 0;
}

.table-right-content-section__table-content td li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #897c50;
}

.table-right-content-section__table-content td p {
	margin: 0;
}

.table-right-content-section__table-content td a,
.table-right-content-section__table-content td a:visited {
	color: #000;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.table-right-content-section__table-content td a:hover {
	color: #897c50;
}

/* ---- Tablet and up ---- */

@media screen and (min-width: 768px) {
	.table-right-content-section {
		padding: 64px 20px;
	}

	.table-right-content-section__title {
		max-width: 720px;
		margin-bottom: 16px;
		font-size: 40px;
    line-height: 52px;
	}

	.table-right-content-section__text {
		max-width: 720px;
		font-size: 18px;
    line-height: 28px;
	}

	.table-right-content-section__btn {
		width: auto;
		max-width: 250px;
		padding: 12px 28px;
	}

	.table-right-content-section__card {
		padding: 32px;
	}

	.table-right-content-section__card-title {
		max-width: none;
		font-size: 28px;
	}

	.table-right-content-section__table-content thead tr:first-child > *,
	.table-right-content-section__table-content table:not(:has(thead)) tbody tr:first-child > * {
		font-size: 18px;
	}

	.table-right-content-section__table-content thead tr:first-child > *:first-child,
	.table-right-content-section__table-content table:not(:has(thead)) tbody tr:first-child > *:first-child {
		width: 21%;
	}
}

/* ---- Desktop ---- */

@media screen and (min-width: 1280px) {
	.table-right-content-section {
		padding: 100px 20px;
	}

	.table-right-content-section__inner {
		flex-direction: row;
		align-items: center;
		gap: 42px;
	}

	.table-right-content-section__content {
		flex: 0 0 330px;
		align-items: flex-start;
		text-align: left;
	}

	.table-right-content-section__table-column {
		flex: 1 1 auto;
		min-width: 0;
	}

	.table-right-content-section__title,
	.table-right-content-section__text {
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.table-right-content-section__btn {
		transition: none;
	}
}

/* ==========================================================================
   Bullet List Content theme
   ========================================================================== */

.table-right-content-section--bullet-list {
	background: #f3efe7;
}

.table-right-content-section--bullet-list .table-right-content-section__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"content"
		"table"
		"actions";
	gap: 48px;
	max-width: 1200px;
}

.table-right-content-section--bullet-list .table-right-content-section__left {
	display: contents;
}

.table-right-content-section--bullet-list .table-right-content-section__content {
	grid-area: content;
	align-items: flex-start;
	text-align: left;
}

.table-right-content-section--bullet-list .table-right-content-section__table-column {
	grid-area: table;
	min-width: 0;
}

.table-right-content-section--bullet-list .table-right-content-section__actions {
	grid-area: actions;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	margin-top: 0;
}

.table-right-content-section--bullet-list .table-right-content-section__title,
.table-right-content-section--bullet-list .table-right-content-section__text {
	max-width: none;
}

.table-right-content-section--bullet-list .table-right-content-section__text {
	font-size: 17px;
	line-height: 1.65;
}

.table-right-content-section--bullet-list .table-right-content-section__text h5 {
  font-family: PT Serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.table-right-content-section--bullet-list .table-right-content-section__btn {
	width: 100%;
	max-width: none;
	min-height: 56px;
	padding: 11px 28px;
	border: 1px solid transparent;
	font-size: 17px;
	line-height: 1.2;
}

.table-right-content-section--bullet-list .table-right-content-section__btn--secondary,
.table-right-content-section--bullet-list .table-right-content-section__btn--secondary:visited {
	background: transparent;
	border-color: #002345;
	color: #002345;
}

.table-right-content-section--bullet-list .table-right-content-section__btn--secondary:hover {
	background: #002345;
	color: #fff;
}

.table-right-content-section--bullet-list .table-right-content-section__text > p {
	margin: 0 0 16px;
}

.table-right-content-section--bullet-list .table-right-content-section__text > p:last-child {
	margin-bottom: 0;
}

.table-right-content-section--bullet-list .table-right-content-section__text > h2,
.table-right-content-section--bullet-list .table-right-content-section__text > h3,
.table-right-content-section--bullet-list .table-right-content-section__text > h4 {
	margin: 32px 0 18px;
	color: #000;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
}

.table-right-content-section--bullet-list .table-right-content-section__text > h2:first-child,
.table-right-content-section--bullet-list .table-right-content-section__text > h3:first-child,
.table-right-content-section--bullet-list .table-right-content-section__text > h4:first-child {
	margin-top: 0;
}

.table-right-content-section--bullet-list .table-right-content-section__text > ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.table-right-content-section--bullet-list .table-right-content-section__text > ul > li {
	position: relative;
	margin: 0;
	padding-left: 32px;
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

.table-right-content-section--bullet-list .table-right-content-section__text > ul > li::before,
.table-right-content-section--bullet-list .table-right-content-section__text > ul > li::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.table-right-content-section--bullet-list .table-right-content-section__text > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13 22C17.9706 22 22 17.9706 22 13C22 8.02944 17.9706 4 13 4C8.02944 4 4 8.02944 4 13C4 17.9706 8.02944 22 13 22ZM17.8881 11.6574C18.2937 11.2518 18.2937 10.5943 17.8881 10.1888C17.4826 9.78323 16.8251 9.78323 16.4195 10.1888L12.2102 14.3981L10.1615 12.8615C9.70272 12.5174 9.05181 12.6104 8.70769 13.0692C8.36357 13.5281 8.45656 14.179 8.91538 14.5231L11.6846 16.6C12.098 16.9101 12.6766 16.869 13.042 16.5035L17.8881 11.6574Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23002345'/%3E%3C/svg%3E");
}


.table-right-content-section--bullet-list .table-right-content-section__text > ul a:hover {
	color: #897c50;
}

.table-right-content-section__check {
	position: relative;
	display: inline-block;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
	border-radius: 50%;
  margin-top: 6px;
}


.table-right-content-section__check--card {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M13 22C17.9706 22 22 17.9706 22 13C22 8.02944 17.9706 4 13 4C8.02944 4 4 8.02944 4 13C4 17.9706 8.02944 22 13 22ZM17.8881 11.6574C18.2937 11.2518 18.2937 10.5943 17.8881 10.1888C17.4826 9.78323 16.8251 9.78323 16.4195 10.1888L12.2102 14.3981L10.1615 12.8615C9.70272 12.5174 9.05181 12.6104 8.70769 13.0692C8.36357 13.5281 8.45656 14.179 8.91538 14.5231L11.6846 16.6C12.098 16.9101 12.6766 16.869 13.042 16.5035L17.8881 11.6574Z' fill-rule='evenodd' clip-rule='evenodd' fill='%23897C50'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

.table-right-content-section__check--card::after {
	left: 7px;
	top: 4px;
	width: 5px;
	height: 9px;
}

.table-right-content-section__card--bullet-list {
	padding: 24px 16px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
}

.table-right-content-section__card-item {
	display: flex;
	gap: 12px;
	margin: 0 0 28px;
}

.table-right-content-section__card-item:last-child {
	margin-bottom: 0;
}

.table-right-content-section__card-item-body {
	flex: 1 1 auto;
	min-width: 0;
}

.table-right-content-section__card-item-title {
	margin: 0 0 8px;
	color: #000;
	font-family: "EB Garamond", serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
}

.table-right-content-section__card-item-text {
	color: #3a3a3b;
	font-size: 16px;
	line-height: 1.65;
}

.table-right-content-section__card-item-text p {
	margin: 0 0 12px;
}

.table-right-content-section__card-item-text p:last-child {
	margin-bottom: 0;
}

.table-right-content-section__card-item-text a,
.table-right-content-section__card-item-text a:visited {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.table-right-content-section__card-item-text a:hover {
	color: #897c50;
}

/* Tablet */
@media screen and (min-width: 768px) {
	.table-right-content-section--bullet-list {
		padding: 64px 20px;
	}

	.table-right-content-section--bullet-list .table-right-content-section__actions {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
	}

	.table-right-content-section--bullet-list .table-right-content-section__btn {
		width: auto;
		min-width: 220px;
		max-width: 316px;
	}

	.table-right-content-section__list-title {
		font-size: 22px;
	}

	.table-right-content-section__card--bullet-list {
		padding: 32px;
	}

	.table-right-content-section__card-item {
		margin-bottom: 30px;
	}

	.table-right-content-section__card-item-title {
		font-size: 26px;
	}

	.table-right-content-section__card-item-text {
		font-size: 17px;
	}
}

/* Desktop */
@media screen and (min-width: 1280px) {
	.table-right-content-section--bullet-list {
		padding: 100px 20px;
	}

	.table-right-content-section--bullet-list .table-right-content-section__inner {
		display: flex;
		align-items: flex-start;
		gap: 110px;
	}

	.table-right-content-section--bullet-list .table-right-content-section__left {
		display: flex;
		flex: 0 0 490px;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-top: 48px;
	}

	.table-right-content-section--bullet-list .table-right-content-section__table-column {
		flex: 1 1 auto;
		max-width: 600px;
	}
  .table-right-content-section.table-right-content-section--default .table-right-content-section__actions {
    justify-content: start;
  }
	.table-right-content-section--bullet-list .table-right-content-section__actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
    margin-top: 16px;
	}


	.table-right-content-section--bullet-list .table-right-content-section__btn {
		width: 100%;
		max-width: 316px;
	}

	.table-right-content-section__card--bullet-list {
		padding: 40px;
	}

	.table-right-content-section__card-item {
		margin-bottom: 32px;
	}

	.table-right-content-section__card-item-text {
		line-height: 1.7;
	}
}