.heading-custom-title {
	font-family: var(--font-family);
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;	
}

.heading-custom-description p {
	font-family: var(--second-family);
	font-weight: 300;
	font-size: 16px;
	line-height: 162%;
	color: #fff;	
}

.heading-custom-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:clamp(20px, 17.57px + 0.65vw, 30px);
}

.heading-custom-item {
	width:clamp(343px, 306.59px + 9.71vw, 493px);
	background: #1b1a20;
	border-radius: 10px;
}

.heading-custom-item-image {
	width:100%;
}

.heading-custom-item-image img {
	width:100%;
	height:auto;
}

.heading-custom-content {
	padding:20px;
	background: #1b1a20;
	border-radius: 10px;
}

.heading-custom-item-title {
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	padding-bottom:clamp(10px, 7.57px + 0.65vw, 20px);
}

.heading-custom-item-meta {
	display:flex;
	gap:clamp(15px, 11.36px + 0.97vw, 30px);
	padding-top:15px;
	border-top: 1px solid #865789;
	font-family: var(--font-family);
	font-weight: 300;
	font-size: clamp(12px, 11.51px + 0.13vw, 14px);
	color: #865789;
}

.heading-custom-item-views {
	padding-left:34px;
	position:relative;
}

.heading-custom-item-views:after {
	content:"";
	position:absolute;
	left:0;
	top:1px;
	width:27px;
	height:16px;
	background-size:cover;
	background-image:url('data:image/svg+xml,<svg width="28" height="16" viewBox="0 0 28 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_530_1189)"><path d="M26.5133 7.99991C26.5133 7.99991 19.002 14.9898 13.9978 14.9898C8.99361 14.9898 1.4873 7.99991 1.4873 7.99991C1.4873 7.99991 8.99855 1.01001 14.0028 1.01001C19.007 1.01001 26.5182 7.99991 26.5182 7.99991H26.5133Z" stroke="%23865789" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><path d="M17.062 7.99498C17.062 9.7273 15.6901 11.1313 13.9973 11.1313C12.3046 11.1313 10.9326 9.73235 10.9326 7.99498C10.9326 6.2576 12.3046 4.86871 13.9973 4.86871C15.6901 4.86871 17.062 6.2677 17.062 7.99498Z" stroke="%23865789" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g><defs><clipPath id="clip0_530_1189"><rect width="27" height="16" fill="white" transform="translate(0.5)" /></clipPath></defs></svg>');
}

.heading-custom-item-comments {
	padding-left:25px;
	position:relative;
}

.heading-custom-item-comments:after {
	content:"";
	position:absolute;
	left:0;
	width:18px;
	height:17px;
	background-size:cover;
	background-image:url('data:image/svg+xml,<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_530_1194)"><path d="M17.6842 0.834534V12.0413H15.4013V16.1699L11.3706 12.0413H1.31543V0.834534H17.6842Z" stroke="%23865789" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></g><defs><clipPath id="clip0_530_1194"><rect width="18" height="17" fill="white" transform="translate(0.5)" /></clipPath></defs></svg>');
}

.load-more-style {
	border-radius: 10px;
	padding: 18px 26px;
	cursor:pointer;
	background: var(--d430a7);
	border:none;
	font-family: var(--second-family);
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	margin:40px auto 0px auto;
	display:block;
}

.similar-posts-screen-title {
	font-family: var(--font-family);
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;	
}

.similar-posts-screen-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:clamp(20px, 15.15px + 1.29vw, 40px);
	gap:clamp(20px, 17.57px + 0.65vw, 30px);
}

@media (max-width: 767px) {
	.heading-custom-item {
		width:100%;
	}
	
	.similar-posts-screen-title, .heading-custom-title {
		text-align:center;
		font-size:32px;
	}
	
	.heading-custom-description p {
		text-align: center;
	}
	
	.heading-container {
		padding:0px 20px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.heading-custom-item {
		width:293px;
	}
	
	.heading-custom-item-title {
		font-size: 14px;
	}
	
	.heading-custom-item-meta {
		font-size:10px;
	}
	
	.heading-custom-item-views:after {
		top:-2px;
	}
	
	.heading-custom-title, .heading-custom-description p {
		text-align: center;
	}
}