/* Broker Comparison Table template styles. */
.comparison-main {
	min-width: 0;
}

.comparison-hero {
	border-bottom: 1px solid var(--insights-border);
	background: linear-gradient(135deg, #fff8f3 0%, #f4f6f8 58%, #fff 100%);
}

.comparison-hero__content {
	max-width: 960px;
	padding: 70px 0 74px;
}

.comparison-hero h1 {
	max-width: 920px;
	margin: 14px 0 0;
	color: var(--insights-ink);
	font-size: clamp(44px, 5vw, 68px);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 1.04;
}

.comparison-hero__intro {
	max-width: 780px;
	margin: 24px 0 0;
	color: var(--insights-muted);
	font-size: 19px;
	line-height: 1.65;
}

.broker-comparison-table-section {
	padding: 72px 0 90px;
	background: #fff;
}

.broker-comparison-table-column {
	min-width: 0;
}

.search-broker-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
}

.search-icon {
	position: absolute;
	left: 15px;
	width: 17px;
	height: 18px;
	pointer-events: none;
}

#search_broker {
	width: 100%;
	height: 58px;
	padding: 14px 22px 14px 46px;
	border: 1px solid var(--insights-border);
	border-radius: 14px;
	outline: none;
	background: #fff;
	box-shadow: 0 12px 28px rgba(31, 35, 39, 0.07);
	color: var(--insights-ink);
	font-size: 16px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#search_broker:focus {
	border-color: var(--insights-orange);
	box-shadow: 0 0 0 3px rgba(252, 105, 1, 0.12), 0 12px 28px rgba(31, 35, 39, 0.07);
}

#broker-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 34px 0 30px;
}

#broker-table thead th {
	padding: 20px 10px;
	background: var(--insights-surface);
	position: relative;
	color: var(--insights-ink);
	text-align: center;
	font-family: Roboto;
	font-size: 15.5px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	height: 69px;
}

#broker-table thead th:first-child {
	border-top-left-radius: 20px;
	overflow: hidden;
}

#broker-table thead th:last-child {
	border-top-right-radius: 20px;
}

#broker-table th,
#broker-table td {
	text-align: center;
	border: 1px solid var(--insights-border);
}

#broker-table td {
	padding: 10px;
}

#broker-table th {
	background-color: var(--insights-surface);
}

#broker-table ul {
	margin: 0px;
	text-align: left;
}

#broker-table tbody tr td {
	color: #404040;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	height: 155px;
	text-wrap: auto;
}

.broker-logo {
	max-width: 216px;
}

.broker-logo img {
	width: 200px;
	max-width: 100%;
	height: auto;
}

.broker-mobile-logo {
	width: 71px;
	height: auto;
}

.trusted-broker-deposit-logo {
	width: 232px;
	max-width: 100%;
	height: auto;
}

.regulation {
	max-width: 132px;
}

.minimum-deposit {
	max-width: 158px;
}

.fees {
	max-width: 174px;
}

.rating {
	max-width: 102px;
	width: 78px;
}

.deposit-currencies {
	max-width: 204px;
}

.maximum-leverage {
	max-width: 184px;
}

.open-account {
	width: 190px;
}

.green-number {
	color: #01BF24;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.green-star {
	color: #21C73F;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

td.open-account {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.cta-btn.learn-more {
	padding: 10px 20px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.39);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: #000;
	font-family: "Roboto";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	width: auto;
}

.cta-btn.learn-more:hover {
	background: #FF6A01;
	color: #ffffff;
	border: 1px solid #FF6A01;
}

.cta-btn.open-account {
	padding: 10px 15px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.03);
	background: #FF6A01;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.55);
	color: #FFF;
	text-align: center;
	font-family: "Roboto";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	width: auto;
}

.cta-btn.open-account:hover {
	background: #ffffff;
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.39);
}

.cta-btn.open-account:hover svg path {
	fill: black;
}

.open-account {
	margin-top: 10px;
}

#broker-table td a.cta-btn {
	display: inline-block;
}

#brokersAccordion {
	margin-top: 60px;
	margin-bottom: 60px;
}

#brokersAccordion .accordion-item {
	border: none;
	border-bottom: 1px solid #000;
}

.accordion-header .accordion-button {
	background-color: #ffffff;
	color: #2A2A2A;
	font-family: "Open Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 62.1px;
	padding: 4px;
}

.accordion-item .accordion-body {
	border-radius: 10px;
	border-top: 1px solid #000;
	background: rgba(160, 160, 160, 0.15);
}

.accordion-body ul {
	margin-left: 10px;
	margin-bottom: 0px;
}

.accordion-body p,
.accordion-body ul li {
	color: #2A2A2A;
	font-family: "Open Sans Hebrew";
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 34.75px;
	text-align: left;
}

.accordion-body p {
	padding-top: 0px;
	padding-bottom: 0px;
}

.accordion-button::after {
	content: '';
	display: inline-block;
	width: 50px;
	height: 37px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="43" viewBox="0 0 44 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.75 3.95833C14.75 3.00797 15.2592 2.09654 16.1657 1.42453C17.0721 0.752529 18.3015 0.375 19.5833 0.375H24.4167C25.6985 0.375 26.9279 0.752529 27.8343 1.42453C28.7408 2.09654 29.25 3.00797 29.25 3.95833V11.125H38.9167C40.1985 11.125 41.4279 11.5025 42.3344 12.1745C43.2408 12.8465 43.75 13.758 43.75 14.7083V18.2917C43.75 19.242 43.2408 20.1535 42.3344 20.8255C41.4279 21.4975 40.1985 21.875 38.9167 21.875H29.25V29.0417C29.25 29.992 28.7408 30.9035 27.8343 31.5755C26.9279 32.2475 25.6985 32.625 24.4167 32.625H19.5833C18.3015 32.625 17.0721 32.2475 16.1657 31.5755C15.2592 30.9035 14.75 29.992 14.75 29.0417V21.875H5.08333C3.80145 21.875 2.57208 21.4975 1.66565 20.8255C0.759225 20.1535 0.25 19.242 0.25 18.2917V14.7083C0.25 13.758 0.759225 12.8465 1.66565 12.1745C2.57208 11.5025 3.80145 11.125 5.08333 11.125H14.75V3.95833Z" fill="black"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
}

.accordion-button:not(.collapsed)::after {
	content: '';
	display: inline-block;
	width: 56px;
	height: 74px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="74" viewBox="0 0 56 74" fill="none"><path d="M46.6667 40.0834H9.33333C8.71449 40.0834 8.121 39.7586 7.68342 39.1803C7.24583 38.6021 7 37.8178 7 37.0001C7 36.1823 7.24583 35.3981 7.68342 34.8198C8.121 34.2416 8.71449 33.9167 9.33333 33.9167H46.6667C47.2855 33.9167 47.879 34.2416 48.3166 34.8198C48.7542 35.3981 49 36.1823 49 37.0001C49 37.8178 48.7542 38.6021 48.3166 39.1803C47.879 39.7586 47.2855 40.0834 46.6667 40.0834Z" fill="black"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
}

.info-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cg opacity='0.5'%3E%3Cpath d='M5.63 5.93115C5.81449 5.52124 6.12801 5.18567 6.52093 4.97755C6.91385 4.76944 7.36374 4.70067 7.79938 4.78213C8.09776 4.82875 8.38125 4.94593 8.6271 5.12427C8.87295 5.3026 9.0743 5.53712 9.215 5.809C9.31632 6.02651 9.37128 6.26338 9.37627 6.50405C9.38127 6.74471 9.33618 6.98373 9.24398 7.2054C9.15178 7.42707 9.01454 7.62638 8.84129 7.79022C8.66804 7.95406 8.4627 8.07873 8.23875 8.15604C8.01045 8.2443 7.81291 8.39935 7.671 8.60166C7.52909 8.80398 7.44915 9.04451 7.44125 9.29298V9.76252' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.4256 11.3925H7.4306' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 13.9858C9.07472 13.9858 10.5849 13.349 11.6984 12.2155C12.8119 11.082 13.4375 9.54463 13.4375 7.94162C13.4375 6.33861 12.8119 4.80126 11.6984 3.66776C10.5849 2.53425 9.07472 1.89746 7.5 1.89746C5.92528 1.89746 4.41505 2.53425 3.30155 3.66776C2.18806 4.80126 1.5625 6.33861 1.5625 7.94162C1.5625 9.54463 2.18806 11.082 3.30155 12.2155C4.41505 13.349 5.92528 13.9858 7.5 13.9858Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 10px;
	margin: 0 5px;
	text-decoration: none;
	background: #ffffff;
	color: #333;
	font-weight: bold;
}

.pagination .current {
	background: #ffffff;
	color: #01BF24;
}

.broker-mobile-comparison-wrapper,
.trusted-broker-mobile-wrapper {
	display: none;
}



.trusted-broker-deposit {
	margin-top: 58px;
}

.trusted-broker-deposit-img {
	position: absolute;
	top: -41px;
	left: -32px;
	z-index: 3;
}


.deposit-container {
	width: 253px;
	height: 515px;
	border-radius: 24px;
	border: 1px solid #000;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 17px 8px 10px;
	position: relative;
}

.deposit-title {
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 0;
	margin-top: 5px;
}

.deposit-star {
	margin-bottom: 4px;
}

.deposit-info {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.deposit-info p {
	color: #000;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: "Roboto";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}

p .green-number {
	margin-bottom: 0;
}

.deposit-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	position: absolute;
	bottom: 45px;
}

.deposit-learn-btn {
	height: 48px;
	width: 146px;
	color: #000;
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.deposit-open-btn {
	height: 48px;
	width: 189px;
	color: #000;
	font-family: "Roboto";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.deposit-risk-info {
	color: rgba(0, 0, 0, 0.56);
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: "Roboto";
	font-size: 7px;
	font-style: normal;
	font-weight: 400;
	line-height: 10px;
	position: absolute;
	bottom: 8px;
	left: 16px;
}

.gray-line {
	background: #D6D6D6;
	height: 1px;
	width: 100%;
}

.broker-deposit-container {
	display: flex;
	flex-wrap: wrap;
	gap: 94px;
	justify-content: center;
}

#ranking-head-empty {
	background: #fff !important;
	color: #fff !important;
	border-color: #fff !important;
}

.ranking-item {
	width: 28px;
	background: transparent;
	border-color: transparent !important;
	color: transparent !important;
	box-shadow: none;
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
	height: 132px !important;
	padding: 0 !important;
}

.ranking-item.rank-1 {
	background-image: var(--comparison-ranking-gold-image);
	width: 58px;
	height: 107px;
	background-size: auto;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #fff;
	border-color: #fff !important;
	box-shadow: none;
	padding: 0 !important;
	left: -36px;
}

.ranking-item.rank-2 {
	background-image: var(--comparison-ranking-silver-image);
	width: 58px;
	height: 107px;
	background-size: auto;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #fff;
	border-color: #fff !important;
	box-shadow: none;
	padding: 0 !important;
	left: -36px;
}

.ranking-item.rank-3 {
	background-image: var(--comparison-ranking-bronze-image);
	width: 58px;
	height: 107px;
	background-size: auto;
	background-position: center left;
	background-repeat: no-repeat;
	background-color: #fff;
	border-color: #fff !important;
	box-shadow: none;
	padding: 0 !important;
	left: -36px;
}

#broker-table tbody tr {
	position: relative;
}

.explore-broker-text {
	display: none;
}


@media screen and (max-width: 1399px) {
	.open-account {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.open-account a.cta-btn {
		font-size: 14px;
	}
}

@media screen and (max-width: 1199px) {
	.open-account {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

	.open-account a.cta-btn {
		font-size: 13px;
	}
}

@media screen and (max-width: 1030px) {
	#ranking-head-empty {
		min-width: auto !important;
	}

	.accordion-header .accordion-button {
		font-size: 24px;
		line-height: 32px;
	}

	.accordion-button::after {
		width: 32px;
		height: 41px;
	}

	.accordion-button:not(.collapsed)::after {
		width: 32px;
		height: 41px;
	}

	.accordion-body p,
	.accordion-body ul li {
		font-size: 24px;
		line-height: 32px;
	}

	.accordion-body ul {
		margin-left: 0px;
	}

	#broker-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		padding-left: 35px;
	}

	#broker-table th,
	#broker-table td {
		white-space: nowrap;
		text-align: left;
	}

	#broker-table thead th {
		min-width: 200px;
	}

	#broker-table .cta-btn {
		display: block !important;
		margin: 10px auto;
	}

	.open-account {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.open-account a.cta-btn {
		font-size: 15px;
	}
}

@media screen and (max-width: 991px) {
	.info-icon {
		display: none;
	}
}

@media screen and (max-width: 575px) {

	.broker-comparison-table-section {
		padding-top: 20px;
	}

	.explore-broker-text {
		display: block;
		color: #000;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-family: 'Roboto';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		padding-bottom: 40px;
	}

	.broker-white-mobile {
		width: 384.461px;
		height: 1px;
		background: #D6D6D6;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.risk-borker-mobile {
		font-size: 8px;
		text-align: center;
		line-height: 24px;
		margin-bottom: 4px;
	}

	.green-number {
		font-size: 12px;
	}

	.ranking-item {
		position: static;
		transform: none;
		width: 28px;
		height: 81px !important;
		margin-right: 9px !important;
	}

	.ranking-item.rank-1,
	.ranking-item.rank-2,
	.ranking-item.rank-3 {
		width: 35px;
		background-size: 31px 67px;
		height: 67px !important;
		margin-right: 1px !important;
	}

	.cta-btn.open-account {
		position: absolute;
		top: 0;
		right: 0;
		width: 124px;
		height: 35px;
		display: flex !important;
		align-items: center;
		margin: 0;
		padding: 0 !important;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		line-height: 12px;
		background: #fff;
		color: #000;
		border: 1px solid #8d8d8d;
	}

	.broker-item {
		position: relative;
	}

	.broker-item-text-mobile {
		display: flex;
		flex-direction: column;
		padding-left: 6px;
	}

	.broker-item-text-mobile p {
		margin: 0;
		font-size: 12px;
	}

	.broker-item-text-mobile p:nth-child(1) {
		margin: 0;
		color: #000;
		font-family: "Trebuchet MS";
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
	}

	.broker-flex {
		display: flex;
		align-items: center;
	}



	.deposit-container:nth-child(n+4) {
		display: none;
	}

	.accordion-header .accordion-button {
		font-size: 16px;
		line-height: 24px;
	}

	.accordion-button::after {
		width: 22px;
		height: 28px;
	}

	.accordion-button:not(.collapsed)::after {
		width: 22px;
		height: 28px;
	}

	.accordion-body p,
	.accordion-body ul li {
		font-size: 16px;
		line-height: 24px;
	}

	#broker-table, .search-broker-wrapper {
		display: none;
	}

	.broker-mobile-comparison-wrapper,
	.trusted-broker-mobile-wrapper {
		display: block;
	}

	.broker-item-text-mobile p:nth-child(1) {
		font-size: 24px;
	}
}

@media screen and (max-width: 430px) {
	.cta-btn.open-account {
		width: 100px;
	}

	.broker-item-text-mobile p:nth-child(1) {
		font-size: 16px;
	}

	.broker-item-text-mobile p:nth-child(2) {
		margin-top: 7px;
	}

	.broker-white-mobile {
		width: 250px;
	}
}

/* Insights-aligned presentation layer. */
.comparison-main .cta-btn.learn-more,
.comparison-main .cta-btn.learn-more:visited {
	border-color: var(--insights-border);
	box-shadow: none;
	color: var(--insights-ink);
	font-weight: 700;
}

.comparison-main .cta-btn.open-account,
.comparison-main .cta-btn.open-account:visited {
	border-color: var(--insights-orange);
	background: var(--insights-orange);
	box-shadow: none;
	color: #fff;
	font-weight: 700;
}

.comparison-main .cta-btn.open-account svg path,
.comparison-main .cta-btn.open-account:hover svg path,
.comparison-main .cta-btn.open-account:focus-visible svg path {
	fill: #fff;
}

.comparison-main .cta-btn.learn-more:hover,
.comparison-main .cta-btn.learn-more:focus-visible,
.comparison-main .cta-btn.open-account:hover,
.comparison-main .cta-btn.open-account:focus-visible {
	border-color: var(--insights-orange-dark);
	background: var(--insights-orange-dark);
	color: #fff;
}

.comparison-main .pagination {
	gap: 8px;
	margin-top: 34px;
}

.comparison-main .pagination a,
.comparison-main .pagination span {
	min-width: 42px;
	margin: 0;
	padding: 10px 13px;
	border: 1px solid var(--insights-border);
	border-radius: 10px;
	background: #fff;
	color: var(--insights-ink);
	text-align: center;
}

.comparison-main .pagination .current {
	border-color: var(--insights-orange);
	background: var(--insights-orange);
	color: #fff;
}

.comparison-main #brokersAccordion {
	overflow: hidden;
	margin: 72px 0 0;
	border: 1px solid var(--insights-border);
	border-radius: 18px;
	background: #fff;
}

.comparison-main #brokersAccordion .accordion-item {
	border: 0;
	border-bottom: 1px solid var(--insights-border);
	background: #fff;
}

.comparison-main #brokersAccordion .accordion-item:last-child {
	border-bottom: 0;
}

.comparison-main #brokersAccordion .accordion-button {
	padding: 22px 26px;
	background: #fff;
	box-shadow: none;
	color: var(--insights-ink);
	font-family: inherit;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

.comparison-main #brokersAccordion .accordion-button:not(.collapsed) {
	background: var(--insights-surface);
	color: var(--insights-ink);
}

.comparison-main #brokersAccordion .accordion-button::after,
.comparison-main #brokersAccordion .accordion-button:not(.collapsed)::after {
	width: 22px;
	height: 22px;
}

.comparison-main #brokersAccordion .accordion-body {
	padding: 24px 26px;
	border: 0;
	border-radius: 0;
	background: #fff;
}

.comparison-main #brokersAccordion .accordion-body p,
.comparison-main #brokersAccordion .accordion-body ul li {
	color: var(--insights-muted);
	font-family: inherit;
	font-size: 17px;
	line-height: 1.7;
}

.comparison-main .explore-broker-text {
	display: none;
}

@media screen and (max-width: 991px) {
	.comparison-hero__content {
		padding: 58px 0 62px;
	}

	.broker-comparison-table-section {
		padding: 60px 0 78px;
	}
}

@media screen and (max-width: 575px) {
	.comparison-hero__content {
		padding: 48px 0 52px;
	}

	.comparison-hero h1 {
		font-size: 37px;
	}

	.comparison-hero__intro {
		font-size: 17px;
		line-height: 1.6;
	}

	.broker-comparison-table-section {
		padding: 52px 0 70px;
	}

	.comparison-main .broker-mobile-comparison-wrapper {
		display: grid;
		gap: 18px;
	}

	.comparison-main .broker-item {
		padding: 20px;
		border: 1px solid var(--insights-border);
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 12px 28px rgba(31, 35, 39, 0.07);
	}

	.comparison-main #brokersAccordion {
		margin-top: 52px;
	}

	.comparison-main #brokersAccordion .accordion-button {
		padding: 18px 20px;
		font-size: 18px;
	}

	.comparison-main #brokersAccordion .accordion-body {
		padding: 20px;
	}
}

/* Responsive comparison table and persistent scroll indicator. */
.comparison-table-wrap {
	width: 100%;
	margin-top: 34px;
}

.comparison-table-scroller {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var(--insights-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(31, 35, 39, 0.07);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.comparison-table-scroller::-webkit-scrollbar {
	display: none;
}

.comparison-table-scroller #broker-table {
	display: table;
	min-width: 1240px;
	margin: 0;
	overflow: visible;
	padding-left: 0;
	border: 0;
	border-radius: 0;
}

.comparison-table-scrollbar {
	position: relative;
	display: none;
	height: 5px;
	overflow: hidden;
	margin: 11px 2px 0;
	border-radius: 999px;
	background: #eceef0;
}

.comparison-table-scrollbar.is-ready {
	display: block;
}

.comparison-table-scrollbar.is-hidden {
	display: none;
}

.comparison-table-scrollbar span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--insights-orange);
	transform: translate3d(0, 0, 0);
	will-change: transform, width;
}

.comparison-main #broker-table thead th {
	border-top: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.16);
	border-bottom: 0;
	border-left: 0;
	background: var(--insights-ink);
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.35;
}

.comparison-main #broker-table thead th:last-child {
	border-right: 0;
}

.comparison-main #ranking-head-empty {
	min-width: 66px !important;
	border-color: var(--insights-ink) !important;
	background: var(--insights-ink) !important;
}

.comparison-main #broker-table tbody tr {
	transition: background 0.2s ease;
}

.comparison-main #broker-table tbody tr:hover {
	background: #fffaf6;
}

.comparison-main #broker-table tbody tr td {
	height: 138px;
	padding: 18px 12px;
	border-top: 0;
	border-right: 1px solid var(--insights-border);
	border-bottom: 1px solid var(--insights-border);
	border-left: 0;
	color: var(--insights-ink);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
}

.comparison-main #broker-table tbody tr:last-child td {
	border-bottom: 0;
}

.comparison-main #broker-table tbody td:last-child {
	border-right: 0;
}

.comparison-main #broker-table .ranking-item {
	position: relative;
	top: auto;
	left: auto;
	display: table-cell;
	width: 66px;
	height: 138px !important;
	padding: 0 !important;
	transform: none;
	background-position: center;
	background-size: 46px auto;
	border-right: 1px solid var(--insights-border) !important;
	border-bottom: 1px solid var(--insights-border) !important;
	background-color: #fff;
}

.comparison-main #broker-table .broker-logo img {
	max-height: 92px;
	object-fit: contain;
}

/* Modern broker summary cards. */
.comparison-main .trusted-broker-deposit {
	margin-top: 76px;
}

.comparison-main .broker-deposit-container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.comparison-main .deposit-container {
	width: auto;
	height: auto;
	min-height: 500px;
	padding: 32px 24px 22px;
	border: 1px solid var(--insights-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(31, 35, 39, 0.07);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.comparison-main .deposit-container:hover {
	border-color: #d3d6da;
	box-shadow: 0 18px 42px rgba(31, 35, 39, 0.11);
	transform: translateY(-3px);
}

.comparison-main .trusted-broker-deposit-img {
	top: -24px;
	left: 20px;
	width: 48px;
	height: auto;
}

.comparison-main .trusted-broker-deposit-logo {
	width: 210px;
	height: 105px;
	object-fit: contain;
}

.comparison-main .deposit-title {
	margin: 12px 0 2px;
	color: var(--insights-ink);
	font-family: inherit;
	font-size: 27px;
	line-height: 1.2;
}

.comparison-main .deposit-info {
	align-items: flex-start;
	gap: 18px;
	padding: 10px 0;
}

.comparison-main .deposit-info p {
	margin: 0;
	color: var(--insights-muted);
	text-shadow: none;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.45;
}

.comparison-main .deposit-info p:last-child {
	color: var(--insights-ink);
	font-weight: 700;
	text-align: right;
}

.comparison-main .gray-line {
	background: var(--insights-border);
}

.comparison-main .deposit-buttons {
	position: static;
	width: 100%;
	margin-top: auto;
	padding-top: 22px;
}

.comparison-main .deposit-learn-btn,
.comparison-main .deposit-open-btn {
	width: 100%;
	height: 46px;
	border-radius: 11px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
}

.comparison-main .deposit-learn-btn,
.comparison-main .deposit-learn-btn:visited {
	border-color: var(--insights-border);
	color: var(--insights-ink);
}

.comparison-main .deposit-open-btn,
.comparison-main .deposit-open-btn:visited {
	border-color: var(--insights-orange);
	background: var(--insights-orange);
	color: #fff;
}

.comparison-main .deposit-learn-btn:hover,
.comparison-main .deposit-learn-btn:focus-visible,
.comparison-main .deposit-open-btn:hover,
.comparison-main .deposit-open-btn:focus-visible {
	border-color: var(--insights-orange-dark);
	background: var(--insights-orange-dark);
	color: #fff;
}

.comparison-main .deposit-open-btn svg path {
	fill: currentColor;
}

.comparison-main .deposit-risk-info {
	position: static;
	margin: 15px 0 0;
	color: var(--insights-muted);
	text-shadow: none;
	font-family: inherit;
	font-size: 10px;
	line-height: 1.45;
	text-align: center;
}

@media screen and (max-width: 991px) {
	.comparison-main .broker-deposit-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media screen and (max-width: 575px) {
	.comparison-main .comparison-table-wrap,
	.comparison-main .search-broker-wrapper {
		display: none;
	}

	.comparison-main .broker-item {
		overflow: hidden;
		padding: 20px;
	}

	.comparison-main .broker-flex {
		display: grid;
		grid-template-columns: auto 68px minmax(0, 1fr);
		align-items: center;
		gap: 12px;
	}

	.comparison-main .broker-flex .ranking-item {
		width: 34px;
		height: 68px !important;
		margin: 0 !important;
		background-position: center;
		background-size: contain;
	}

	.comparison-main .broker-mobile-logo {
		display: block;
		width: 68px;
		height: 68px;
		object-fit: contain;
	}

	.comparison-main .broker-item-text-mobile {
		min-width: 0;
		padding: 0;
		gap: 5px;
	}

	.comparison-main .broker-item-text-mobile p,
	.comparison-main .broker-item-text-mobile p:nth-child(1) {
		margin: 0;
		color: var(--insights-muted);
		font-family: inherit;
		font-size: 13px;
		line-height: 1.45;
	}

	.comparison-main .broker-item-text-mobile p:nth-child(1) {
		color: var(--insights-ink);
		font-size: 20px;
		font-weight: 700;
		line-height: 1.2;
	}

	.comparison-main .risk-borker-mobile {
		margin: 18px 0 0;
		padding-top: 14px;
		border-top: 1px solid var(--insights-border);
		color: var(--insights-muted);
		font-size: 10px;
		line-height: 1.45;
		text-align: left;
	}

	.comparison-main .broker-white-mobile {
		display: none;
	}

	.comparison-main .broker-item > div:last-child {
		margin-top: 16px;
	}

	.comparison-main .broker-item .cta-btn.open-account {
		position: static;
		display: flex !important;
		width: 100%;
		height: 44px;
		margin: 0;
		border-radius: 11px;
		font-size: 14px;
	}

	.comparison-main .trusted-broker-deposit {
		margin-top: 58px;
	}

	.comparison-main .broker-deposit-container {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.comparison-main .deposit-container {
		min-height: 480px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.comparison-main #broker-table tbody tr,
	.comparison-main .deposit-container {
		transition: none;
	}
}

/* Accessible table tooltips. */
.comparison-main #broker-table .info-icon {
	position: absolute;
	top: 9px;
	right: 8px;
	display: inline-flex;
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 50%;
	outline: none;
	background: rgba(255, 255, 255, 0.08);
	background-image: none;
	color: #fff;
	cursor: help;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	opacity: 0.9;
	transition: border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}

.comparison-main #broker-table .info-icon::before {
	content: "?";
}

.comparison-main #broker-table .info-icon:hover,
.comparison-main #broker-table .info-icon:focus-visible {
	border-color: var(--insights-orange);
	background: var(--insights-orange);
	opacity: 1;
}

.comparison-tooltip {
	--bs-tooltip-max-width: 340px;
	--bs-tooltip-bg: #292b2e;
	--bs-tooltip-color: #fff;
	--bs-tooltip-opacity: 1;
	z-index: 1090;
}

.comparison-tooltip .tooltip-inner {
	padding: 12px 15px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	box-shadow: 0 12px 30px rgba(31, 35, 39, 0.24);
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
}

/* Corner ribbon stays anchored to its card at a readable size. */
.comparison-main .trusted-broker-deposit-img {
	top: -41px;
	left: -31px;
	width: 160px;
	height: 160px;
	pointer-events: none;
}

/* Compact accordion chevron replaces the oversized plus/minus artwork. */
.comparison-main #brokersAccordion .accordion-button::after,
.comparison-main #brokersAccordion .accordion-button:not(.collapsed)::after {
	width: 11px;
	height: 11px;
	margin-right: 6px;
	border-right: 2px solid var(--insights-orange);
	border-bottom: 2px solid var(--insights-orange);
	background: none !important;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}

.comparison-main #brokersAccordion .accordion-button:not(.collapsed)::after {
	transform: rotate(225deg);
}