.cst-statics-grid {
	border-radius: var(--rounded);
	background: var(--bg-color);
	position: relative;
	overflow: hidden;
}

.cst-statics-grid:before {
	position: absolute;
	content: '';
	width: 110%;
	height: 100%;
	top: 0;
	left: -50%;
	z-index: 0;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, transparent 56%);
}

.cst-statics-grid:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background: transparent var(--bg-image) no-repeat center / cover;
	mix-blend-mode: soft-light;
	opacity: var(--bg-img-opacity);
	/* Use the opacity variable */
}

/* Adjustments for specific styles */
.cst-statics-grid.gradient_background:before,
.cst-statics-grid.clear-style:before,
.cst-statics-grid.clear-style:after {
	content: none;
}

.cst-statics-grid.gradient_background:after {
	background: var(--bg-color) var(--bg-image) no-repeat center right / cover;
	/* Ensure var(--bg-color) is set correctly for gradient */
	mix-blend-mode: normal;
	opacity: var(--bg-img-opacity);
	/* Ensure opacity is applied if needed */
}

/* Container and General Typography */
.cst-statics-grid .container {
	max-width: 1190px;
	margin: 0 auto;
	width: 90%;
	padding: 40px 0 66px;
	position: relative;
	z-index: 1;
}

.cst-statics-grid .title {
	font: normal var(--f-bold) 2.06rem / 1.2 var(--font-sans);
	color: var(--title-color);
	letter-spacing: 0;
	margin: 0;
}

.cst-statics-grid .title+.grid-wrapper {
	margin-top: 30px;
}

/* Grid Layout */
.cst-statics-grid .grid-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
}

.cst-statics-grid .grid-wrapper .item {
	width: calc((100% / var(--grid-width)) - 20px);
}

.cst-statics-grid .grid-wrapper .item .divider {
	background: transparent var(--divider-bg) repeat-x left center / auto;
	width: 100%;
	height: 4px;
	margin: 20px 0;
	/* Consistent margin */
}

.cst-statics-grid .grid-wrapper .item .title {
	font: normal var(--f-bold) 1.75rem / 1.1 var(--font-sans);
	color: var(--item-title-color);
	margin: 0 0 15px 0;
	/* Adjusted margin */
}

.cst-statics-grid .grid-wrapper .item .content p {
	font: normal var(--f-medium) 1.13rem / 1.2 var(--font-sans);
	color: var(--item-text-color);
}

/* >>> Added/Modified Rules for Links within Content <<< */
.cst-statics-grid .grid-wrapper .item .content a {
	color: var(--item-link-color);
	/* Use the custom property */
	font-weight: 600;
	/* Example style */
	/* Inherit font */
}

.cst-statics-grid .grid-wrapper .item .content a:hover {
	text-decoration: none;
	/* Example hover style */
	opacity: 0.8;
	/* Example hover style */
}

/* >>> End Added/Modified Rules <<< */


.cst-statics-grid .grid-wrapper .item .content p {
	margin-top: 0;
	/* Reset top margin for paragraphs */
	margin-bottom: 20px;
}

.cst-statics-grid .grid-wrapper .item .content p:last-child {
	margin-bottom: 0;
	/* Remove bottom margin from last paragraph */
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
	.cst-statics-grid:before {
		content: none;
		/* Removed overlay */
	}

	.cst-statics-grid .container {
		padding: 30px 0;
	}

	.cst-statics-grid .title {
		font: normal var(--f-bold) 1.75rem / 1.1 var(--font-sans);
	}

	.cst-statics-grid .title+.grid-wrapper {
		margin-top: 20px;
	}

	.cst-statics-grid .grid-wrapper {
		gap: 20px;
	}

	.cst-statics-grid .grid-wrapper .item {
		width: calc((100% / 2) - 20px);
		/* 2 columns */
	}
}

@media screen and (max-width: 991px) {
	.cst-statics-grid.gradient_background:after {
		content: none;
		/* Remove gradient overlay on smaller screens */
	}

	.cst-statics-grid .grid-wrapper {
		gap: 30px;
		/* Adjust gap */
	}

	.cst-statics-grid .grid-wrapper .item {
		width: calc((100% / 2) - 15px);
		/* Adjust width based on new gap */
	}
}

@media screen and (max-width: 767px) {
	.cst-statics-grid .container {
		padding: 40px 0;
		width: 95%;
		/* More width on mobile */
	}
	
	.cst-statics-grid .grid-wrapper {
		flex-direction: column;
		gap: 20px;
	}

	.cst-statics-grid .grid-wrapper .item {
		width: 100%;
		/* Full width */
	}

	.cst-statics-grid .grid-wrapper .item .content {
		font: normal var(--f-medium) 1.13rem / 1.3 var(--font-sans);
		/* Adjusted size back */
	}
}