.ha_section_blog_hero {
	padding: 128rem 0 24rem;
	background: var(--CGW-GREY, #dee2e6);
	color: #121212;
	border-bottom: 1px solid #2f3335;
}

.ha_section_blog_hero .ha_section_container .ha_b_head {
	text-align: center;
	margin-bottom: 40rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_head h1 {
	font-family: "Atlas Grotesk", sans-serif;
	font-size: 14rem;
	text-transform: uppercase;
	margin-bottom: 6rem;
	color: inherit;
}

.ha_section_blog_hero .ha_section_container .ha_b_head h2 {
	font-size: 40rem;
	text-transform: uppercase;
	color: inherit;
	margin-bottom: 24rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_head p {
	font-size: 16rem;
	line-height: 22rem;
	color: inherit;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured figure {
	/* height: 240rem; */
	width: 100%;
    padding-top: 68%;
    position: relative;
	margin-bottom: 12rem;
	overflow: hidden;
	clip-path: url(#svg_draw_case_studies_mo);
}

.ha_section_blog_hero .ha_section_container .ha_b_featured figure a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: 300ms ease-in-out;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured figure a:hover img {
	transform: scale(1.026);
	transition: 300ms ease-in-out;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured figure label {
	position: absolute;
	bottom: 20rem;
	left: 20rem;
	display: inline-block;
	font-size: 12rem;
	text-transform: uppercase;
	color: var(--GCW-BLACK, #0e0e0e);
	border-radius: 8rem;
	background: var(--GCW-NEON, #f94403);
	height: 34rem;
	line-height: 34rem;
	text-align: center;
	padding: 0 32rem;
	font-family: "Activist", sans-serif;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left {
	display: flex;
	flex-direction: column;
	gap: 16rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul {
	display: flex;
	gap: 32rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul li:first-child p {
	text-decoration-line: underline;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul li:last-child p {
	font-family: "Atlas Grotesk", sans-serif;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul li p {
	font-family: "Activist", sans-serif;
	font-size: 14rem;
	line-height: 16rem;
	letter-spacing: 0.5rem;
	color: inherit;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left h3 {
	margin-bottom: 16rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left h3 a {
	color: #171616;
	font-family: "Activist", sans-serif;
	font-size: 18rem;
	line-height: 22rem;
	text-transform: uppercase;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right p {
	color: inherit;
	font-size: 16rem;
	line-height: 24rem;
	/* 150% */
	margin-bottom: 32rem;
}

.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right a {
	color: inherit;
	font-family: "Activist", sans-serif;
	font-size: 16rem;
	letter-spacing: 0.32rem;
	text-transform: uppercase;
	/* display: inline-block;
	padding-right: 36rem; */
	position: relative;
    text-transform: uppercase;
    display: flex;
    position: relative;
    flex-direction: row;
    column-gap: 12px;
    align-items: center;
}

/* .ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 26rem;
	height: 26rem;
	background-image: url("../../images/ic-readmore.svg");
	background-size: 100% 100%;
	filter: brightness(10%);
} */

.ha_section_lastest_blog {
	padding: 64rem 0;
	background: var(--gcw_grey);
	color: var(--textDark);
}

.ha_section_lastest_blog .ha_section_container {
	padding: 0;
}

.ha_section_lastest_blog .ha_section_container .ha_b_head {
	margin-bottom: 40rem;
	padding: 0 20rem;
}

.ha_section_lastest_blog .ha_section_container .ha_b_head h3 {
	font-size: 32rem;
	text-transform: uppercase;
	color: inherit;
}

.ha_section_lastest_blog .ha_section_container .ha_b_body {
	display: flex;
	flex-direction: column;
	gap: 40rem;
}

.ha_section_lastest_blog .ha_section_container .ha_b_body .ha_b_post_item {
	padding: 0 20rem;
}

.ha_section_desc_img .ha_section_container .ha_b_description {
	max-width: 506rem;
}

@media (min-width: 768px) {
	.ha_section_blog_hero {
		padding: 62rem 0 81rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_head {
		text-align: center;
		margin-bottom: 32rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_head h1 {
		font-size: 14rem;
		margin-bottom: 16rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_head h2 {
		font-size: 82rem;
		line-height: 84rem;
		margin-bottom: 16rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_head p {
		font-size: 22rem;
		line-height: 30rem;
		max-width: 610rem;
		margin: 0 auto;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured figure {
		/* height: 548rem; */
		margin-bottom: 48rem;
		padding-top: 44%;
		clip-path: url(#svg_draw_case_studies);
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured figure label {
		position: absolute;
		bottom: 24rem;
		left: 24rem;
		font-size: 16rem;
		border-radius: 16rem;
		height: 48rem;
		line-height: 48rem;
		padding: 0 44rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content {
		display: flex;
		justify-content: space-between;
		gap: 20rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left {
		width: 50%;
		gap: 29rem;
		max-width: 504rem;
		flex-direction: column-reverse;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul {
		gap: 38rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left ul li:last-child {
		margin-left: 17rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left h3 {
		margin-bottom: 0;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left h3 a {
		font-size: 40rem;
		line-height: 50rem;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_left h3 a:hover {
		color: #f94403;
		transition: 300ms ease-in-out;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right {
		width: 50%;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right p {
		font-size: 20rem;
		line-height: 26rem;
		/* 150% */
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right a {
		display: none;
	}
	.ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right a:hover {
		color: #f94403;
		transition: 300ms ease-in-out;
	}
	/* .ha_section_blog_hero .ha_section_container .ha_b_featured .ha_b_content .ha_b_right a:hover::after {
		filter: unset;
	} */
	.ha_section_lastest_blog {
		padding: 56rem 0 82rem;
	}
	.ha_section_lastest_blog .ha_section_container {
		padding: 0 20rem;
	}
	.ha_section_lastest_blog .ha_section_container .ha_b_head {
		margin-bottom: 66rem;
	}
	.ha_section_lastest_blog .ha_section_container .ha_b_head h3 {
		font-size: 54rem;
		line-height: 64rem;
	}
	.ha_section_lastest_blog .ha_section_container .ha_b_body {
		flex-direction: row;
		gap: 60rem;
		column-gap: 20rem;
		flex-wrap: wrap;
	}
	.ha_section_lastest_blog .ha_section_container .ha_b_body .ha_b_post_item {
		padding: 0;
		width: calc(50% - 10rem);
	}
}

/*# sourceMappingURL=page_blog_archive_styles.css.map */