.hero-top {
    text-align: center;
	padding: clamp(2.5rem, 2.1rem + 2vw, 3.75rem) clamp(1.25rem, 0.05rem + 6vw, 5rem);
	background-color: #FF7518;
    width: 100%;	
}

.hero-title {
	color: #FFFFFF;
	font-size:clamp(1.75rem, 1.4643rem + 1.4286vw, 2.75rem);
	font-weight: 700;
	line-height: 120%;
}

/* Single News Container */
.single-news-container {
	background: #F4F4F4;
	font-family: Nunito Sans;
	display: flex;
	justify-content: center;
}
.single-post-block {
	display: flex;
	flex-direction: column;
	width: 100%;
    align-items: center;
}
.single-post-content {
	display: flex;
	justify-content: center;
	gap: 40px;
	width: 100%;
	max-width: 1320px;
	padding: clamp(2.5rem, 2.1rem + 2vw, 3.75rem) clamp(1.25rem, 0.05rem + 6vw, 5rem);
}
.single-post-details {
	width: 70%;
	border-radius: 28px;
	padding: 20px;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* News Content */
.news-single-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.news-content {
    display: flex;
	flex-direction: column;
	gap: 20px;
}
.news-content h1, .news-content h2, .news-content h3 {
	font-size: clamp(1.5rem, 1.26rem + 1.2vw, 2.25rem);
	font-weight: 700;
	line-height: 120%;
}
.news-content h4, .news-content h5, .news-content h6 {
	font-size: clamp(1.4rem, 1.2857rem + 0.5714vw, 1.8rem);
	font-weight: 700;
	line-height: 150%;
}
.news-content p {
	font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
	font-weight: 500;
	line-height: 150%;
	color: #5E5E5E;
}
.news-content ul {
	font-size: clamp(1rem, 0.9286rem + 0.3571vw, 1.25rem);
	font-weight: 500;
	line-height: 150%;
	color: #5E5E5E;
	list-style: disc;
	padding-left: 20px;
}
.news-content img {
	border-radius: 4px;
}
.news-content .gallery {
	display: flex;
	gap: 20px;
}

/* Related News */
.related-latest-content {
	width: 30%;
	border-radius: 28px;
	padding: 20px;
	background: #ffffff;	
	height: max-content;
}
.related-news {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.single-news-container .related-news-title {
    font-size: clamp(1.2rem, 1.0857rem + 0.5714vw, 1.6rem);
    line-height: 120%;
    font-weight: 700;
}
.related-news ul {
    list-style-type: none;
	color: #6E6E6E;
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
}
.related-news ul li a {
	color: #5E5E5E;
	font-weight: 600;
    text-decoration: none;
}
.related-news ul li a:hover {
    color: #FF7518;
}

@media (max-width: 768px) {
    .single-post-content {
        flex-direction: column;
		gap: 20px;
    }
	.single-post-details {
		width: 100%;
	}

	.related-latest-content {
		width: 100%;
	}	
}