.my-grid-wrapper {
	display: grid;
	box-sizing: border-box;
}

.my-grid-scroll-wrapper {
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
}

.my-grid-cell {
	box-sizing: border-box;
	overflow: hidden;
	word-break: break-word;
	min-width: 0;
	min-height: 0;
}

.my-grid-cell--header {
	font-weight: 600;
}

.my-grid-cell--header-first {
	border-radius: 24px 0 0 0;
}

.my-grid-cell--header-last {
	border-radius: 0 24px 0 0;
}
.my-grid-cell p {
    font-size: 14px;
    line-height: 21px;
    padding: 5px 15px;
}
@media (max-width: 1024px) {
	.my-grid-wrapper {
		grid-template-columns: var(--grid-cols-tablet, repeat(var(--columns-tablet), 1fr)) !important;
		grid-auto-rows: minmax(auto, auto) !important;
	}

	.my-grid-cell--hide-tablet,
	.my-grid-col-hidden {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.my-grid-wrapper {
		grid-template-columns: var(--grid-cols-mobile, repeat(var(--columns-mobile), 1fr)) !important;
		grid-auto-rows: minmax(auto, auto) !important;
	}

	.my-grid-cell--hide-mobile {
		display: none !important;
	}

	.my-grid-scroll-wrapper > .my-grid-wrapper {
		grid-template-columns: var(--grid-cols-mobile, repeat(var(--columns-mobile), 1fr)) !important;
		width: max-content;
		min-width: 100%;
	}
}

.my-grid-cell p:last-child {
	margin-bottom: 0;
}