body { direction: rtl; text-align: right; margin: 0px; padding: 0px;}
		.posts-list-hero-container {
			position: relative;
			width: 100%;
			height: 300px;
			background-color: #2E3E77;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 20px;
			box-sizing: border-box;
			overflow: hidden;
		}
		.hero-container-image-background {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			filter: grayscale(100%);
			z-index: 0;
		}
		.posts-list-hero-container::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(45deg, rgba(102, 51, 153, 0.7), rgba(50, 18, 122, 0.5));
			z-index: 1;
		}
		.hero-container-header {
			position: relative;
			z-index: 2;
			text-align: center;
			color: white;
		}
		h1.hero-container-header-title {
			color: #FFF;
			margin: 0;
			padding: 0;
		}
		.hero-container-header-meta {
			color: #FFF;
			font-size: 12px;
			margin: 0;
			padding: 0;
		}
		.posts-list-container-main {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 20px;
			box-sizing: border-box;
		}
		.posts-list-container {
			display: flex;
			flex-direction: column;
			gap: 25px;
			margin: 50px 0;
		}
		.posts-list-container-header {
			display: flex;
			flex-direction: column;
			gap: 10px;
			text-align: right;
		}
		.posts-list-container-main-title {
			font-size: 24px;
			font-weight: 800;
			color: #4D4D4D;
			line-height: 30px;
			margin: 0;
			text-align: right;
		}
		.posts-list-container-main-subtitle {
			font-size: 14px;
			font-weight: 500;
			color: #636C68;
			line-height: 20px;
			margin: 0;
			text-align: right;
		}
		.posts-list-container-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 25px;
		}
		.keyword-card {
			padding: 25px;
			background: #fefefe;
			background-color: #FFF;
			padding: 25px;
			display: flex;
			flex-direction: column;
			gap: 15px;
		}
		.keywords-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 16px;
			direction: rtl;
		}
		h3.keyword-title {
			font-size: 16px;
			font-weight: 700;
			color: #343A40;
			text-align: center;
			margin: 0;
			padding: 0;
			height: 50px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: none;
		}
		a.keyword-title {
			font-size: 16px;
			font-weight: 700;
			color: #343A40;
			text-align: center;
			margin: 0;
			padding: 0;
			height: 50px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: none;
		}
		h4.keyword-author {
			font-size: 12px;
			color: #343A40;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		a.keyword-author {
			font-size: 12px;
			color: #343A40;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		p.keyword-meta {
			font-size: 14px;
			color: #495057;
			text-align: center;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0px;
			padding: 0px;
		}
		@media screen and (max-width: 1024px) {
			.keywords-grid {
				grid-template-columns: repeat(2, 1fr);
			}
			.posts-list-container-main-title {
				font-size: 20px;
				font-weight: 900;
			}
			.posts-list-container-main-subtitle {
				font-size: 14px;
				font-weight: 500;
			}
		}
		@media screen and (max-width: 600px) {
			.keywords-grid {
				grid-template-columns: repeat(1, 1fr);
			}
			.posts-list-container-main-title {
				font-size: 20px;
				font-weight: 900;
			}
			.posts-list-container-main-subtitle {
				font-size: 14px;
				font-weight: 500;
			}
		}