.table {
	margin: 0;
	font-size: 15px;
	background-color: hsl(var(--white));
	box-shadow: 0 0 8px hsl(var(--base) / 0.06);
	border-radius: 15px !important;
	overflow: hidden;
	thead {
			border: none;
		tr {
			th {
				background: #e9e4ef;
				text-align: center;
				font-size: 18px;
				padding: 25px 15px;
				color: hsl(var(--heading)) !important;
				font-family: var(--other-font);
				font-weight: 500;
				border: 0;
				&:first-child {
					// text-align: left;
					border-radius: 5px 0 0 0;
				}
				&:last-child {
					border-radius: 0 5px 0 0;
					// text-align: right;
				}
			}
		}
	}
	tbody {
		border: 0 !important;
		tr {
			&:not(:last-child) {
				border-bottom: 1px solid #A4A4A4;
			}
			td {
				text-align: center;
				vertical-align: middle;
				padding: 15px 15px;
				border-width: 0px;
				font-family: var(--other-font);
				font-size: 16px;
				&::before {
					content: attr(data-label);
					font-family: var(--heading-font);
					font-size: 15px;
					color: hsl(var(--heading));
					font-weight: 500;
					display: none;
				}
				&:first-child {
					// text-align: left;
				}
				&:last-child {
					// text-align: right;
				}
			}
		}
	}
	.amount {
		span {
			margin-right: 4px;
		}
	}
}
.main-table {
	padding-inline: 100px !important;

	thead {
		tr {
			th {
				padding: 17.5px 15px;
			}
		}
	}
	tbody {
		tr {
			td {
				padding: 20px 15px;
			}
		}
	}
}

.table--responsive--md {
	@include breakpoint(max-md) {
		thead {
			display: none;
		}
		tbody {
			tr {
				display: block;
				td {
					display: flex;
					align-items: center;
					justify-content: space-between;
					gap: 35px;
					text-align: right;
					padding: 10px 15px;
					border: none;
					border-bottom: 1px solid hsl(var(--border));
					@include breakpoint(max-lg) {
						font-size: 14px !important;
					}
					&:last-child {
						border: none;
					}
					&::before {
						display: block;
					}
				}
			}
		}
	}
	@include breakpoint(md) {
		tbody {
			tr {
				td {
					border: 0;
				}
			}
		}
	}
}
.table--responsive--lg {
	@include breakpoint(max-lg) {
		thead {
			display: none;
		}
		tbody {
			tr {
				display: block;
				td {
					display: flex;
					align-items: center;
					justify-content: space-between;
					gap: 35px;
					text-align: right;
					padding: 10px 15px;
					border: none;
					// border-bottom: 1px solid hsl(var(--border));
					@include breakpoint(max-lg) {
						font-size: 14px !important;
					}
					&:last-child {
						border: none;
					}
					&::before {
						display: block;
					}
				}
			}
		}
	}
	@include breakpoint(lg) {
		tbody {
			tr {
				td {
					border: none;
				}
			}
		}
	}
}
.table--responsive--xl {
	@include breakpoint(max-xl) {
		thead {
			display: none;
		}
		tbody {
			tr {
				display: block;
				td {
					display: flex;
					align-items: center;
					justify-content: space-between;
					gap: 35px;
					text-align: right;
					padding: 10px 15px;
					border: none;
					@include breakpoint(max-lg) {
						font-size: 14px !important;
					}
					&:last-child {
						border: none;
					}
					&::before {
						display: block;
					}
				}
			}
		}
	}
	@include breakpoint(xl) {
		tbody {
			tr {
				td {
					border: 0;
				}
			}
		}
	}
}