/* ==========================================================================
   SINGLE BLOG
   ========================================================================== */

.ph-single-blog {
	--sb-blue: #0b5cf6;
	--sb-blue-light: #2a7dff;
	--sb-navy: #06275f;
	--sb-text: #4f668c;
	--sb-muted: #8190aa;
	--sb-border: #dce5f3;
	--sb-soft: #f4f7ff;

	width: 100%;

	overflow: hidden;

	background: #ffffff;
}


/* ==========================================================================
   HERO
   ========================================================================== */

.ph-single-blog__hero {
	position: relative;

	min-height: 565px;

	padding:
	190px
	0
	78px;

	overflow: hidden;

	background:
	linear-gradient(
		115deg,
		#031846 0%,
		#062c7f 40%,
		#0b50d4 72%,
		#176fff 100%
	);

	isolation: isolate;
}


.ph-single-blog__hero::before {
	position: absolute;

	top: -430px;
	right: -170px;

	width: 970px;
	height: 970px;

	border:
	1px
	solid
	rgba(255,255,255,.10);

	border-radius: 50%;

	content: "";
}


.ph-single-blog__hero::after {
	position: absolute;

	top: -340px;
	right: -60px;

	width: 720px;
	height: 720px;

	border-radius: 50%;

	background:
	radial-gradient(
		circle,
		rgba(86,154,255,.27),
		transparent 70%
	);

	content: "";
}


.ph-single-blog__hero-circle {
	position: absolute;

	border:
	1px
	solid
	rgba(255,255,255,.08);

	border-radius: 50%;
}


.ph-single-blog__hero-circle--one {
	top: 30px;
	left: -220px;

	width: 520px;
	height: 520px;
}


.ph-single-blog__hero-circle--two {
	right: 34%;
	bottom: -420px;

	width: 580px;
	height: 580px;
}


/* ==========================================================================
   HERO CONTAINER
   ========================================================================== */

.ph-single-blog__hero-container {
	position: relative;
	z-index: 3;

	width:
	min(
		100% - 140px,
		1600px
	);

	margin-inline: auto;
}


.ph-single-blog__hero-content {
	max-width: 1180px;
}


/* category */

.ph-single-blog__category {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 22px;

	padding:
	8px
	13px;

	border:
	1px
	solid
	rgba(255,255,255,.18);

	border-radius: 999px;

	background:
	rgba(255,255,255,.08);

	color: #ffffff;

	font-size: 9px;
	font-weight: 750;

	letter-spacing: .12em;

	text-decoration: none;

	text-transform: uppercase;

	backdrop-filter: blur(10px);
}


.ph-single-blog__category span {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #ffffff;

	box-shadow:
	0
	0
	0
	4px
	rgba(255,255,255,.12);
}


/* title */

.ph-single-blog__hero h1 {
	max-width: 1180px;

	margin:
	0
	0
	27px;

	color: #ffffff;

	font-size:
	clamp(
		46px,
		4.8vw,
		78px
	);

	font-weight: 780;
	line-height: 1.04;

	letter-spacing: -3px;
}


/* meta */

.ph-single-blog__meta {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 21px;

	margin-bottom: 30px;
}


.ph-single-blog__meta span {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	color:
	rgba(255,255,255,.78);

	font-size: 11px;
	font-weight: 600;
}


.ph-single-blog__meta svg {
	width: 17px;
	height: 17px;

	fill: none;
	stroke: #ffffff;

	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* breadcrumb */

.ph-single-blog__breadcrumb {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 10px;

	color:
	rgba(255,255,255,.58);

	font-size: 11px;
	font-weight: 600;
}


.ph-single-blog__breadcrumb a {
	color:
	rgba(255,255,255,.90);

	text-decoration: none;
}


/* ==========================================================================
   ARTICLE SECTION
   ========================================================================== */

.ph-single-blog__content-section {
	position: relative;

	padding:
	72px
	0
	95px;

	background:
	linear-gradient(
		180deg,
		#f4f7ff 0%,
		#ffffff 570px
	);
}


.ph-single-blog__container {
	display: grid;

	grid-template-columns:
	minmax(0,1fr)
	340px;

	align-items: start;

	gap: 36px;

	width:
	min(
		100% - 140px,
		1600px
	);

	margin-inline: auto;
}


/* ==========================================================================
   ARTICLE CARD
   ========================================================================== */

.ph-single-blog__article {
	overflow: hidden;

	border:
	1px solid
	#dce5f3;

	border-radius: 28px;

	background: #ffffff;

	box-shadow:
	0
	18px
	52px
	rgba(20,52,113,.075);
}


/* ==========================================================================
   FEATURED IMAGE
   ========================================================================== */

.ph-single-blog__featured-image {
	position: relative;

	width: 100%;
	height: 520px;

	margin: 0;

	overflow: hidden;

	background: #edf3ff;
}


.ph-single-blog__featured-image::after {
	position: absolute;

	inset: 0;

	background:
	linear-gradient(
		180deg,
		transparent 70%,
		rgba(2,25,66,.08)
	);

	content: "";

	pointer-events: none;
}


.ph-single-blog__featured-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


/* ==========================================================================
   ARTICLE INNER
   ========================================================================== */

.ph-single-blog__article-inner {
	padding:
	46px
	54px
	50px;
}


.ph-single-blog__article-top {
	margin-bottom: 22px;
}


.ph-single-blog__article-label {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: #5073a9;

	font-size: 9px;
	font-weight: 780;

	letter-spacing: .13em;

	text-transform: uppercase;
}


.ph-single-blog__article-label span {
	width: 27px;
	height: 2px;

	border-radius: 999px;

	background:
	linear-gradient(
		90deg,
		#0b5cf6,
		#6ca5ff
	);
}


/* ==========================================================================
   CONTENT TYPOGRAPHY
   ========================================================================== */

.ph-single-blog__entry-content {
	color: #435b81;

	font-size: 16px;
	line-height: 1.85;
}


.ph-single-blog__entry-content > *:first-child {
	margin-top: 0;
}


.ph-single-blog__entry-content p {
	margin:
	0
	0
	22px;
}


.ph-single-blog__entry-content h2 {
	margin:
	46px
	0
	18px;

	color: #06275f;

	font-size: 31px;
	font-weight: 760;
	line-height: 1.18;

	letter-spacing: -.8px;
}


.ph-single-blog__entry-content h3 {
	margin:
	34px
	0
	14px;

	color: #0a316f;

	font-size: 24px;
	font-weight: 750;
	line-height: 1.25;
}


.ph-single-blog__entry-content h4 {
	margin:
	28px
	0
	12px;

	color: #103b79;

	font-size: 19px;
	font-weight: 740;
}


.ph-single-blog__entry-content strong {
	color: #173c74;

	font-weight: 750;
}


.ph-single-blog__entry-content a {
	color: #0b5cf6;

	font-weight: 650;

	text-decoration-thickness: 1px;

	text-underline-offset: 3px;
}


/* lists */

.ph-single-blog__entry-content ul,
.ph-single-blog__entry-content ol {
	margin:
	0
	0
	25px;

	padding-left: 25px;
}


.ph-single-blog__entry-content li {
	margin-bottom: 9px;

	padding-left: 4px;
}


.ph-single-blog__entry-content li::marker {
	color: #0b5cf6;
}


/* images */

.ph-single-blog__entry-content img {
	max-width: 100%;

	height: auto;

	border-radius: 18px;
}


.ph-single-blog__entry-content figure {
	margin:
	34px
	0;
}


.ph-single-blog__entry-content figcaption {
	margin-top: 9px;

	color: #8392aa;

	font-size: 11px;
	line-height: 1.5;

	text-align: center;
}


/* blockquote */

.ph-single-blog__entry-content blockquote {
	position: relative;

	margin:
	36px
	0;

	padding:
	27px
	30px
	27px
	34px;

	overflow: hidden;

	border:
	1px solid
	#d7e3f5;

	border-radius: 18px;

	background:
	linear-gradient(
		135deg,
		#f3f7ff,
		#ffffff
	);

	color: #1d477e;

	font-size: 18px;
	font-weight: 600;
	line-height: 1.65;
}


.ph-single-blog__entry-content blockquote::before {
	position: absolute;

	top: 0;
	left: 0;

	width: 4px;
	height: 100%;

	background:
	linear-gradient(
		180deg,
		#0b5cf6,
		#5c99ff
	);

	content: "";
}


.ph-single-blog__entry-content blockquote p:last-child {
	margin-bottom: 0;
}


/* tables */

.ph-single-blog__entry-content table {
	width: 100%;

	margin:
	32px
	0;

	overflow: hidden;

	border-collapse: separate;
	border-spacing: 0;

	border:
	1px solid
	#dce5f3;

	border-radius: 16px;

	background: #ffffff;
}


.ph-single-blog__entry-content th,
.ph-single-blog__entry-content td {
	padding:
	14px
	16px;

	border-right:
	1px solid
	#e2e9f4;

	border-bottom:
	1px solid
	#e2e9f4;

	text-align: left;
}


.ph-single-blog__entry-content th {
	background: #edf4ff;

	color: #123c78;

	font-size: 13px;
	font-weight: 750;
}


.ph-single-blog__entry-content td {
	color: #536a8f;

	font-size: 13px;
}


.ph-single-blog__entry-content tr:last-child td {
	border-bottom: 0;
}


.ph-single-blog__entry-content th:last-child,
.ph-single-blog__entry-content td:last-child {
	border-right: 0;
}


/* ==========================================================================
   POST FOOTER
   ========================================================================== */

.ph-single-blog__post-footer {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-top: 48px;

	padding-top: 29px;

	border-top:
	1px solid
	#e2e8f2;
}


.ph-single-blog__post-categories > span {
	display: block;

	margin-bottom: 9px;

	color: #7d8faa;

	font-size: 8px;
	font-weight: 750;

	letter-spacing: .13em;

	text-transform: uppercase;
}


.ph-single-blog__post-categories > div {
	display: flex;

	flex-wrap: wrap;

	gap: 7px;
}


.ph-single-blog__post-categories a {
	display: inline-flex;

	align-items: center;

	min-height: 34px;

	padding:
	0
	12px;

	border:
	1px solid
	#dae4f4;

	border-radius: 999px;

	background: #f6f9ff;

	color: #24518d;

	font-size: 9px;
	font-weight: 700;

	text-decoration: none;
}


.ph-single-blog__back {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: #0b5cf6;

	font-size: 10px;
	font-weight: 750;

	text-decoration: none;
}


.ph-single-blog__back svg {
	width: 16px;
	height: 16px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.9;

	transition:
	transform .3s ease;
}


.ph-single-blog__back:hover svg {
	transform:
	translateX(-3px);
}


/* ==========================================================================
   SIDEBAR
   Uses same class language as Blog archive
   ========================================================================== */

.ph-single-blog__sidebar {
	position: sticky;

	top: 110px;

	display: flex;

	flex-direction: column;

	gap: 20px;
}


.ph-single-blog
.ph-blog-sidebar-card {
	position: relative;

	padding: 23px;

	overflow: hidden;

	border:
	1px solid
	#cbd9ee;

	border-radius: 22px;

	background:
	linear-gradient(
		145deg,
		#ffffff 0%,
		#f0f5ff 100%
	);

	box-shadow:
	0
	18px
	45px
	rgba(17,48,108,.11);

	isolation: isolate;
}


.ph-single-blog
.ph-blog-sidebar-card::before {
	position: absolute;

	top: -85px;
	right: -85px;

	width: 230px;
	height: 230px;

	border-radius: 50%;

	background:
	radial-gradient(
		circle,
		rgba(30,104,246,.16),
		transparent 70%
	);

	content: "";

	z-index: -1;
}


.ph-single-blog
.ph-blog-sidebar-card::after {
	position: absolute;

	top: 25px;
	left: 0;

	width: 4px;
	height: 55px;

	border-radius:
	0
	5px
	5px
	0;

	background:
	linear-gradient(
		180deg,
		#075cf4,
		#4c90ff
	);

	content: "";
}


.ph-single-blog
.ph-blog-sidebar-card__heading {
	position: relative;

	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 19px;
}


.ph-single-blog
.ph-blog-sidebar-card__icon {
	display: grid;

	width: 46px;
	height: 46px;

	flex: 0 0 46px;

	place-items: center;

	border:
	1px solid
	#ccdaf1;

	border-radius: 13px;

	background:
	linear-gradient(
		145deg,
		#e6efff,
		#f8faff
	);

	color: #0b5cf6;
}


.ph-single-blog
.ph-blog-sidebar-card__icon svg {
	width: 20px;
	height: 20px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.ph-single-blog
.ph-blog-sidebar-card__heading > div > span {
	display: block;

	margin-bottom: 3px;

	color: #667fa8;

	font-size: 8px;
	font-weight: 800;

	letter-spacing: .14em;

	text-transform: uppercase;
}


.ph-single-blog
.ph-blog-sidebar-card__heading h3 {
	margin: 0;

	color: #08275f;

	font-size: 19px;
	font-weight: 780;
	line-height: 1.1;
}


/* sidebar search */

.ph-single-blog
.ph-blog-sidebar-search {
	display: flex;

	align-items: center;

	min-height: 56px;

	padding:
	5px
	5px
	5px
	15px;

	border:
	1px solid
	#c9d8ef;

	border-radius: 14px;

	background: #ffffff;

	box-shadow:
	0
	8px
	18px
	rgba(22,54,114,.06);
}


.ph-single-blog
.ph-blog-sidebar-search input {
	width: 100%;
	min-width: 0;

	border: 0;
	outline: 0;

	background: transparent;

	color: #284879;

	font-family: inherit;
	font-size: 11px;
}


.ph-single-blog
.ph-blog-sidebar-search button {
	display: grid;

	width: 45px;
	height: 45px;

	flex: 0 0 45px;

	place-items: center;

	border: 0;

	border-radius: 11px;

	background:
	linear-gradient(
		145deg,
		#0759ef,
		#247aff
	);

	color: #ffffff;

	cursor: pointer;
}


.ph-single-blog
.ph-blog-sidebar-search button svg {
	width: 18px;
	height: 18px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.9;
}


/* recent */

.ph-single-blog
.ph-blog-recent {
	position: relative;

	display: flex;

	flex-direction: column;

	gap: 8px;
}


.ph-single-blog
.ph-blog-recent__item {
	display: grid;

	grid-template-columns:
	76px
	minmax(0,1fr);

	align-items: center;

	gap: 11px;

	padding: 8px;

	border:
	1px solid
	transparent;

	border-radius: 13px;

	text-decoration: none;

	transition:
	background .25s ease,
	border-color .25s ease,
	transform .25s ease;
}


.ph-single-blog
.ph-blog-recent__image {
	width: 76px;
	height: 65px;

	overflow: hidden;

	border-radius: 10px;

	background: #e8f0fc;
}


.ph-single-blog
.ph-blog-recent__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}


.ph-single-blog
.ph-blog-recent__placeholder {
	display: grid;

	width: 100%;
	height: 100%;

	place-items: center;

	color: #2d72e8;
}


.ph-single-blog
.ph-blog-recent__placeholder svg {
	width: 23px;
	height: 23px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.6;
}


.ph-single-blog
.ph-blog-recent__content {
	min-width: 0;
}


.ph-single-blog
.ph-blog-recent__content h4 {
	display: -webkit-box;

	margin:
	0
	0
	5px;

	overflow: hidden;

	color: #11356f;

	font-size: 11px;
	font-weight: 730;
	line-height: 1.38;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.ph-single-blog
.ph-blog-recent__content span {
	color: #7789a6;

	font-size: 8px;
	font-weight: 650;
}


/* categories */

.ph-single-blog
.ph-blog-categories {
	display: flex;

	flex-direction: column;

	gap: 8px;
}


.ph-single-blog
.ph-blog-categories a {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 10px;

	min-height: 47px;

	padding:
	7px
	7px
	7px
	13px;

	border:
	1px solid
	#d8e2f1;

	border-radius: 12px;

	background: #ffffff;

	color: #294777;

	font-size: 10px;
	font-weight: 700;

	text-decoration: none;

	transition:
	border-color .25s ease,
	background .25s ease,
	color .25s ease,
	transform .25s ease;
}


.ph-single-blog
.ph-blog-categories small {
	display: grid;

	width: 31px;
	height: 31px;

	place-items: center;

	border-radius: 9px;

	background: #e8f1ff;

	color: #1761e2;

	font-size: 9px;
	font-weight: 750;
}


.ph-single-blog
.ph-blog-categories a:hover {
	border-color:
	rgba(18,96,241,.28);

	background: #f4f8ff;

	color: #0b5cf6;

	transform:
	translateX(3px);
}


/* ==========================================================================
   RELATED ARTICLES
   ========================================================================== */

.ph-single-blog__related {
	padding:
	80px
	0
	95px;

	background:
	linear-gradient(
		180deg,
		#f5f8ff,
		#ffffff
	);
}


.ph-single-blog__related-container {
	width:
	min(
		100% - 140px,
		1600px
	);

	margin-inline: auto;
}


.ph-single-blog__related-heading {
	display: flex;

	align-items: flex-end;
	justify-content: space-between;

	gap: 30px;

	margin-bottom: 30px;
}


.ph-single-blog__related-heading > div > span {
	display: block;

	margin-bottom: 8px;

	color: #0b5cf6;

	font-size: 9px;
	font-weight: 800;

	letter-spacing: .14em;

	text-transform: uppercase;
}


.ph-single-blog__related-heading h2 {
	margin: 0;

	color: #06275f;

	font-size: 40px;
	font-weight: 770;

	letter-spacing: -1.3px;
}


.ph-single-blog__related-heading > a {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	color: #0b5cf6;

	font-size: 10px;
	font-weight: 750;

	text-decoration: none;
}


.ph-single-blog__related-heading > a svg {
	width: 16px;
	height: 16px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.9;
}


.ph-single-blog__related-grid {
	display: grid;

	grid-template-columns:
	repeat(
		3,
		minmax(0,1fr)
	);

	gap: 22px;
}


.ph-single-blog__related-card {
	overflow: hidden;

	border:
	1px solid
	#dce5f3;

	border-radius: 22px;

	background: #ffffff;

	box-shadow:
	0
	13px
	35px
	rgba(20,52,113,.06);

	transition:
	transform .35s ease,
	box-shadow .35s ease;
}


.ph-single-blog__related-image {
	display: block;

	height: 210px;

	overflow: hidden;

	background: #edf3ff;
}


.ph-single-blog__related-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
	transform .6s ease;
}


.ph-single-blog__related-body {
	padding:
	21px;
}


.ph-single-blog__related-body > span {
	display: block;

	margin-bottom: 8px;

	color: #8190aa;

	font-size: 8px;
	font-weight: 650;
}


.ph-single-blog__related-body h3 {
	margin:
	0
	0
	16px;

	color: #0b2d68;

	font-size: 18px;
	font-weight: 750;
	line-height: 1.3;
}


.ph-single-blog__related-body h3 a {
	color: inherit;

	text-decoration: none;
}


.ph-single-blog__related-link {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	color: #0b5cf6;

	font-size: 9px;
	font-weight: 750;

	text-decoration: none;
}


.ph-single-blog__related-link svg {
	width: 15px;
	height: 15px;

	fill: none;
	stroke: currentColor;

	stroke-width: 1.9;
}


@media (hover:hover) and (pointer:fine) {

	.ph-single-blog__related-card:hover {
		transform:
		translateY(-5px);

		box-shadow:
		0
		22px
		45px
		rgba(18,52,117,.11);
	}


	.ph-single-blog__related-card:hover
	.ph-single-blog__related-image img {
		transform:
		scale(1.055);
	}


	.ph-single-blog
	.ph-blog-recent__item:hover {
		border-color: #d8e3f3;

		background: #ffffff;

		transform:
		translateX(3px);
	}
}


/* ==========================================================================
   ENTRANCE
   ========================================================================== */

.ph-single-blog-reveal {
	opacity: 0;

	transition:
	opacity .75s ease,
	transform .9s cubic-bezier(.22,1,.36,1);

	will-change:
	opacity,
	transform;
}


.ph-single-blog-reveal[
	data-single-blog-reveal="up"
] {
	transform:
	translate3d(
		0,
		30px,
		0
	);
}


.ph-single-blog-reveal[
	data-single-blog-reveal="right"
] {
	transform:
	translate3d(
		30px,
		10px,
		0
	);
}


.ph-single-blog-reveal.is-visible {
	opacity: 1;

	transform:
	translate3d(
		0,
		0,
		0
	);
}


/* ==========================================================================
   LAPTOP
   ========================================================================== */

@media (max-width: 1440px) {

	.ph-single-blog__hero-container,
	.ph-single-blog__container,
	.ph-single-blog__related-container {
		width:
		calc(
			100% - 110px
		);
	}


	.ph-single-blog__container {
		grid-template-columns:
		minmax(0,1fr)
		310px;

		gap: 28px;
	}


	.ph-single-blog__featured-image {
		height: 450px;
	}


	.ph-single-blog__article-inner {
		padding:
		40px;
	}
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1024px) {

	.ph-single-blog__hero {
		min-height: auto;

		padding:
		155px
		0
		65px;
	}


	.ph-single-blog__hero-container,
	.ph-single-blog__container,
	.ph-single-blog__related-container {
		width:
		calc(
			100% - 64px
		);
	}


	.ph-single-blog__hero h1 {
		font-size:
		clamp(
			44px,
			6vw,
			64px
		);
	}


	.ph-single-blog__container {
		grid-template-columns: 1fr;
	}


	.ph-single-blog__sidebar {
		position: static;

		display: grid;

		grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);
	}


	.ph-single-blog__sidebar
	.ph-blog-sidebar-card:last-child {
		grid-column:
		1
		/
		-1;
	}


	.ph-single-blog__related-grid {
		grid-template-columns:
		repeat(
			2,
			minmax(0,1fr)
		);
	}
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 767px) {

	.ph-single-blog__hero {
		padding:
		125px
		0
		50px;
	}


	.ph-single-blog__hero-container,
	.ph-single-blog__container,
	.ph-single-blog__related-container {
		width:
		calc(
			100% - 24px
		);
	}


	.ph-single-blog__hero h1 {
		font-size: 40px;

		letter-spacing: -1.5px;
	}


	.ph-single-blog__meta {
		gap: 12px;
	}


	.ph-single-blog__content-section {
		padding:
		45px
		0
		65px;
	}


	.ph-single-blog__article {
		border-radius: 20px;
	}


	.ph-single-blog__featured-image {
		height: 260px;
	}


	.ph-single-blog__article-inner {
		padding:
		28px
		20px
		32px;
	}


	.ph-single-blog__entry-content {
		font-size: 15px;
		line-height: 1.78;
	}


	.ph-single-blog__entry-content h2 {
		margin-top: 36px;

		font-size: 26px;
	}


	.ph-single-blog__entry-content h3 {
		font-size: 21px;
	}


	.ph-single-blog__post-footer {
		align-items: flex-start;

		flex-direction: column;
	}


	.ph-single-blog__sidebar {
		display: flex;

		flex-direction: column;
	}


	.ph-single-blog__sidebar
	.ph-blog-sidebar-card:last-child {
		grid-column: auto;
	}


	.ph-single-blog__related {
		padding:
		55px
		0
		70px;
	}


	.ph-single-blog__related-heading {
		align-items: flex-start;

		flex-direction: column;
	}


	.ph-single-blog__related-heading h2 {
		font-size: 32px;
	}


	.ph-single-blog__related-grid {
		grid-template-columns: 1fr;
	}


	.ph-single-blog__related-image {
		height: 220px;
	}
}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.ph-single-blog-reveal {
		opacity: 1 !important;

		transform: none !important;

		transition: none !important;
	}
}