
	.post--width {
		width: 100%;
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.single-post--hero-section {
		padding-top: 96px;
		display: flex;
	}

	.single-post--hero-section .std-row .std-column {
		display: flex;
		flex-flow: column;
		width: 100%;
	}

	.single-post--hero-section .post-meta {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 32px;
		gap: 6px;
	}

	.single-post--hero-section .post-meta .post-meta--author-avatar img {
		border-radius: 50%;
		overflow: hidden;
	}

	.single-post--hero-section .post-meta .post-meta--info {
		display: flex;
		gap: 6px;
		align-items: center;
		justify-content: center;
	}

	.single-post--hero-section .post-meta .post-meta--author-name {
		color: var(--theme-text-color-highlight);
		line-height: 1 !important;
	}

	.single-post--hero-section .post-meta .post-meta--separator {
		color: #757575;
		line-height: 1 !important;
	}

	.single-post--hero-section .post-meta .post-meta--published-date {
		color: var(--theme-highlight-color);
		line-height: 1 !important;
	}

	.post-title h1 {
		color: var(--theme-highlight-color);
	}

	.post-title p {
		color: var(--theme-soft-color);
		margin-top: 24px;
	}

	.post--categories {
		margin-top: 40px;
		margin-bottom: 64px;
		display: flex;
		gap: 6px;
		flex-wrap: wrap;
		justify-content: center;
	}

	/* .category--layout-0,
	.category--layout-1,
	.category--layout-2,
	.category--layout-black {
		padding: 2px 8px;
		color: var(--theme-light-color);
		border-radius: 16px;
		text-decoration: none;
	}
	.category--layout-0 {
		background-color: var(--theme-primary-color);
	}
	.category--layout-1 {
		background-color: var(--theme-secondary-color);
	}
	.category--layout-2 {
		background-color: var(--theme-tertiary-color);
	}
	.category--layout-black {
		background: rgba(58, 72, 75, 1);
		color: white !important;
	} */
	.post--featured-image {
		width: 100%;
		margin-bottom: 96px;
		position: relative;
	}

	.post--featured-image img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		box-shadow: 0px 32px 64px -12px #10182824;
		max-width: 100% !important;
		margin-top: 60px;
	}

	.post--featured-image .slide-prev {
		position: absolute;
		top: 134px;
		left: -60px;
		background-color: var(--theme-secondary-background-color) !important;
	}

	.post--featured-image .slide-prev:hover {
		background-color: var(--theme-primary-color) !important;
	}

	.narrow-width,
	.narrow-width * {
		width: 100%;
		max-width: 720px;
		margin-left: auto;
		margin-right: auto;
		color: var(--theme-soft-color);
		font-family: 'Manrope';
		font-size: 18px;
		font-weight: 400;
		line-height: 28px;
		text-align: left;
	}

	.post--excerpt {
		padding-bottom: 33px;
		margin-bottom: 24px;
		border-bottom: 1px solid #EAECF0;
	}

	#post--gallery-popup {
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 999;
		margin: 0px !important;
		padding: 0px !important;
	}

	#post--gallery-popup .gallery-popup--container {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	#gallery-popup--holder {
		width: 1060px;
		height: 403px;
		border-radius: 10px;
		overflow: hidden;
	}

	#gallery-popup--holder img {
		max-width: 100% !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain;
	}

	#gallery-popup--pagination {
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-top: 17px;
	}

	.thumbnail {
		width: 122px !important;
		height: 122px !important;
		object-fit: cover;
		border-radius: 10px;
		overflow: hidden;
	}

	.single-post--social {
		display: flex;
		justify-content: space-between;
	}

	.single-post--social .narrow-width {
		border-top: 1px solid #EAECF0;
		padding-top: 25px;
		padding-bottom: 76px;
	}

	.single-post--social .snd-button {
		width: fit-content;
		margin-left: 0px;
	}

	.single-post--social .social-share {
		display: flex;
		gap: 12px;
		width: fit-content;
		margin-right: 0px;
	}

	.single-post--social .social-share span {
		font-family: 'Manrope';
		font-size: 18px;
		font-weight: 400;
		line-height: 28px;
		text-align: left;
		color: var(--theme-soft-color);
		width: fit-content;
	}

	.single-post--social .social-share a {
		text-decoration: none;
		background-color: var(--theme-highlight-color) !important;
		width: 32px;
		height: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.single-post--social i {
		font-family: 'FontAwesome' !important;
		color: var(--theme-light-color) !important;
		width: fit-content;
		height: fit-content;
		line-height: 1;
		font-size: 12px;
	}

	.related-articles .std-row {
		flex-flow: column;
		justify-content: left;
		align-items: flex-start;
	}

	.related-articles h2 {
		margin-bottom: 20px;
		color: #101828;
	}

	.related-articles p {
		margin-bottom: 64px;
		color: var(--theme-soft-color);
	}

	.related-posts {
		display: flex;
		list-style: none;
		padding: 0px;
		gap: 22px;
		flex-wrap: wrap;
	}

	.related-post--item {
		padding: 25px;
		border: 1px solid #E0E0E0;
		border-radius: 10px;
		max-width: calc(50% - 12px);
		width: 100%;
	}

	.related-post-author {
		display: flex;
		gap: 6px;
		align-items: center;
		margin-bottom: 16px;
	}

	.related-post-author * {
		line-height: 1;
	}

	.related-post-author .date {
		color: #757575;
	}

	.author-avatar img {
		border-radius: 50%;
	}

	.related-post--title-image {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 16px;
	}

	.related-post-thumbnail {
		width: 156px;
		height: 117px;
	}

	.related-post-thumbnail img {
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		object-fit: cover;
	}

	.related-post-title {
		width: 50%;
	}

	.related-post-title a {
		text-decoration: none;
	}

	.related-post-categories {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	/* .category--layout-0,
	.category--layout-1,
	.category--layout-2 {
		padding: 2px 8px;
		color: var(--theme-light-color);
		border-radius: 16px;
	}
	.category--layout-0 {
		background-color: var(--theme-primary-color);
	}
	.category--layout-1 {
		background-color: var(--theme-secondary-color);
	}
	.category--layout-2 {
		background-color: var(--theme-tertiary-color);
	} */
	.related--pagination {
		width: 60%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding: 16px;
		margin-top: 22px;
		border-top: 1px solid #EAECF0;
	}

	.related--pagination .blaze-prev,
	.related--pagination .blaze-next {
		left: 0px !important;
		right: 0px !important;
		width: fit-content !important;
		color: black !important;
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 12px 6px !important;
		line-height: 1 !important;
		justify-content: center;
		font-family: 'Inter';
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		text-align: left;
		color: #1E282A !important;
	}

	.blaze-pagination {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.related--pagination span {
		position: relative;
		top: -1px;
	}

	.blaze-pagination button {
		width: 40px !important;
		height: 40px !important;
		background: transparent !important;
		color: #1E282A !important;
		line-height: 1 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px !important;
		border: unset !important;
		border-radius: 8px !important;
	}

	.blaze-pagination button:hover {
		background-color: #F1F5F8 !important;
	}

	.related--pagination>button:hover,
	.related--pagination>button:hover span {
		color: var(--theme-light-color) !important;
	}

	.most-viewed-articles {
		padding-bottom: 0px !important;
		margin-bottom: 32px !important;
	}

	.most-viewed-articles .std-row {
		display: flex;
		flex-flow: column;
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.most-viewed-articles .std-row h3 {
		margin-bottom: 24px;
	}

	.blog--most-viewed-posts {
		display: flex;
		flex-wrap: wrap;
	}

	.blog--most-viewed-post--categories {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.blog--most-viewed-post {
		width: 33%;
		padding: 20px;
		text-decoration: none;
		background-color: rgba(241, 245, 248, 0.75);
		/* border: 1px solid rgba(225, 228, 237, 1); */
		border: 0 !important;
		transition: .2s all ease;
		display: flex;
		/* justify-content: center; */
		align-items: center;
		gap: 16px;
	}

	.blog--most-viewed-post:nth-child(2),
	.blog--most-viewed-post:nth-child(5) {
		width: 34%;
		border-right: 1px solid rgba(225, 228, 237, 1) !important;
		border-left: 1px solid rgba(225, 228, 237, 1) !important;
	}

	.blog--most-viewed-post:nth-child(4),
	.blog--most-viewed-post:nth-child(5),
	.blog--most-viewed-post:nth-child(6) {
		border-top: 1px solid rgba(225, 228, 237, 1) !important;
	}

	/* .blog--most-viewed-post:hover {
		background-color: rgba(241, 245, 248, 1);
	} */

	/* 	My Css */

	.tooltip {
		position: absolute;
		bottom: 120%;
		left: 50%;
		transform: translateX(-50%);
		background-color: #1940CC !important;
		color: white;
		padding: 5px 10px;
		font-size: 12px;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* Show tooltip */
	.tooltip.show {
		opacity: 1;
		visibility: visible;
	}

	.single-post--social .social-share a {
		background-color: #3A484B !important;
	}

	@media only screen and (max-width: 768px) {
		.related-post--item {
			max-width: 100%;
			width: 100%;
		}

		.related--pagination {
			width: 100%;
		}

		.blog--most-viewed-post {
			width: 100%;
		}

		#gallery-popup--holder {
			width: 90%;
			height: 300px;
		}

		.thumbnail {
			width: 30px !important;
			height: 30px !important;
		}

		.single-post--hero-section {
			padding-top: 40px;
		}

		.post--featured-image {
			margin-bottom: 32px;
		}

		.single-post--social .social-share {
			display: flex;
			gap: 12px;
			width: fit-content;
			margin-right: 0px;
			margin-left: 0;
			margin-top: 12px;
		}

		.related-post-title {
			width: 100%;
		}

		.post--featured-image {
			overflow: hidden;
			border-radius: 10px;
		}
		
		.post--featured-image .bg-ft-img {margin: 0;}
		.post--featured-image img {
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			box-shadow: 0px 32px 64px -12px #10182824;
			max-width: 100% !important;
			margin-top: 0px !important;
		}
	}


						.bg-ft-img {
						  position: relative;
						  aspect-ratio: 21 / 9; 
						  width: 100%;
						  /* The responsive image below retains the same cover crop. */ 
						  background-size: cover;
						  background-position: center center;
						  background-repeat: no-repeat;
						  overflow: hidden;
							box-shadow: 0px 32px 64px -12px #10182824;
							margin-top:60px;
						}
					