* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: all 0.3s linear;
	outline: none;
}
.home {
	background: #F9F8EF;
}
:root {
	--height: calc(100vh - 4.875rem);
	--pixo-initial: translate(-11.688rem, 5.938rem) rotate(10.61deg);
	--pixo-final: translate(-17.25rem, 8.813rem) rotate(10.61deg);
}
img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
video {
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
a {
	text-decoration: none;
	color: inherit;
}
h1, h2 , h3 , h4 , h5 , h6 {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 500;
	color: #1B1C1C;
}
h1 {
	font-size: 2.8125rem;
	line-height: 3.3125rem;
	letter-spacing: 0.02em;
}
h1 strong {
	font-weight: 600;
	text-transform: uppercase;	
}
h2 {
	font-size: 1.75rem;
	line-height: 2.5rem;
	letter-spacing: 0.04em;
}
h2 strong {
	font-weight: 600;
	text-transform: uppercase;
}
p {
	font-family: 'Product Sans';;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1em;
}
p a {
	text-decoration: underline;
	text-underline-offset: 0.125rem;
}
li {
	list-style-type: none;
}
.hx-home-hero-grp {
	position: sticky;
	top: 0;
	z-index: 1;
}
.hx-black-bg {
	background: #ffffff;
	position: relative;
	z-index: 3;
}
.hx-white-bg {
	background: #ffffff;
	position: relative;
	z-index: 3;
	padding: 4.375rem 0;
}
/* ========================= Header Styles ========================= */
.hy-desk-menu-grp {
	display: none;
}
.header_main {
	position: sticky;
	top: 0;
	z-index: 999;
	padding: 1.25rem 0;
	background: #F9F8EFF0;
	backdrop-filter: blur(3.125rem);
}
.header_main.scrolled {
	box-shadow: 0 0.25rem 0.25rem 0 #0000000A;	
}
.hy-header-grp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* Logo */
.hy-logo {
	width: 8.75rem;
	height: 1.682rem;
	transform-origin: top left;
}
.hy-logo a {
	display: flex;
}
/* Toggle Menu */
.hy-toggle-menu {
	cursor: pointer;
	position: relative;
	z-index: 99999;
	width: 2.375rem;
	height: 2.375rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hy-toggle-menu::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	transform: scale(1.5);
}
.hy-toggle-menu > div {
	border-radius: 50%;	
	display: flex;
	align-items: center;
	justify-content: center;	
	position: absolute;
	transition: transform 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-toggle-bar {
	width: 2.375rem;
	height: 2.375rem;
	background: #1B1C1C;
}
.hy-toggle-close {
	width: 2.375rem;
	height: 2.203rem;
	background-color: #FFFFFF;
	transform: scale(0);

}
.open .hy-toggle-close {
	transform: scale(1.3);
}
/* Mobile Menu */
.hy-mob-menu {
	padding: 5.022rem 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 9999;
	pointer-events: none;
}
.hy-mob-menu::before {
	content: '';
	position: absolute;
	background-color: #1B1C1C;
	top: calc(2.438rem - 200vh);
	right: calc(3.063rem - 200vh);
	width: 400vh;
	height: 400vh;
	cursor: pointer;	
	z-index: -1;
	transform: scale(0);
	transform-origin: center;
	border-radius: 50%;
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.open .hy-mob-menu {
	pointer-events: auto;
}
.open .hy-mob-menu::before {
	transform: scale(1);
	border-radius: 0 0 0 10%;
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links li {
	list-style-type: none;
} 
.hy-mob-links li a {
	display: inline-block;
}
.hy-mob-links > ul {
	display: flex;
	flex-direction: column;
	gap: 0.938rem;
	align-items: flex-start;
	overflow: auto;
	padding-bottom: 1.875rem;
	opacity: 0;
}
.hy-mob-links > ul {
	overflow: auto;
	scrollbar-width: none;   
	-ms-overflow-style: none; 
}
.hy-mob-links > ul::-webkit-scrollbar {
	display: none;           
}
.open .hy-mob-links > ul {
	opacity: 1;
}
.hy-mob-links > ul > li {
	width: 100%;
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 2.5rem;
	letter-spacing: 0.07rem;
	font-family: 'ClashGrotesk-Variable';
	text-transform: uppercase;
	color: #FFFFFF;
	transform: translateX(-150%);
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.open .hy-mob-links > ul > li {
	transform: translateX(0%);	
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links .hy-mobile-menu-btn {
	transform: translateX(-150%);
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);	
}
.open .hy-mob-links .hy-mobile-menu-btn {
	transform: translateX(0%);	
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links > ul > li:nth-child(1) {
	transition-delay: 0s;
}
.hy-mob-links > ul > li:nth-child(2) {
	transition-delay: 0.2s;
}
.hy-mob-links > ul > li:nth-child(3) {
	transition-delay: 0.4s;
}
.hy-mob-links > ul > li:nth-child(4) {
	transition-delay: 0.6s;
}
.hy-mob-links > ul > li.menu-item-has-children {
	position: relative;
}
.hy-mob-links > ul > li.menu-item-has-children::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/plus_icon_white_stroke.webp');
	background-size: cover;
	width: 1.125rem;
	height: 1.125rem;
	right: 0.625rem;
	top: 0.688rem;
	cursor: pointer;
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links li.active-sub.menu-item-has-children::before {	
	transform:  rotate(180deg);
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links > ul > li:hover > a,
.hy-mob-links li.active-sub > a {
	color: #FDB928;
}
.hy-mob-links > ul > li:hover::before ,
.hy-mob-links li.active-sub.menu-item-has-children::before {
	background-image: url('/wp-content/uploads/2025/05/plus_yellow.webp');
}
.hy-mob-links > ul .sub-menu li > a:hover {
	color: #FDB928;
}
/* Submenu */
.hy-mob-links > ul .sub-menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.938rem;
	max-height: 0;
	overflow: hidden;
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links .active-sub .sub-menu {
	max-height: 28.125rem;
	transition: all 1s cubic-bezier(0.475,0.425,0,0.995);
}
.hy-mob-links > ul .sub-menu li {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-family: 'ClashGrotesk-Variable';
	letter-spacing: 0.09rem;
	text-transform: capitalize;
	margin-left: 0.75rem;
}
.hy-mob-links > ul .sub-menu li:first-child {
	margin-top: 1.25rem;
}
/* ========================= Footer Styles ========================= */
.footer {
	background: #1B1C1C;
	padding: 2.688rem 0 0;
	position: relative;	
}
.footer p a:hover {
	color: #FDB928;	
}
.hy-footer-links p a {
	display: inline-block;
	text-decoration: none;
}
.hy-footer-links p a:hover {
	transform: translatex(0.625rem);
}
.hy-footer-widget-one {
	margin-bottom: 2.25rem;
}
.hy-footer-widget-one figure {
	width: 8.75rem;
	height: 1.682rem;
	margin-bottom: 0.938rem;
}
.hy-footer-widget-one figure a {
	display: flex;
}
.hy-footer-widget-one p {
	color: #EFEFEF;	
	margin-bottom: 1.375rem;
}
.hy-footer-icons {
	gap: 1.375rem;
}
.hy-footer-icons figure {
	width: 1.043rem;
	height: 1.043rem;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform;
}
.hy-footer-icons figure:hover {
	transform: scale(1.2);
}
.hy-footer-icons figure a {
	display: flex;
}
.hy-footer-links-col {
	flex-direction: column;
	gap: 1.875rem;	
}
.hy-footer-links {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
.hy-footer-widget-two {
	margin-bottom: 2.688rem;
}
.hy-footer-widget-two p {
	color: #EFEFEF;	
}
.hy-footer-links p:first-child {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 600;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0.125rem;
}
.hy-footer-links > p {
	white-space: nowrap;
}
.hy-footer-stack {
	gap: 0.625rem;
	background: #222222;
	border-radius: 0.75rem;
	padding: 0.972rem 1.235rem;
	margin-top: 0.683rem;
}
.hy-footer-links .hy-footer-stack p {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1rem;
	color: #EFEFEF;	
	margin: 0;
}
.hy-footer-widget-three {
	border-top: 0.0625rem solid rgba(255, 255, 255, 0.13);
	padding: 1.563rem 0 1.604rem;	
}
.hy-footer-end-grp > div {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.hy-footer-end-grp p {
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	color: #F9F9F9;	
	text-align: center;
}
.hy-footer-end-grp p a {
	text-decoration: none;
}
.hy-footer-end-grp p strong {
	font-weight: 400;	
}
.hy-footer-end-grp p strong a {
	text-decoration: underline;
	text-underline-offset: 0.188rem;
}
.hx-home-hero-grp {
	background: #F9F8EF;
	height: var(--height);
	overflow: hidden;
}
div.hx-home-hero-stack {
	gap: 0;
	padding: 1rem 0 0;
}
.hx-home-hero-stack h1 {
	font-size: 2.813rem;
	line-height: 3.313rem;
	letter-spacing: 0.05625rem;
	margin-bottom: 0.5rem;
	color: #1B1C1C;
}
.hx-home-hero-stack h1 strong {
	font-weight: 600;	
}
.hx-home-hero-stack p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem;
	margin-bottom: 1.563rem;
	color: #333333;
}
.hx-hero-scroll-btn {
	display: none;
}
.hx-hero-pixo-grp {
	width: 100%;
	height: 14.308rem;
	position: absolute;
	gap: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
}
.hx-hero-pixo-grp::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/grey_line_pixo.webp');
	background-size: cover;
	width: 20.348rem;
	height: 22.222rem;
	right: 1.321rem;
	top: 1.602rem;
	transform: rotate(20.02deg);
}
.hx-home-hero-stack svg {
	position: absolute;
	transform: rotate(10.61deg);
	width: 9.516rem;
	height: 11.289rem;
	right: -7.625rem;
	bottom: 8.688rem;
}
/* CTA */
.hx-cta-grp {
	background: #1B1C1C;
	padding: 3.125rem 0 2.688rem;
	border-radius: 1.875rem 1.875rem 0 0;
	border-bottom: 0.0625rem solid #FDB928;
	position: relative;
	z-index: 6;
}
.hx-cta-stack {
	gap: 0;
	padding-left: 5.633rem;
	position: relative;
}
.hx-cta-stack h2 {
	color: #FFFFFF;
	margin-bottom: 0.625rem;
}
.hx-cta-stack h2 strong {
	text-transform: uppercase;
	font-weight: 600;
}
.hx-cta-stack p {
	color: #EFEFEF;
	margin-bottom: 1.231rem;
}
.hx-cta-stack svg {
	width: 3.936rem;
	height: 8.518rem;
	position: absolute;
	transform: rotate(-4.71deg);
	left: 0;
	top: 0.132rem;
}
/* Why Choose HAPX? */
div.hx-why-grp {
	padding-bottom: 6.762rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hx-why-grp h2 {
	margin-bottom: 3.101rem;
}
.hx-why-grp .hx-why-cols {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto auto auto;
	gap: 0;
	justify-items: center;
}
.hx-why-grp .hx-why-col {
	padding: 2.5rem 1.625rem;
	border-radius: 0.75rem;
	position: relative;
	overflow: hidden;
}
.hx-why-grp .hx-why-col:nth-child(1) {
	width: 16.933rem;
	height: 13.694rem;
	min-height: 13.694rem;
	background-color: #FEBF39;
	transform: rotate(-8.88deg);
	margin-bottom: 1.773rem;
	z-index: 1;
}
.hx-why-grp .hx-why-col:nth-child(2) {
	width: 16.166rem;
	max-width: 16.166rem;
	height: 13.031rem;
	min-height: 13.031rem;
	background-color: #3EB460;	
	transform: rotate(12.44deg);
	margin-bottom: 2.179rem;
	z-index: 2;
}
.hx-why-grp .hx-why-col:nth-child(3) {
	width: 16.876rem;
	max-width: 16.876rem;
	height: 13.604rem;
	min-height: 13.604rem;
	background-color: #3174BA;	
	transform: rotate(-10.5deg);
	z-index: 3;
}
.hx-why-grp .hx-why-col figure {
	position: absolute;
}
.hx-why-grp .hx-why-col:nth-child(1) figure {
	width: 5.909rem;
	height: 5.909rem;
	right: 0.743rem;
	bottom: 0.937rem;
}
.hx-why-grp .hx-why-col:nth-child(2) figure {
	width: 6.564rem;
	height: 6.564rem;
	right: 0.634rem;
	bottom: 0.326rem;
}
.hx-why-grp .hx-why-col:nth-child(3) figure {
	width: 6.524rem;
	height: 6.524rem;
	right: 1.107rem;
	bottom: 0.669rem;
}
.hx-why-grp .hx-why-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	text-transform: uppercase;
	max-width: 9.581rem;
}
.hx-why-grp .hx-why-col:nth-child(1) h3 {
	color: #312406;
}
.hx-why-grp .hx-why-col:nth-child(2) h3 {
	color: #023310;
}
.hx-why-grp .hx-why-col:nth-child(3) h3 {
	color: #051D36;
}
.hx-why-grp .hx-why-col::after {
	content: '';
	position: absolute;
	pointer-events: none;
	background-size: cover;
}
.hx-why-grp .hx-why-col:nth-child(1)::after {
	background-image: url('/wp-content/uploads/2025/05/yellow_vector.webp');
	width: 11.916rem;
	height: 23.211rem;
	top: 2rem;
	left: 1.551rem;
	transform: rotate(91.39deg);
}
.hx-why-grp .hx-why-col:nth-child(2)::after {
	background-image: url('/wp-content/uploads/2025/05/green_vector.webp');
	width: 11.369rem;
	height: 22.146rem;
	top: 1.908rem;
	left: 1.479rem;
	transform: rotate(104.84deg);
}
.hx-why-grp .hx-why-col:nth-child(3)::after {
	background-image: url('/wp-content/uploads/2025/05/blue_vector.webp');
	width: 11.869rem;
	height: 23.119rem;
	transform: rotate(80.89deg);
	top: 1.992rem;
	left: 1.544rem;
}
/* Logo Marquee */
div.hx-marquee-grp {
	padding: 4.375rem 0 3.167rem;
	background: #1B1C1C;
}
div.hx-marquee-grp h2 {
	color: #FFFFFF;
	text-align: center;
	margin: 0 auto 1.875rem;
}
.hx-marquee-cols , .hx-marquee-sub-grp {
	position: relative;
}
.hx-marquee-sub-grp::before {
	content: '';
	position: absolute;
	border-radius: 3.125rem;
	width: calc(100% + 0.125rem);
	height: calc(100% + 0.125rem);
	left: -0.063rem;
	top: -0.063rem;
	background: linear-gradient(181.14deg, rgba(255, 255, 255, 0.2) -29.26%, rgba(255, 255, 255, 0) 99.09%);
	pointer-events: none;
	z-index: 1;
}
.hx-marquee-wrapper {
	border-radius: 3.125rem;
	background: #1B1C1C;
	padding: 1.916rem 2.123rem;
	height: 5.958rem;
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 3.066rem;
}
.hx-marquee-cols::before , .hx-marquee-cols::after {
	content: '';
	position: absolute;
	/* 	backdrop-filter: blur(0.125rem); */
	height: calc(100% - 0.125rem);
	top: 0.063rem;
	width: 2.813rem;
	z-index: 6;
}
.hx-marquee-cols::before {
	left: 0;
	border-radius: 3.125rem 0 0 3.125rem;
	background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#1B1C1C);
}
.hx-marquee-cols::after {
	right: 0;
	border-radius: 0 3.125rem 3.125rem 0;
	background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#1B1C1C)
}
.hx-marquee-col {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 3.066rem;
	overflow: hidden;	
	position: relative;
	z-index: 2;
}
.hx-marquee-col figure {
	width: auto;
	min-width: fit-content;
	height: 2.125rem;
}
.hx-marquee-col figure img {
	width: auto;
	height: 2.125rem;
	opacity: 57%;
}
.hx-marquee-col figure img:hover{
	opacity: 1;
}
/* Featured Blogs */
.hx-featured-blogs-wrap {
	padding: 4.375rem 0;
	position: sticky;
	top: -62.5rem;
	z-index: 5;
	background: #ffffff;	
}
.hx-home-blog-grp {
	scroll-margin-top: 6.75rem;
}
.hx-home-blog-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-home-blog-loop {
	margin-bottom: 2.688rem;
}
.hx-home-blog-stack {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.875rem;
}
.hx-home-blog-stack li figure {
	width: 100%;
	height: 17.055rem;
	overflow: hidden;
	border-radius: 0.75rem;
	margin-bottom: 0.938rem;	
}
.hx-home-blog-stack li figure a {
	display: flex;
	width: 100%;
	height: 100%;
}
.hx-home-blog-stack li figure a img {
	height: 100%;
}
.hx-home-blog-stack li h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	text-transform: uppercase;
	padding-bottom: 0.625rem;
	border-bottom: 0.0625rem solid #333333;
	margin-bottom: 0.625rem;
}
.hx-home-blog-stack li h3:hover {
	opacity: 75%;
}
.hx-home-blog-stack li h3 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;	
}
.hx-home-blog-stack li > a {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.04rem;
	color: #1c1c1c;
	opacity: 75%;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.hx-home-blog-stack li > a:hover {
	opacity: 1;
}
.hx-home-blog-stack li > a::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/black-arrow.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.438rem;
	transition: all 0.3s linear;
	will-change: transform;
}
.hx-home-blog-stack li > a:hover::before {
	transform: rotate(44deg);
	transition: all 0.3s linear;	
}
.hx-home-blog-stack li figure a img {
	will-change: transform;	
	transform: scale(110%);
	transition: all 0.4s ease-in-out;
}
.hx-home-blog-stack li figure a img:hover {
	transform: scale(110%) translatex(-2%);
	transition: all 0.4s ease-in-out;
}
div.hx-home-blog-grp .is-style-secondary-button {
	margin: 0 auto;
}
.hx-home-blog-stack .taxonomy-category a {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	margin-bottom: 0.5rem;
	display: inline-block;
	color: #555555;
	text-transform: uppercase;
}
/* Featured Works */
.hx-work-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2.25rem;
}
div.hx-featured-works {
	padding: 3.125rem 0 8.938rem;
	background: #1B1C1C;
	position: relative;
	z-index: 4;
	scroll-margin-top: 4.875rem;
}
.hx-featured-works h2 {
	margin-bottom: 0.5rem;
	color: #FFFFFF;
}
.hx-featured-works p {
	color: #EFEFEF;
	margin-bottom: 1.875rem;
}
.hx-work-categories-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.719rem;
	row-gap: 0.563rem;
}
h3.hx-cat-item {
	cursor: pointer;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	color: #EFEFEF;
	display: flex;
	align-items: center;
	gap: 0.563rem;
	white-space: nowrap;
}
h3.hx-cat-item:hover {
	color: #FDB928;
}
h3.hx-cat-item.hx-cat-active {
	color: #FDB928;
}
h3.hx-cat-item.hx-cat-active span {
	color: #EFEFEF;
}
h3.hx-cat-item:hover .hx-cat-sep {
	color: #EFEFEF;	
}
.hx-featured-works .is-style-ghost-button {
	position: absolute;
	bottom: 3.125rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	pointer-events: none;
}
.hx-work-card-wrapper {
	max-width: 18.75rem;
	overflow: hidden;
}
.hx-work-posts {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.938rem;
	animation: marquee 20s linear infinite;
}
.hx-work-posts.fade-out {
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}
.hx-work-posts.fade-in {
	opacity: 1;
	transition: opacity 0.4s ease;
}
.hx-work-col-two {
	position: relative;	
}
.hx-marquee-wrapper-mobile {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 0.938rem;
	min-width: 100%;
}
.hx-marquee-scroll-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.938rem;
	min-width: 100%;	
}
.hx-work-item {
	width: 17.5rem;
	height: 100%;
	min-width: 17.5rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-work-item a {
	display: flex;
	pointer-events: none;
}
.hx-work-thumb {
	width: 100%;
	height: 12.965rem;
}
.hx-work-content {
	background: #222222;
	padding: 1.125rem 1.313rem;
	height: 5.625rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.12);
	border-width: 0 0.0625rem 0.0625rem 0.0625rem;
	border-radius: 0 0 0.75rem 0.75rem;
	position: relative;
}
.hx-work-item:hover .hx-work-content {
	border-color: #ffffff;
}
.hx-work-content::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/white_arrow.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.169rem;
	height: 100%;
	top: 0;
	right: 1.331rem;
	opacity: 34%;
	transform: rotate(-45deg);
	transition: all 0.3s linear;
}
.hx-work-item:hover .hx-work-content::after {
	opacity: 1;
	transform: rotate(0);
	transition: all 0.3s linear;;
}
h4.hx-work-item-title {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.25rem;
	white-space: normal;
	max-width: 12.5rem;
}
p.hx-work-child-cats {
	margin: 0;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0;
	vertical-align: middle;
	color: #B2B2B2;
}
/* We are a Leading Digital Agency */
.hx-black-bg {
	background: #1B1C1C;
	border-radius: 1.875rem 1.875rem 0 0;
}
.gx-home-about-grp {
	padding: 3.125rem 0 4.375rem;
	background: #1B1C1C;
	border-radius: 1.875rem 1.875rem 0 0;
	scroll-margin-top: 4.875rem;
}
div.gx-home-about-cols {
	flex-direction: column;
	gap: 0;
}
div.gx-home-about-cols h2 {
	color: #FFFFFF;
	margin-bottom: 1.875rem;
}
.gx-home-about-text {
	gap: 0.625rem;
	margin-bottom: 1.563rem;
}
.gx-home-about-text h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	text-transform: uppercase;
	color: #FFFFFF;
}
.gx-home-about-text p {
	color: #EFEFEF;
}
.gx-home-about-counter {
	gap: 1.25rem;
}
.gx-home-about-counter .gx-home-about-card {
	width: 100%;
	height: 9.813rem;
	flex-direction: row;
	gap: 0.938rem;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: sticky;
	transform-origin: top center;
}
.gx-home-about-card:nth-child(1) {
	background: #FEBF39;
	border-radius: 0.75rem;
	top: 8rem;
}
.gx-home-about-card:nth-child(2) {
	background: #3EB460;
	border-radius: 0.75rem;
	top: 9.75rem;
}
.gx-home-about-card:nth-child(3) {
	background: #3174BA;
	border-radius: 0.75rem;
	top: 11.625rem;
}
.gx-home-about-card::after {
	content: '';
	position: absolute;
	background-size: cover;
	width: 100%;
	height: 9.813rem;
	top: 0;
	left: 0;
	pointer-events: none;
}
.gx-home-about-card:nth-child(1)::after  {
	background-image: url('/wp-content/uploads/2025/05/shade-yellow.webp');
}
.gx-home-about-card:nth-child(2)::after  {
	background-image: url('/wp-content/uploads/2025/05/shade-green.webp');
}
.gx-home-about-card:nth-child(3)::after  {
	background-image: url('/wp-content/uploads/2025/05/shade-blue.webp');
}
.gx-home-about-card h4 {
	font-weight: 500;
	font-size: 4.688rem;
	line-height: 5.75rem;
	letter-spacing: 0;
	position: relative;
	z-index: 3;
}
.gx-home-about-card:nth-child(1) h4 {
	color: #312406;
}
.gx-home-about-card:nth-child(2) h4 {
	color: #023310;
}
.gx-home-about-card:nth-child(3) h4 {
	color: #051D36;
}
.gx-home-about-card p {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.438rem;
	max-width: 5.463rem;
	letter-spacing: 0;
	position: relative;
	z-index: 3;
}
.gx-home-about-card:nth-child(1) p {
	color: #312406;
}
.gx-home-about-card:nth-child(2) p {
	color: #023310;
}
.gx-home-about-card:nth-child(3) p {
	color: #051D36;
}
/* Testimonials */
div.hx-testimonials-grp {
	padding-top: 6.781rem;
	position: relative;
}
.hx-testimonials-grp svg:nth-child(1) {	
	position: absolute;
	width: 6.343rem;
	height: 15.526rem;
	top: 0;
	right: 2.469rem;
}
.hx-testimonials-grp svg:nth-child(2) {
	position: absolute;
	width: 4.713rem;
	height: 7.368rem;
	top: 0.84rem;
	right: 4.099rem;
	z-index: 9;
}
div.hx-testimonials-cols {
	position: relative;
	/* 	border: 0.0625rem solid #FDB928; */
	padding: 2.688rem 1.125rem 7.125rem 1.25rem;
	/* 	border-radius: 0.75rem; */
	flex-direction: column;
	gap: 1.375rem;
	background: #ffffff;
}
div.hx-testimonials-cols::before {
	content: '';
	position: absolute;
	border: 0.0625rem solid #FDB928;
	width: 100%;
	height: 100%;
	background: #ffffff;
	inset: 0;
	border-radius: 0.75rem;
	/* 	transform: scaleX(0);
	transition: transform 1.25s ease;
	transform-origin: left; */
}
.hx-testimonials-grp.reveal div.hx-testimonials-cols::before {
	/* 	transform: scale(1);
	transition: transform 1.25s ease; */
}
.hx-testimonials-col {
	/* 	position: relative; */
	/* 	opacity: 0;
	transition: all 1.25s ease; */
}
.hx-testimonials-grp.reveal .hx-testimonials-col {
	/* 	opacity: 1;	
	transition: all 1.25s ease; */
}
.hx-testimonials-grp svg {
	/* 	opacity: 0;
	transition: all 1.25s ease;	 */
}
.hx-testimonials-grp.reveal svg {
	/* 	opacity: 1;	
	transition: all 1.25s ease; */
}
.hx-testimonials-cols h2 {
	margin-bottom: 0.5rem;	
}
.hx-testimonials-cols p {
	color: #333333;
}
.hx-testimonials-btns {
	gap: 0.938rem;
	position: absolute;
	left: 3.125rem;
	bottom: 2.688rem;
}
.hx-testimonials-btn {
	width: 3.151rem;
	height: 2.071rem;
	cursor: pointer;
	border: 0.0625rem solid rgba(253, 185, 40, 0.24);
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
}
.hx-testimonials-btn img {
	width: 1.081rem;
	height: auto;
	transform: rotate(30deg);
	will-change: transform;
}
.hx-testimonials-btn:last-child {
	transform: scaleX(-1);
}
.hx-testimonials-btn:hover {
	background-color: rgba(253, 185, 40, 0.24);
}
.hx-testimonials-btn:hover img {
	transform: rotate(0);
}
.hx-testimonials-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	overflow: hidden;
}
.hx-testimonial {
	min-width: 100%;
	position: relative;
	height: fit-content;
	padding: 1.5rem 0 0 1.875rem;
}
.hx-testimonial::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/quote_yellow.webp');
	background-size: cover;
	width: 1.711rem;
	height: 1.711rem;
	top: 0;
	left: 0;
}
.hx-testimonial-content {
	position: relative;
}
.hx-testimonial-items {
	display: flex;
	align-items: center;
	gap: 0.718rem;
	margin-top: 1.161rem;
}
.hx-testimonial-image img {
	width: 2.249rem;
	height: 2.25rem;
	border-radius: 50%;	
}
.hx-testimonial-title {
	font-family: 'Product Sans';
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.376rem;
	letter-spacing: 0.1rem;
	color: #1B1C1C;
	margin-bottom: 0.156rem;
}
.hx-testimonial-designation {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	color: #333333;
}
.hx-testimonials-wrapper {
	overflow: hidden;
	position: relative;
}
.hx-testimonials-inner {
	display: flex;
	transition: transform 0.5s ease-in-out;
	will-change: transform;
	width: 100%;
}
.hx-testimonials-inner .hx-testimonial {
	min-width: 100%;
}
/* Solutions We Provide */
.hx-home-services {
	position: relative;
	padding-bottom: 5.813rem;
	scroll-margin-top: 6.75rem;
}
.hx-home-services-head {
	flex-direction: column;
	gap: 0;
	margin-bottom: 2.25rem;
}
.hx-home-services h2 {
	color: #ffffff;
	margin-bottom: 0.5rem;
}
.hx-home-services p {
	color: #EFEFEF;
}
.hx-home-services .is-style-ghost-button {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: fit-content;
}
.hx-services-preview {
	display: none;
}
.hx-services-accordion {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	counter-reset: service-counter;
}
.hx-services-accordion-item:first-child {
	display: none;
}
.hx-services-accordion-item {
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	background-color: #222222;
}
.hx-services-accordion-item.active {
	border-color: #ffffff;	
}
.hx-services-accordion-wrapper {
	padding: 1.875rem 1.25rem;	
}
.hx-services-accordion-item h3 {
	position: relative;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.625rem;
	letter-spacing: 0.08em;
	padding: 0 2.039rem 0 1.398rem;
	display: flex;
	align-items: center;
}
.hx-services-accordion-item p {
	margin-top: 0.625rem;
}
.hx-services-accordion-item.active .hx-services-accordion-wrapper {
	padding: 1.875rem 1.142rem 1.875rem 1.313rem;		
}
.hx-services-accordion-item h3::before {
	counter-increment: service-counter;
	content: counter(service-counter) ". ";
	position: absolute;
	left: 0;
	top: 0;
}
.hx-services-accordion-item h3::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/white_arrow.webp');
	background-size: cover;
	width: 1.313rem;
	height: 1rem;
	right: 0;
	opacity: 34%;
	transition: all 0.5s ease;
	transform: rotate(-45deg);
}
.hx-services-accordion-item.active h3::after {
	opacity: 100%;
	transform: rotate(0);
	transition: all 0.5s ease;
}
/* ========================= Contact Page - Styles ========================= */
body:has(.hx-contact-hero-grp) {
	background: #F9F8EF;
}
/* Hero Section */
div.hx-contact-hero-grp {
	padding-top: 1rem;
	margin-bottom: 4.375rem;
}
.hx-contact-hero-cols {
	flex-direction: column;
	gap: 2.25rem;
}
.hx-contact-hero-cols h1 {
	margin-bottom: 0.5rem;
}
.hx-contact-hero-cols p {
	font-size: 1.0625rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem;
	color: #333333;
}
.hx-contact-hero-col:last-child {
	display: flex;
	justify-content: center;
}
.hx-contact-hero-col svg {
	width: 16.125rem;
	height: 17.25rem;
	margin: 0 auto;
}
/* Details */
div.hx-form-grp {
	margin-bottom: 4.375rem;
}
.hx-form-cols {
	flex-direction: column;
	gap: 3.125rem;
}
.hx-contact-map {
	width: 18.75rem;
	height: 13.282rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-top: 3.125rem;
}
.hx-contact-map iframe {
	width: 100%;
	height: 100%;
}
.hx-contact-stack {
	gap: 0;
	margin-bottom: 1.563rem;
}
.hx-contact-stack h3 {
	font-family: 'Product Sans';
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}
.hx-contact-stack p {
	max-width: 12.625rem;
	color: #333333;
}
.hx-contact-stack p a:hover {
	text-decoration: underline;
}
div.hx-contact-socials {
	gap: 1.375rem;
	margin-top: 0.938rem;
}
div.hx-contact-socials figure {
	width: 1.043rem;
	height: 1.043rem;
	display: flex;
	align-items: center;
	justify-content: center;	
	will-change: transform;
}
div.hx-contact-socials figure:hover {
	transform: scale(1.2);
}
div.hx-contact-socials figure a {
	display: flex;	
}
div.hx-contact-socials figure img {
	width: 100%;
	height: 100%;	
}
/* Form */
.hx-form-col:first-child {
	background: #F8F6E3;
	padding: 3.125rem 1.25rem;
	border-radius: 0.75rem;
}
.hx-form-col h2 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	margin-bottom: 1.375rem;
	text-transform: uppercase;
}
.wpforms-hidden {
	display: none;
}
span.wpforms-required-label {
	display: none;
}
.wpforms-field-container {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.wpforms-field {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
label.wpforms-field-label {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 500;
	font-size: 1.0625rem;
	line-height: 1.625rem;
	letter-spacing: 0.106rem;
	color: #333333;
}
.wpforms-field input, .wpforms-field textarea {
	padding: 0 0 0.625rem 0;
	border: none;
	border-bottom: 0.0625rem solid rgba(51, 51, 51, 0.57);
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.0625rem;
	letter-spacing: 0.035rem;
	color: #333333;
	background: transparent;
}
.wpforms-field textarea {
	height: 3.767rem;
	resize: none;
}
.wpforms-field input::placeholder, .wpforms-field textarea::placeholder {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.0625rem;
	letter-spacing: 0.035rem;
	color: #333333;
	opacity: 45%;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__inner {
	padding: 0 0 0.625rem 0;
	border: none;
	border-bottom: 0.0625rem solid rgba(51, 51, 51, 0.57);
	border-radius: 0;	
	background: transparent;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--single {
	padding: 0;
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.0625rem;
	letter-spacing: 0.035rem;
	color: #333333;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__placeholder {
	color: #333333;
	opacity: 45%;	
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input {
	display: none;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices::after {
	content: "";
	background-image: url('/wp-content/uploads/2025/05/grey-plus-icon.webp');
	background-size: cover;
	height: 0.75rem;
	width: 0.75rem;
	border: none;
	position: absolute;
	inset-inline-end: 0;
	top: 0.156rem;
	margin-top: 0;
	pointer-events: none;
	transform: rotate(0deg);
	transition: all 0.3s linear;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices[data-type*="select-one"] .choices__button {
	display: none;
}
.wpforms-submit-container {
	margin-top: 2.25rem;
}
.wpforms-field input:focus-visible,
.wpforms-field textarea:focus-visible,
div.hx-form-grp div.wpforms-container .wpforms-form .is-focused .choices__inner  {
	border-color: #FDB928;
}
.wpforms-has-error input,
.wpforms-has-error textarea,
div.hx-form-grp div.wpforms-container .wpforms-form .wpforms-has-error .choices__inner {
	border-color: #B3261E;
}
div.hx-form-grp div.wpforms-container .wpforms-form .is-focused.choices::after {
	transform: rotate(180deg);
	transition: all 0.3s linear;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices[data-type*="select-one"].is-open:after {
	margin-top: 0;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__inner {
	border-radius: 0 !important;
}
.wpforms-error {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 0.875rem;
	letter-spacing: 0rem;
	color: #B3261E;
	font-style: normal;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.0625rem;
	letter-spacing: 0.035rem;
	color: #333333;
	background: transparent;
	padding: 0;
	width: fit-content;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item:hover {
	transform: translatex(0.625rem);
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--dropdown {
	margin-top: 1rem;
	padding: 1.25rem;
	box-shadow: 0 0.025rem 0.25rem 0 #0000000A;
	background: #F8F6E3;
	border: none;
	border-radius: 0.75rem;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--dropdown::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 0.094rem;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(253, 185, 40, 0.25), rgba(255, 255, 255, 0), rgba(253, 185, 40, 0.25));
	pointer-events: none;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}
div.hx-form-grp div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
img.wpforms-submit-spinner {
	width: 1.875rem;
	height: 1.9875rem;
	margin: 2.5rem auto 0;
}
/* FAQ */
div.hx-faq-grp {
	margin-bottom: 4.375rem;
}
div.hx-faq-grp h2 {
	text-align: center;
	margin-bottom: 1.875rem;
}
div.hx-faq-grp .faq-container {
	gap: 1.375rem;
}
div.faq-item {
	gap: 0;
	padding-bottom: 1.375rem;
	border-bottom: 0.0625rem solid #333333;
	cursor: pointer;
	width: 100%;
}
.faq-question h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.625rem;
	letter-spacing: 0.09rem;
	text-transform: uppercase;
	position: relative;
	display: flex;
	align-items: center;
	padding-right: 3.75rem;
}
.faq-question h3::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/plus-icon-line.webp');
	background-size: cover;
	width: 1rem;
	height: 1rem;
	right: 0;
	pointer-events: none;
	transition: all 0.3s linear;
}
.faq-question h3::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/plus-icon-line.webp');
	background-size: cover;
	width: 1rem;
	height: 1rem;
	right: 0;
	transform: rotate(90deg);
	pointer-events: none;
	transition: all 0.3s linear;
}
.faq-item.active .faq-question h3::after {
	transform: rotate(180deg);	
	transition: all 0.3s linear;
}
.faq-answer {
	height: 0;
	overflow: hidden;
}
.block-editor-block-list__block.faq-answer {
	height: auto;
}
.faq-answer p {
	padding-top: 0.938rem;
	color: #333333;	
	padding-right: 1.211rem;
}
/* Back to Top */
.hx-btt {
	width: 3rem;
	height: 3rem;
	position: fixed;
	bottom: 3.625rem;
	right: 1.875rem;
	z-index: 99999;
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}
.hx-btt.show {
	opacity: 1;
	pointer-events: auto;	
}
.hx-btt-icon {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.hx-btt-icon svg {
	width: 100%;
	height: 100%;
}
/* ========================= Thank You Page - Styles ========================= */
div.hx-thankyou-grp {
	padding: calc(100vh * (16 / 700)) 0 calc(100vh * (70 / 700));
	background: #F9F8EF;
	position: sticky;
	top: 0;
	height: var(--height);
}
.hx-thankyou-stack {
	position: relative;
	max-width: calc(100vh * (300 / 700));
	margin: 0 auto;
}
div.hx-thankyou-grp h1 {
	text-align: center;
	font-size: calc(100vh * (45 / 700));
	line-height: calc(100vh * (53 / 700));
	letter-spacing: calc(100vh * (0.9 / 700));
	margin-bottom: calc(100vh * (30 / 700));
	color: #1B1C1C;
}
div.hx-thankyou-grp svg {
	width: calc(100vh * (250 / 700));
	height: auto;
}
.hx-thankyou-stack::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/text-background.webp');
	background-size: cover;
	width: calc(100vh * (60 / 700));
	height: calc(100vh * (48 / 700));
	top: calc(100vh * (80 / 700));
	right: calc(100vh * (8 / 700));
}
div.hx-thankyou-grp .is-style-secondary-button {
	margin: calc(100vh * (40 / 700)) auto 0;
}
/* ========================= 404 Page - Styles ========================= */
.hx-fnf-grp {
	overflow: hidden;
	padding: calc(100vh * (30 / 700)) 0 calc(100vh * (70 / 700));
	background: #F9F8EF;
	position: sticky;
	top: 0;
	height: var(--height);
}
.hx-fnf-grp h1 {
	text-align: center;
	font-size: calc(100vh * (154 / 700));
	line-height: calc(100vh * (115 / 700));
	color: #1C1C1C;
	margin-bottom: calc(100vh * (15 / 700));
}
.hx-fnf-grp p {
	font-weight: 400;
	text-align: center;
	margin-bottom: calc(100vh * (30 / 700));
	color: #333333;
}
.hx-fnf-grp .is-style-secondary-button {
	margin: 0 auto;
}
.hx-fnf-grp .is-style-secondary-button svg {
	width: calc(100vh * (27.25 / 700));
	height: calc(100vh * (27.25 / 700));
	margin: 0;
	position: absolute;
	left: calc(100vh * (20.9 / 700));
	top: calc(100vh * (8.5 / 700));
	z-index: 99;
}
.hx-fnf-grp span.btn-span-one, .hx-fnf-grp span.btn-span-two {
	left: calc(100vh * (17 / 700));
}
.hx-fnf-grp .is-style-secondary-button a {
	padding: calc(100vh * (15.5 / 700)) calc(100vh * (20.9 / 700)) calc(100vh * (15.5 / 700)) calc(100vh * (54 / 700));
}
.hx-fnf-grp svg {
	width: calc(100vh * (900 / 700));
	height: auto;
	margin-top: calc(100vh * (40 / 700));
	pointer-events: none;
}
/* Scroll Margin */
.hx-services-accordion-item {
	scroll-margin-top: 6.75rem;
}
/* ========================= Ideas Archive - Styles ========================= */
.hx-ideas-archive {
	background: #F9F8EF;
	padding: 1rem 0 4.375rem;
}
.hx-ideas-heading {
	font-size: 2.813rem;
	line-height: 3.313rem;
	letter-spacing: 0.056rem;
	margin-bottom: 1.875rem;
}
.hx-ideas-heading span {
	text-transform: uppercase;
	font-weight: 600;
}
.hx-ideas-tabs {
	padding-bottom: 1.125rem;
	border-bottom: 0.0625rem solid #333333;
	margin-bottom: 1.875rem;
	display: flex;
	align-items: center;
	gap: 4.117rem;
}
.hx-ideas-tabs a {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 500;
	font-size: 1.563rem;
	line-height: 2.125rem;
	letter-spacing: 0.063rem;
	color: #1B1C1C;	
}
.hx-ideas-tabs a.active {
	font-weight: 600;	
}
.hx-ideas-latest-title {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 500;
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.085rem;
	margin-bottom: 1.875rem;
}
.hx-ideas-latest-blog {
	margin-bottom: 3.104rem;
}
.hx-ideas-latest-news {
	margin-bottom: 3.104rem;	
}
.hx-ideas-latest-img {
	display: flex;
	margin-bottom: 0.938rem;
	border-radius: 0.75rem;
	overflow: hidden;
	height: 10.898rem;
}
.hx-ideas-latest-img a {
	display: flex;
	width: 100%;	
}
span.hx-ideas-latest-category {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	color: #555555;
	margin-bottom: 0.5rem;
	display: inline-block;
	text-transform: uppercase;
}
.hx-ideas-latest-post-title {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 2rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0.25rem;
}
.hx-ideas-latest-excerpt {
	border-bottom: 0.0625rem solid #333333;
	padding-bottom: 0.625rem;
	margin-bottom: 0.625rem;	
}
.hx-ideas-latest-excerpt p {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6875rem;
	letter-spacing: 0.1em;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.hx-ideas-readmore {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6875rem;
	letter-spacing: 0.04em;
	color: #555555;
	display: inline-flex;
	position: relative;
	align-items: center;
}
.hx-ideas-readmore::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/Arrow.svg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 0.875rem;
	height: 100%;
	right: -1.313rem;
}
.hx-ideas-category-filters {
	display: flex;
	gap: 0.625rem;
	flex-wrap: wrap;
	margin-bottom: 2.688rem;
}
button.hx-ideas-cat-btn {
	background-color: transparent;
	border: 0.0625rem solid #333333;
	border-radius: 0.5rem;
	height: 3.125rem;
	padding: 0.969rem 1.375rem;
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.188rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #333333;
}
button.hx-ideas-cat-btn.active , button.hx-ideas-cat-btn:hover {
	background-color: #1B1C1C;
	color: #FFFFFF;
}
.hx-ideas-blog-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.875rem;
}
.hx-ideas-card-thumbnail {
	display: flex;
	width: 100%;
	height: 17.055rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
span.hx-ideas-category {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	color: #555555;
	margin-bottom: 0.5rem;
	display: inline-block;
	text-transform: uppercase;
}
.hx-ideas-card-title-link {
	display: flex;
	padding-bottom: 0.625rem;
	border-bottom: 0.0625rem solid #333333;
	margin-bottom: 0.625rem;
}
h3.hx-ideas-card-title {
	color: #1B1C1C;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.08em;
	vertical-align: middle;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.hx-ideas-load-more-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-ideas-load-more-wrap > div {
	margin-top: 2.688rem;	
}
/* ========================= Blog Single - Styles ========================= */
.single.single-post {
	background: #F9F8EF;	
}
.hy-single-post {
	padding: 1rem 0 0;
}
.hy-sp-breadcrumb {
	display: flex;
	gap: 0.438rem;
	margin-bottom: 0.75rem;
	font-family: 'ClashGrotesk-Variable';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1rem;
	vertical-align: middle;
	text-transform: capitalize;
	color: #333333B2;
}
.hy-sp-head-wrapper h1 {
	font-weight: 600;
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.085rem;
	margin-bottom: 0.797rem;
}
.hy-sp-info {
	padding-bottom: 0.938rem;
	border-bottom: 0.0625rem solid rgba(51, 51, 51, 0.25);
	margin-bottom: 0.938rem;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.hy-sp-info p {
	font-family: 'ClashGrotesk-Variable';
	color: #555555;
}
.hy-sp-info p span {
	color: #1B1C1C;
	font-weight: 500;
}
.hy-sp-share-sticky {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.625rem;
	align-items: center;
	margin-bottom: 2.25rem;
}
.hy-share-items {
	display: flex;
	align-items: center;
	gap: 1.177rem;
	flex-wrap: nowrap;
}
.hy-share-items > div {
	width: 1rem;
	height: 1rem;
}
.hy-share-items > div a {
	display: flex;
	width: 1rem;
	height: 1rem;
	align-items: center;
	justify-content: center;
}
.hy-sp-featured-img {
	width: 100%;
	height: 11.25rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 1.563rem;
}
.toc-wrapper {
	display: none;
}
/* Blog Content */
.hy-sp-content h2 {
	font-weight: 600;
	font-size: 1.563rem;
	line-height: 2.125rem;
	letter-spacing: 0.063rem;
	margin: 1.25rem 0 0.5rem;
}
.hy-sp-content h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	text-transform: capitalize;
	margin: 0.938rem 0 0.5rem;	
}
.hy-sp-content p {
	color: #333333;
	margin: 0 0 0.625rem;
}
.hy-sp-content p a {
	text-decoration: underline;
	font-weight: 700;
	color: #1B1C1C;
}
.hy-sp-content p strong {
	color: #1B1C1C;
	font-weight: 700;	
}
.is-style-theme-list {
	margin: 0.5rem 0 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.313rem;
}
.is-style-theme-list li {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1rem;
	color: #333333;
	position: relative;
	padding-left: 1.225rem;
}
.is-style-theme-list li a {
	text-decoration: underline;
	text-underline-offset: 0.125rem;
	color: inherit;
}
.is-style-theme-list li strong {
	font-weight: 700;
	color: inherit;
}
.is-style-theme-list li::before {
	content: '';
	position: absolute;
	background-color: #FDB928;
	width: 0.563rem;
	height: 0.563rem;
	border-radius: 50%;
	left: 0;
	top: 0.625rem;
}
.hy-sp-content figure {
	width: 100%;
	height: auto;
	border-radius: 0.75rem;
	overflow: hidden;
	margin: 1.563rem 0;
}
.hx-sp-readmore {
	background: rgb(250 197 44 / 45%);
	padding: 1.25rem 1.438rem;
	border-radius: 0.75rem;
	margin: 1.563rem 0;
}
/* Table */
.hy-sp-content figure:has(table) {
	border-radius: 0;
	margin: 2.25rem 0;
	overflow: hidden;
	overflow-x: auto;
}
.hy-sp-content figure:has(table)::-webkit-scrollbar {
	display: none;
}
.hy-sp-content figure:has(table) {
	-ms-overflow-style: none; 
	scrollbar-width: none;  
	-webkit-overflow-scrolling: touch;
}
.hy-sp-content figure table {
	border-radius: 0.75rem;
	border-collapse: separate;
	border-spacing: 0.0625rem;
	background: #333333;
}
.hy-sp-content figure table td {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.313rem;
	letter-spacing: 0.035rem;
	padding: 0.625rem 0.938rem;
	color: #1B1C1C;
	background: #F9F8EF;
	border: none;
	width: 8.75rem;
	min-width: 8.75rem;
}
.hy-sp-content figure table td strong {
	font-weight: 700;
}
.hy-sp-content figure table tr:first-child td {
	background: #333333;
	color: #FFFFFF;
	font-family: 'ClashGrotesk-Variable';
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	border-color: #333333;
	padding: 1.125rem 1.25rem;
}
.hy-sp-content figure table tr:first-child td:first-child {
	border-radius: 0.75rem 0 0 0;	
}
.hy-sp-content figure table tr:first-child td:last-child {
	border-radius: 0 0.75rem 0 0;	
}
.hy-sp-content figure table tr:last-child td:first-child {
	border-radius: 0 0 0 0.75rem;
}
.hy-sp-content figure table tr:last-child td:last-child {
	border-radius: 0 0 0.75rem 0;
}
div.hx-sp-download {
	gap: 0;
	background: #1B1C1C;
	border-radius: 0.75rem;
	padding: 1.875rem 0.938rem 2.563rem 1.188rem;
	position: relative;
	margin: 2.688rem 0;
	overflow: hidden;
}
div.hx-sp-download h3 {
	color: #FFFFFF;
	margin: 0;
	font-weight: 600;
	font-size: 1.75rem;
	line-height: 2.5rem;
	letter-spacing: 0.07rem;
	margin-bottom: 0.625rem;
}
div.hx-sp-download p {
	color: #EFEFEF;
	margin-bottom: 2.25rem;
}
div.hx-sp-download::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/06/background_vector.webp');
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 12.919rem;
	height: 12.919rem;
	transform: rotate(86.57deg);
	bottom: -3.543rem;
	right: -3.266rem;
	pointer-events: none;
}
/* Blog FAQ */
.hy-sp-content div.hx-faq-grp {
	margin-bottom: 0;
}
.hy-sp-content .hx-faq-grp h2 {
	text-align: left;
	font-weight: 600;
	font-size: 1.563rem;
	line-height: 2.125rem;
	letter-spacing: 0.063rem;
	margin: 0 0 1.875rem;
}
.hy-sp-content .hx-faq-grp h3 {
	font-weight: 500;
	line-height: 1.625rem;
	margin: 0;
}
/* Blog Related Posts */
.hy-sp-related-posts {
	padding: 4.375rem 0;
}
ul.hy-related-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.875rem;
}
.hy-sp-related-posts h2 {
	margin-bottom: 1.875rem;
}
.hy-sp-thumb-link {
	display: flex;
	width: 100%;
	height: 17.055rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
/* ========================= About Page - Styles ========================= */
/* Hero Section */
.entry-content:has(.hx-about-hero-grp) {
	background: #F9F8EF;
}
div.hx-about-hero-grp {
	padding: 1rem 0 4.375rem;
	position: sticky;
	top: 0;
	z-index: 1;
}
div.hx-about-hero-grp h1 {
	font-size: 2.813rem;
	line-height: 3.313rem;
	letter-spacing: 0.056rem;
}
.hx-about-hero-col {
	overflow: hidden;
}
div.hx-about-hero-grp .hx-about-hero-cols {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-column-gap: 1.25rem;
	grid-row-gap: 0.221rem;
}
div.hx-about-hero-grp .hx-about-hero-col .hx-about-hero-stack {
	border: 0.036rem solid #333333;
	border-radius: 0.429rem;
	align-self: end;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(1) .hx-about-hero-stack {
	margin-top: 2.779rem;
	width: 7.824rem;
	height: 7.211rem;
	overflow: hidden;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(2) .hx-about-hero-stack {
	margin-bottom: 0.772rem;
	margin-top: 1.987rem;
	width: 9.375rem;
	height: 7.231rem;
	transform: rotateY(-180deg);
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(3) .hx-about-hero-stack {
	margin-top: 0.927rem;
	width: 8.063rem;
	height: 8.078rem;
	transform: rotateY(-180deg);
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(4) .hx-about-hero-stack {
	width: 9.331rem;
	height: 7.196rem;
	overflow: hidden;
	margin-top: 0.214rem;
}
.hx-about-hero-grp .hx-about-hero-col svg {
	overflow: visible;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(1) svg {
	width: 4.546rem;
	height: 6.264rem;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(2) svg {
	width: 5.447rem;
	height: 8.738rem;
	margin-bottom: 0.479rem;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(3) svg {
	width: 5.815rem;
	height: 8.561rem;
	margin-bottom: 0.444rem;
}
div.hx-about-hero-grp .hx-about-hero-col:nth-child(4) svg {
	width: 4.969rem;
	height: 6.489rem;
	margin: 0.667rem 0 0 2.136rem;
}
/* Black Section */
.hx-about-black-wrap {
	background: #1B1C1C;
	padding: 3.125rem 0 0;
	border-radius: 1.875rem 1.875rem 0 0;
	position: relative;
	z-index: 2;
}
.hx-about-black-wrap p {
	color: #EFEFEF;
}
div.hx-about-black-wrap-cols {
	margin-top: 4.375rem;
	flex-direction: column;
	gap: 1.375rem;
}
div.hx-about-black-wrap-col h2 {
	color: #FFFFFF;
	margin-bottom: 0.534rem;
}
div.hx-about-black-wrap-col:first-child p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem;
	background: #222222;
	border-radius: 0.5rem;
	padding: 0.437rem 0.971rem 0.437rem 0.634rem;
}
/* Time Line */
div.hx-timeline-grp {
	margin: 2.952rem 0 0 0;
	padding: 6.969rem 0 2.919rem 2.594rem;
	position: relative;
}
.hx-timeline-cols {
	flex-direction: column;
	gap: 0;
	position: relative;
}
.hx-timeline-cols:not(:last-child) {
	margin-bottom: 8.465rem;
}
.hx-timeline-cols h2 {
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 2rem;
	letter-spacing: 0.25rem;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx_timeline_progress {
	position: absolute;
	width: 0.286rem;
	height: 100%;
	background: #333333;
	top: 0;
	left: 0.46rem;
}
div.hx-timeline-grp::before, div.hx-timeline-grp::after {
	content: '';
	position: absolute;
	width: 4.909rem;
	height: 3.864rem;
	background: linear-gradient(0deg, #1B1C1C 0%, rgba(27, 28, 28, 0) 100%);
	pointer-events: none;
	z-index: 99;
	left: -1.875rem;
}
div.hx-timeline-grp::before {
	top: 0;
	transform: rotate(180deg);
}
div.hx-timeline-grp::after {
	bottom: 0;
}
.hx-timeline-col p {
	color: #EFEFEF;
	margin-bottom: 1.875rem;
}
.hx-timeline-col figure {
	width: 16.156rem;
	height: 11.902rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx_timeline_centre {
	position: absolute;
	background-color: transparent;
	width: 0.938rem;
	height: 100%;
	left: -2.469rem;
}
.hx_timeline_circle {
	position: sticky;
	top: 50vh;
	border-radius: 0.938rem;
	background: #FFFFFF;
	width: 0.938rem;
	height: 0.724rem;
	box-shadow: 0 0 0 0.5rem #1C1C1C;
}
.hx_timeline_progress_bar {
	background-color: #fff;
	background-color: #FDB928;
	width: 0.286rem;
	height: 100%;
	pointer-events: none;
}
/* About Cards */
.hx-about-white-wrap {
	padding: 4.375rem 0;
	background: #ffffff;
	position: relative;
	z-index: 3;
}
.hx-about-white-wrap .hx-about-cards-cols {
	flex-direction: column-reverse;
	gap: 4.232rem;
	margin-bottom: 5.308rem;
}
.hx-about-cards-col:last-child h2 {
	margin-bottom: 0.5rem;
}
.hx-about-cards-col:last-child p {
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1rem;
	color: #333333;
}
.hx-about-cards-col:first-child {
	display: flex;
	gap: 0.244rem;
	flex-direction: column;
	align-items: center;
}
.hx-about-cards-stack {
	width: 16.896rem;
	height: 15.339rem;
	gap: 0;
	border-radius: 0.75rem;
	overflow: hidden;
	padding: 4.372rem 0 2.845rem 1.192rem;
	position: relative;
}
.hx-about-cards-stack:nth-child(1) {
	background: #3EB460;
	transform: rotate(-7.53deg);
}
.hx-about-cards-stack:nth-child(2) {
	background: #3174BA;
	transform: rotate(7.79deg);
}
.hx-about-cards-stack:nth-child(3) {
	background: #FEBF39;
	transform: rotate(6.7deg);
}
.hx-about-cards-stack h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	text-transform: uppercase;
	margin-bottom: 0.398rem;
}
.hx-about-cards-stack:nth-child(1) h3 {
	color: #023310;
}
.hx-about-cards-stack:nth-child(2) h3 {
	color: #051D36;
}
.hx-about-cards-stack:nth-child(3) h3 {
	color: #312406;
}
.hx-about-cards-stack figure {
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 1.494rem;
	left: 1.178rem;
	border-radius: 0.378rem;
	overflow: hidden;
}
.hx-about-cards-stack p {
	line-height: 1.563rem;
}
.hx-about-cards-stack:nth-child(1) p {
	color: #023310;
	max-width: 14.813rem;
}
.hx-about-cards-stack:nth-child(2) p {
	color: #051D36;
	max-width: 15.063rem;
}
.hx-about-cards-stack:nth-child(3) p {
	color: #312406;
	max-width: 14.813rem;
}
.hx-about-cards-stack::before {
	content: '';
	position: absolute;
	width: 18.212rem;
	height: 2.478rem;
	left: 0;
	bottom: 0;
	background-size: cover;
	pointer-events: none;
}
.hx-about-cards-stack:nth-child(1)::before {
	background-image: url('/wp-content/uploads/2025/06/green_background_vector.webp');
}
.hx-about-cards-stack:nth-child(2)::before {
	background-image: url('/wp-content/uploads/2025/06/blue_background_vector.webp');
}
.hx-about-cards-stack:nth-child(3)::before {
	background-image: url('/wp-content/uploads/2025/06/yellow_background_vector.webp');
}
/* Teams Wrap */
div.hx-about-team-wrapper {
	padding: 3.125rem 0;
	background: #1B1C1C;
	position: relative;
	z-index: 4;
}
.hx-about-team-wrapper .hx-about-logo-cols {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	margin-bottom: 2.25rem;
}
.hx-about-logo-col h2 {
	color: #FFFFFF;
}
.hx-about-logo-col p {
	color: #F9F8EF;	
}
/* Logo */
.hx-about-team-wrapper .hx-marquee-sub-grp::before {
	display: none;
}
.hx-about-team-wrapper .hx-marquee-wrapper {
	border-radius: 0;
	background: none;
	padding: 0;
	height: 5.043rem;
	gap: 0.938rem;
}
.hx-about-team-wrapper .hx-marquee-col {
	gap: 0.938rem;
}
.hx-about-team-wrapper .hx-marquee-col figure {
	width: 10.084rem;
	height: 5.043rem;
	background: #222222;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0.039rem solid #FFFFFF1F;
	border-radius: 0.75rem;
}
.hx-about-team-wrapper .hx-marquee-cols::before, .hx-about-team-wrapper .hx-marquee-cols::after {
	display: none;
} 
.hx-about-team-wrapper .hx-marquee-col figure a {
	display: flex;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.hx-about-team-wrapper .hx-marquee-col figure img {
	width: auto;
	height: 2.5rem;
	opacity: 1;
}
/* About Form */
.hx-about-form-wrap {
	padding: 4.375rem 0 6.25rem;
	background: #ffffff;
	position: sticky;
	top: -62.5rem;
	z-index: 5;
	overflow: hidden;
	scroll-margin-top: 6.25rem;
}
.hx-about-form-wrap .hx-about-form-cols {
	background: #F9F8EF;
	border-radius: 0.75rem;
	padding: 2.303rem 1.112rem 12.454rem 1.076rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 0;
	position: relative;
}
.hx-about-form-cols {
	margin-bottom: 0.375rem;
}
.hx-about-form-col p {
	color: #333333;
	margin-bottom: 1.375rem;
}
.hx-about-form-col svg {
	width: 8.396rem;
	height: 11.501rem;
	position: absolute;
	right: 1.388rem;
	bottom: -1.869rem;
	transform: translate(100%, 0);
}
.hx-about-form-cols::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/06/yellow_background_vector_line.webp');
	background-size: cover;
	width: 6.925rem;
	height: 4.686rem;
	left: 1.884rem;
	bottom: 4.759rem;
	transform: rotate(78.3deg);
	opacity: 0;
	transition: all 0.3s linear;
}
.hx-about-form-cols.show::before {
	opacity: 1;
	transition: all 0.3s linear;
}
/* Team Section */
div.hx-about-team-grp {
	margin: 4.375rem auto 0;
}
div.hx-about-team-grp h2 {
	color: #FFFFFF;
	margin-bottom: 2.25rem;
}
.hx-team-carousel-wrapper {
	display: flex;
	flex-direction: column-reverse;
}
.hx-team-carousel {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}
.slick-track {
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: center;
}
.hx-team-item {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	z-index: 1;
	cursor: grab;
}
.hx-team-card.slick-slide {
	width: 18.749rem;
	height: 25.826rem;
	background: #F9F8EF;
	min-width: 18.749rem;
	position: relative;
}
.hx-team-card.slick-slide::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/06/yellow_drawing.webp');
	background-size: auto 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 14.375rem;
	z-index: 0;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.3s linear;
}
div.hx-team-card.slick-current:hover::after {
	opacity: 1;
	transition: all 0.3s linear;
}
.hx-team-img {
	/* 	width: 13.061rem; */
	width: auto;
	height: 23.031rem;
}
.hx-team-header {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 0.798rem 1.215rem;
	bottom: 0;
	left: 0;
}
.hx-team-header h3 {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 2rem;
	letter-spacing: 0.055rem;
	vertical-align: middle;
	text-transform: uppercase;
	margin-bottom: 0.125rem;
	color: #1C1C1C;
}
.hx-team-header p {
	font-size: 0.875rem;
	line-height: 1.063rem;
	letter-spacing: 0.035rem;
	vertical-align: middle;
	color: #555555;
}
.hx-team-excerpt-wrap {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 0;
	left: 0;
	height: 0;
	overflow: hidden;
	display: none;
}
div.hx-team-card.slick-current:hover .hx-team-excerpt-wrap {
	height: 4.813rem;
	transition: all 0.3s linear;
}
.hx-team-excerpt-wrap p {
	font-family: 'ClashGrotesk-Variable';
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
	letter-spacing: 0.0625rem;
	padding: 0.798rem 1.215rem;
	vertical-align: middle;
	color: #1B1C1C;
	text-transform: uppercase;	
}
.hx-about-team-grp .slick-list {
	border-radius: 0.75rem;
	overflow: hidden;	
}
.hx-about-team-grp .slick-dots {
	display: flex;
	gap: 0.604rem;
	align-items: center;
	margin-top: 1.875rem;
	position: static;
	justify-content: center;
}
.hx-about-team-grp .slick-dots li {
	appearance: none;
	width: 0.566rem;
	height: 0.566rem;
	background-color: #555555;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	margin: 0;
}
.hx-about-team-grp .slick-dots li.slick-active {
	width: 0.75rem;
	height: 0.75rem;
	background-color: #ffffff;
}
.hx-about-team-grp .slick-dots li button {
	width: 100%;
	height: 100%;
	padding: 0;
}
.hx-about-team-grp .slick-dots li button:before {
	display: none;
}
.hx-about-team-grp .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.hx-about-team-grp .slick-list {
	overflow: hidden;
	transform: translateZ(0);	
}
.hx-about-team-grp .hx-team-carousel {
	padding-bottom: 4.375rem;
}
.hx-about-team-grp .slick-next, .hx-about-team-grp .slick-prev {
	border: 0.0625rem solid #ffffff;
	top: unset;
	bottom: 0;
	width: 3.151rem;
	height: 2.071rem;
	border-radius: 0.5rem;
	transform: unset;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-about-team-grp .slick-next {
	right: 5.736rem;
}
.hx-about-team-grp .slick-prev {
	left: 5.736rem;
	transform: scale(-1);
}
.hx-about-team-grp .slick-next::before, .hx-about-team-grp .slick-prev::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/white_arrow.webp');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 1.081rem;
	height: 100%;
	transition: all 0.3s linear; 
}
.hx-about-team-grp .slick-next:hover::before, .hx-about-team-grp .slick-prev:hover::before {
	transform: rotate(0deg);
	transition: all 0.3s linear;
}
.hx-about-team-grp .slick-next::before {
	transform: rotate(-30deg);
}
.hx-about-team-grp .slick-prev::before {
	transform: rotate(30deg);
}
.hx-about-team-grp .slick-next.disabled, .hx-about-team-grp .slick-prev.disabled {
	opacity: 34%;
	pointer-events: none;
}
.hx-about-team-grp .slick-arrow.slick-disabled {
	opacity: 25%;
}
/* ========================= Privacy Policy Page - Styles ========================= */
body:has(.hx-legal-grp) {
	background: #F9F8EF;
}
.hx-legal-grp {
	padding: 1rem 0 4.375rem;
}
.hx-legal-grp h1 {
	font-weight: 500;
	font-size: 2.813rem;
	line-height: 3.313rem;
	letter-spacing: 0.056rem;
	margin-bottom: 0.625rem;
}
.hx-legal-grp p {
	color: #333333;
	margin-bottom: 0.625rem;
}
.hx-legal-grp p:first-of-type {
	font-size: 1.125rem;
	line-height: 1.875rem;
	letter-spacing: 0.09rem;
	margin-bottom: 2.25rem;
}
.hx-legal-grp h2 {
	font-weight: 600;
	font-size: 1.75rem;
	line-height: 2rem;
	letter-spacing: 0.07rem;
	vertical-align: middle;
	text-transform: uppercase;
	margin: 1.875rem 0 0.938rem;
}
.hx-legal-grp h3 {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 2rem;
	letter-spacing: 0.055rem; 
	text-transform: uppercase;
	margin: 1.25rem 0 0.375rem;
}
.hx-legal-grp h4 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	text-transform: uppercase;
}
/* ========================= Service Archive Page - Styles ========================= */
/* Hero Section */
.hx-services-archive {
	background: #F9F8EF;
}
.hx-sa-header-grp {
	padding: 1rem 0 0;
}
.hx-sa-header-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.25rem;
	padding: 0 0 12.876rem;
	position: relative;
	overflow: hidden;
}
.hx-sa-header-col h1 {
	letter-spacing: 0.056rem;
}
.hx-sa-header-col p {
	font-size: 0.875rem;
	line-height: 1.313rem;
	letter-spacing: 0.035rem;
	padding: 0.938rem 0.705rem;
	max-width: 11.682rem;
	position: relative;
	color: #333333;
}
.hx-sa-header-col p::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/06/bubble_background.webp');
	background-size: cover;
	width: 13.761rem;
	height: 5.762rem;
	top: 0;
	left: 0;
}
.hx-sa-header-col svg {
	width: 5.346rem;
	height: 10.042rem;
}
.hx-sa-header-svg {
	width: 5.346rem;
	height: 10.042rem;
	position: absolute;
	right: 0;
	bottom: 4.375rem;	
}
.hx-sa-header-svg::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/pixo-pointing.webp');
	background-size: cover;
	width: 2.652rem;
	height: 1.386rem;
	bottom: 5.708rem;
	right: 4.268rem;
	transform: rotate(0);
	transform-origin: center;
}
/* Black Wrapper */
.hx-sa-black-wrap {
	background: #1B1C1C;
	padding: 3.125rem 0;
	border-radius: 1.875rem 1.875rem 0 0;
}
.hx-sa-impact-col h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.085rem;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-sa-impact-col p {
	color: #EFEFEF;
}
.hx-sa-impact-slider {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0.491rem;
	margin: 2.25rem 0 2.688rem;
	height: 17.935rem;
	overflow: hidden;
}
.hx-sa-impact-slider .hx-ticker-track {
	display: flex;
	flex-direction: column;
	gap: 0.478rem;
}
.hx-sa-impact-card {
	width: 100%;
	height: 5.875rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	border-radius: 0.338rem;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.hx-sa-impact-card::after {
	content: '';
	position: absolute;
	width: 11.421rem;
	height: 1.516rem;
	left: -0.013rem;
	bottom: -0.335rem;
	pointer-events: none;
	z-index: 0;
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 1) {
	background-color: #3EB460; 
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 2) {
	background-color: #FEBF39; 
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 3) {
	background-color: #3174BA; 
}
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 1) {
	background-color: #3174BA; 
}
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 2) {
	background-color: #3EB460; 
}
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 3) {
	background-color: #FEBF39; 
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 1)::after,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 2)::after {
	background-image: url('/wp-content/uploads/2025/06/green_background_traingle.webp');
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 2)::after,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 3)::after {
	background-image: url('/wp-content/uploads/2025/06/yellow_background_traingle.webp');
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 3)::after,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 1)::after {
	background-image: url('/wp-content/uploads/2025/06/blue_background_traingle.webp');
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 1) h3,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 2) h3,
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 1) p,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 2) p {
	color: #023310;
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 2) h3,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 3) h3,
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 2) p,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 3) p {
	color: #312406;
}
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 3) h3,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 1) h3,
.hx-sa-impact-up .hx-sa-impact-card:nth-child(3n + 3) p,
.hx-sa-impact-down .hx-sa-impact-card:nth-child(3n + 1) p {
	color: #051D36;
}
div.hx-sa-impact-card h3 {
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 2.5rem;
	letter-spacing: 0.07rem;
	text-align: center;
	position: relative;
	z-index: 1;
	height: 1.837rem;
}
div.hx-sa-impact-card p {
	font-weight: 700;
	font-size: 0.625rem;
	line-height: 0.688rem;
	letter-spacing: 0.025rem;
	text-align: center;
	max-width: 5.375rem;
	position: relative;
	z-index: 1;
}
.hx-sa-impact-slider {
	mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}
.hx-sa-impact-btn {
	margin: 0 auto;
	width: fit-content;
}
.hx-ticker {
	overflow: hidden;
	position: relative;
}
.hx-ticker .hx-ticker-track {
	animation: scroll-up 20s linear infinite;
}
.hx-ticker.reverse .hx-ticker-track {
	animation: scroll-down 20s linear infinite;
}
@keyframes scroll-up {
	0% { transform: translateY(0); }
	100% { transform: translateY(-50%); }
}
@keyframes scroll-down {
	0% { transform: translateY(-50%); }
	100% { transform: translateY(0); }
}
.hx-ticker:hover .hx-ticker-track {
	animation-play-state: paused;
}
/* Featured Projects */
.hx-sa-white-wrap {
	background: #ffffff;
}
.hx-sa-projects-grp {
	padding: 4.375rem 0;	
}
.hx-sa-projects-grp h2 {
	max-width: 11.317rem;
	margin-bottom: 1.875rem;
}
.hx-sa-projects-items {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.875rem;
}
.hy-sa-blog-img {
	width: 100%;
	height: 11.779rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
.hy-sa-blog-img a {
	display: flex;
	width: 100%;
	height: 100%;
}
.hx-sa-project-info h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem; 
	vertical-align: middle;
	text-transform: uppercase;
	max-width: 16.875rem;
}
.hx-sa-project-cat {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.875rem;
	letter-spacing: 0.035rem;
	vertical-align: middle;
	color: #555555;
	margin-top: 0.25rem;
}
.hx-sa-project-info {
	position: relative;
}
.hx-sa-project-info h3 a::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/06/black_arrow_button.webp');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	right: 1.035rem;
	width: 1.081rem;
	height: 100%;
	z-index: 2;
	transform: scale(-1) rotate(-30deg);
	transition: all 0.3s linear;
}
.hx-sa-project-info h3 a:hover::before {
	transform: scale(-1) rotate(0deg);
	transition: all 0.3s linear;
}
.hx-sa-project-info h3 a::after {
	content: '';
	position: absolute;
	background-color: transparent;
	border: 0.0625rem solid #1B1C1C;
	width: 3.151rem;
	height: 2.071rem;
	border-radius: 0.5rem;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s linear;
}
.hx-sa-project-info h3 a:hover::after {
	border-color: transparent;
	background-color: rgba(253, 185, 40, 0.24);
	transition: all 0.3s linear;
}
/* Services List */
.hx-sa-services {
	margin-bottom: 4.375rem;
}
.hx-sa-services-imgs img {
	display: none;
}
.hx-sa-services h2 {
	font-weight: 500;
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.085rem;
	color: #FFFFFF;
	max-width: 12rem;
	margin-bottom: 2.25rem;
}
.hx-sa-service-item {
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 1.875rem 1.25rem;
	background: #222222;
}
.hx-sa-services-items {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;
}
.hx-sa-services-items h3 {
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.625rem;
	letter-spacing: 0.09rem;
	color: #FFFFFF;
	margin-bottom: 0.625rem;
	text-transform: uppercase;	
}
.hx-sa-services-items p {
	color: #EFEFEF;
	margin-bottom: 0.778rem;
}
.hx-sa-services-items ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;	
}
.hx-sa-services-items ul li {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.1rem;
	color: #EFEFEF;
	padding-left: 1.188rem;
	position: relative;
}
.hx-sa-services-items ul li::before {
	content: '';
	position: absolute;
	width: 0.563rem;
	height: 0.563rem;
	border: 0.0625rem solid #FDB928;
	border-radius: 50%;
	left: 0;
	top: 0.625rem;
	box-sizing: border-box;
}
.hx-sa-services-items h3 {
	counter-increment: service-counter;
	position: relative;
	display: flex;
	gap: 0.438rem;
}
.hx-sa-services-items {
	counter-reset: service-counter;
}
.hx-sa-services-items h3::before {
	content: counter(service-counter) ". ";
}
.hx-sa-services-items h3::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/05/white_arrow.webp');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	width: 1.169rem;
	height: 100%;
	right: 0;
	top: 0.405rem;
	opacity: 45%;
	transform: rotate(-45deg);
	transition: all 0.3s linear;
}
.hx-sa-service-item:hover , .hx-sa-services-item.active {
	border-color: #ffffff;
}
.hx-sa-service-item:hover h3 , .hx-sa-services-item.active  h3 {
	font-weight: 600;
}
.hx-sa-service-item:hover h3::after , .hx-sa-services-item.active  h3::after {
	opacity: 1;
	transform: rotate(0);
	transition: all 0.3s linear;
}
/* ========================= Works Archive Page - Styles ========================= */
.post-type-archive-works {
	background: #F9F8EF;	
}
.hx-wa-header-grp {
	padding: 1rem 0 11.086rem;
	position: sticky;
	top: 0;
}
.hx-wa-header-grp h1 {
	letter-spacing: 0.056rem;
	margin-bottom: 0.5rem;
}
.hx-wa-header-grp p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem;
	color: #333333;
}
.hx-wa-header-imgs {
	height: 14.038rem;
	width: 8.859rem;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5.354rem;
}
.hx-wa-header-imgs .item-image {
	width: 8.711rem;
	height: 10.636rem;
	border-radius: 0.75rem;
	overflow: hidden;
	position: absolute;
}
.hx-wa-header-imgs .item-image:nth-child(1) {
	transform: scale(1.017, 1.017);
	z-index: 5;
}
.hx-wa-header-imgs .item-image:nth-child(2) {
	transform: rotate(-5.47deg);
	top: 1.185rem;
	left: -1.792rem;
	z-index: 4;
}
.hx-wa-header-imgs .item-image:nth-child(3) {
	transform: rotate(-11.11deg);
	top: 2.625rem;
	left: -4.036rem;
	z-index: 3;
}
.hx-wa-header-imgs .item-image:nth-child(4) {
	transform: rotate(5.47deg);
	top: 1.185rem;	
	right: -1.891rem;
	z-index: 2;
}
.hx-wa-header-imgs .item-image:nth-child(5) {
	transform: rotate(12.1deg);
	top: 2.625rem;	
	right: -3.897rem;
	z-index: 1;
}
/* Fold */
.hx-wa-header-imgs .item-image {
	transition: transform 0.6s ease, top 0.6s ease, left 0.6s ease, right 0.6s ease;
}
.hx-wa-header-imgs.folded .item-image {
	transform: rotate(0deg);
	top: 0rem;
	left: 0rem;
	right: 0rem;
}
/* Work Filter */
.hx-wa-black-wrap {
	background: #1B1C1C;
	border-radius: 1.875rem 1.875rem 0 0;
	padding: 4.384rem 0 3.146rem;
	position: relative;
	z-index: 2;
}
.hx-work-type-buttons {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.728rem;
	margin-bottom: 2.688rem;
}
.hx-work-type-buttons .is-style-ghost-button.active {
	background-color: #ffffff;
	pointer-events: none;
}
.hx-work-type-buttons .is-style-ghost-button.active span.btn-span-two {
	color: #000000;
}
.hx-work-category-buttons {
	display: flex;
	flex-wrap: wrap;
	row-gap: 0.563rem;
	margin-bottom: 3.125rem;
}
.hx-work-category-buttons .cat-btn {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.688rem;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	background: none;
	border: none;
	color: #EFEFEF;
	white-space: nowrap;
	position: relative;
}
.hx-work-category-buttons .cat-btn:hover , .hx-work-category-buttons .cat-btn.active {
	color: #FDB928;
}
.hx-work-category-buttons h3:not(:last-child) {
	margin-right: 0.75rem;
	padding-right: 0.75rem;
}
.hx-work-category-buttons h3:not(:last-child)::after {
	content: '|';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #EFEFEF;
}
.hx-works-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.875rem;
}
.hx-works-list  .work-card a {
	display: flex;
	flex-direction: column;
}
.hx-works-list .work-card:hover .hx-wa-items {
	border-color: #FFFFFF;
}
.hx-works-list .work-card:hover .hx-wa-items h4 {
	font-weight: 600;
}
.hx-wa-items {
	padding: 1.134rem 1.141rem 1.141rem 1.151rem;
	background: #222222;
	border-width: 0 0.063rem 0.063rem 0.063rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.12);
	border-radius: 0 0 0.75rem 0.75rem;
	position: relative;
}
.hx-wa-items::after {
	content: '';
	position: absolute;
	background-image: url(/wp-content/uploads/2025/05/white_arrow.webp);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.169rem;
	height: 100%;
	top: 0;
	right: 1.331rem;
	opacity: 34%;
	transform: rotate(-45deg);
	transition: all 0.3s linear;
}
.hx-wa-items h4 {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	margin-bottom: 0.25rem;
	color: #FFFFFF;	
	max-width: 14.375rem;
}
.work-card:hover .hx-wa-items::after  {
	transform: rotate(0);
	opacity: 1;
	transition: all 0.3s linear;
}
.hx-wa-items .work-cat {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.875rem;
	letter-spacing: 0;
	vertical-align: middle;
	color: #B2B2B2;
}
.hx-wa-thumb {
	width: 100%;
	height: 12.965rem;
	border-radius: 0.75rem 0.75rem 0 0;
	overflow: hidden;
}
.hx-load-more-wrap {
	margin-top: 2.719rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-wa-pixo-grp {
	display: none;
}
.hx-wa-white-wrap {
	background: #ffffff;
	position: relative;
	z-index: 3;
}
.hx-wa-test-wrap {
	padding: 4.375rem 0;
	position: sticky;
	top: -62.5rem;
}
/* ========================= Works Single Page - Styles ========================= */
.single-works {
	background: #F9F8EF;
}
.hx-ws-white-wrap {
	background: #ffffff;
}
.hx-ws-white-wrap > div {
	position: sticky;
	top: -62.5rem;	
}
.hx-ws-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 1.563rem 0 4.375rem;
}
.hx-ws-navigation p {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.hx-ws-navigation p::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/grey_icon-arrows.webp');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 0.843rem;
	height: 100%;
	transition: all 0.3s linear;
}
.hx-ws-navigation p:first-child {
	padding-left: 1.361rem;
}
.hx-ws-navigation p:last-child {
	padding-right: 1.361rem;
}
.hx-ws-navigation p:first-child::before {
	left: 0;
	transform: rotate(-135deg);
}
.hx-ws-navigation p:last-child::before {
	right: 0;
	transform: rotate(-45deg);
}
.hx-ws-navigation p:first-child:hover::before {
	transform: rotate(-180deg);
	transition: all 0.3s linear;
}
.hx-ws-navigation p:last-child:hover::before {
	transform: rotate(0);
	transition: all 0.3s linear;
}
.hx-ws-navigation a {
	text-decoration: none;
	color: #555555;
}
.hx-ws-explore {
	background: #F9F8EF;
	padding: 2.303rem 1.063rem 12.598rem;
	margin-bottom: 4.375rem;
	border-radius: 0.75rem;
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
}
.hx-ws-explore-col h2 {
	margin-bottom: 0.5rem;
}
.hx-ws-explore-col p {
	color: #333333;
	margin-bottom: 1.125rem;
}
.hx-ws-explore-btns {
	display: flex;
	flex-direction: column;
	gap: 0.938rem;
}
.hx-ws-explore-col svg {
	position: absolute;
	width: 8.452rem;
	height: 11.965rem;
	right: 0.757rem;
	bottom: -1.873rem;
	pointer-events: none;
	transform: rotateY(180deg);	
}
.hx-ws-explore::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/yellow_drawing_background.webp');
	background-size: cover;
	width: 7.405rem;
	height: 5.011rem;
	transform: rotate(73.71deg);
	bottom: 0;
	left: 1.632rem;
}
.hx-ws-rp-grp {
	margin-bottom: 4.375rem;
}
.hx-ws-rp-grp h2 {
	max-width: 11.317rem;
	margin-bottom: 1.875rem;
}
.hx-ws-rp-grp-items {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.875rem;
}
.hx-ws-rp-item-img {
	display: flex;
	width: 100%;
	height: 11.779rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
.hx-ws-rp-item h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	text-transform: uppercase;
	max-width: 16.875rem;
}
.hx-ws-rp-item p {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.875rem;
	letter-spacing: 0.035rem;
	vertical-align: middle;
	color: #555555;
	margin-top: 0.25rem;	
}
.hx-ws-rp-item-info {
	position: relative;
}
.hx-ws-rp-item-info h3 a::before {
	content: '';
	position: absolute;
	background-image: url(/wp-content/uploads/2025/06/black_arrow_button.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	right: 1.035rem;
	width: 1.081rem;
	height: 100%;
	z-index: 2;
	transform: scale(-1) rotate(-30deg);
	transition: all 0.3s linear;
}
.hx-ws-rp-item-info h3 a:hover::before {
	transform: scale(-1) rotate(0deg);
	transition: all 0.3s linear;
}
.hx-ws-rp-item-info h3 a::after {
	content: '';
	position: absolute;
	background-color: transparent;
	border: 0.0625rem solid #1B1C1C;
	width: 3.151rem;
	height: 2.071rem;
	border-radius: 0.5rem;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s linear;
}
.hx-ws-rp-item-info h3 a:hover::after {
	border-color: transparent;
	background-color: rgba(253, 185, 40, 0.24);
	transition: all 0.3s linear;
}
/* ========================= Porfolio Single Page - Styles ========================= */
.hx-ws-portfolio-imgs > div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	overflow: hidden;
}
.hx-ws-portfolio-imgs > div figure {
	width: 100%;
	height: 14.375rem;	
	grid-column: 1/3;
}
.hx-ws-portfolio-imgs > div figure img, .hx-ws-portfolio-imgs > div figure video {
	width: 100%;
	height: 100%;
}
.hx-ws-portfolio-grp .hx-ws-portfolio-cols {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	margin: 1rem auto 3.125rem;
}
.hx-ws-portfolio-cols h1 {
	font-size: 2.813rem;
	line-height: 3.313rem;
	letter-spacing: 0.056rem; 
}
.hx-ws-portfolio-cols p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem; 
	color: #333333;
}
.hx-ws-portfolio-cols .hx-ws-portfolio-col-stacks {
	margin-top: 1.563rem;
	display: grid;
	grid-row-gap: 0.938rem;
	background: #F8F6E3;
	border-radius: 0.75rem;
	padding: 1.563rem;
}
.hx-ws-portfolio-cols h2 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;
	vertical-align: middle;
	margin-bottom: 0.125rem;
}
.hx-ws-portfolio-cols .hx-ws-portfolio-col-stacks p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem; 	
	color: #333333;
}
/* ========================= Case Study Single Page - Styles ========================= */
.hx-ws-cs-black-wrapper {
	background: #1C1C1C;
	padding: 3.125rem 0;
	border-radius: 1.875rem 1.875rem 0 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-cols {
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.12);
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 0.75rem;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-cols h2 {
	color: #FFFFFF;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-cols p {
	color: #EFEFEF;
	margin-bottom: 0.75rem;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-cols li {
	color: #EFEFEF;	
}
.hx-ws-cs-black-wrapper .hx-ws-cs-cols figure {
	width: 100%;
	height: auto;
	border-radius: 0.75rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Ticker */
.hx-ws-cs-black-wrapper .hx-ws-cs-slider-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.875rem;
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.12);	
}
.hx-ws-cs-slider-cols h2 {
	color: #FFFFFF;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-slider-items {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.5rem;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-slider-items .hx-ticker-track-items {
	display: flex;
	gap: 0.5rem;
	flex-wrap: nowrap;
	align-items: center;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-slider-items > div figure {
	width: 16.514rem;
	min-width: 16.514rem;
	height: 9.17rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ws-cs-black-wrapper .hx-ws-cs-slider-items > div figure img {
	width: 100%;
	height: 100%;
}
.hx-ticker-track-ws .hx-ticker-track-left .hx-ticker-track-items {
	animation: ticker-left 20s linear infinite;
}
@keyframes ticker-left {
	0% {
		transform: translateX(-10%);
	}
	100% {
		transform: translateX(-50%);
	}
}
.hx-ticker-track-ws .hx-ticker-track-right .hx-ticker-track-items {
	animation: ticker-right 20s linear infinite; 
}
@keyframes ticker-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}
.hx-ticker-track-items:hover {
	animation-play-state: paused;
}
/* Before After */
.hx-ws-cs-black-wrapper .hx-ws-cs-slides-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.563rem;
}
.hx-ws-cs-slides-cols p {
	color: #EFEFEF;
	text-align: center;	
}
.hx-ws-cs-slides-cols .hx-ba-slider {
	width: 100%;
	height: 10.014rem;
	overflow: hidden;
	cursor: ew-resize;
	user-select: none;
	border-radius: 0.75rem;
	position: relative;
}
.hx-ws-cs-slides-cols .hx-ba-slider figure {
	width: 100%;
	height: 100%;	
}
.hx-ws-cs-slides-cols .hx-ba-slider figure img {
	width: 100%;
	height: 100%;	
}
.hx-ba-slider.dragging {
	user-select: none;
	cursor: ew-resize;
}
.hx-ws-cs-slides-cols .hx-ba-resize {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}
.hx-ba-handle {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 0.025rem;
	background: #1C1C1C;
	z-index: 10;
	cursor: ew-resize;
}
.hx-ws-cs-black-wrapper * {
	will-change: width, left;
	/* 	transition: all 0.05s linear; */
}
.hx-ba-resize, .hx-ba-handle, .hx-ba-handle::after {
	will-change: width, left;
	/* 	transition: all 0.05s linear;	 */
}
.hx-ba-handle::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/hapx_slider_icon.webp');
	background-size: cover;
	width: 2.548rem;
	height: 2.548rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* Hero Group */
.hx-ws-cs-hero-grp {
	padding: 1rem 0 4.375rem;
	position: sticky;
	top: -6.25rem;
}
.hx-ws-cs-hero-grp h1 {
	margin-bottom: 1.563rem;
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 2.688rem;
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-stack {
	background: #F8F6E3;
	padding: 1.563rem;
	border-radius: 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 0.938rem;
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-stack > div  {
	gap: 0.125rem;
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-stack h2 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.09rem;	
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-cols > div p {
	font-size: 1.063rem;
	line-height: 1.625rem;
	letter-spacing: 0.085rem;	
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-cols > div:last-child {
	height: 10.125rem;
}
.hx-ws-cs-hero-grp .hx-ws-cs-hero-cols > div:last-child figure {
	width: 100%;
	height: auto;
	border-radius: 0.75rem;
	overflow: hidden;
}
/* ========================= News Archive - Styles ========================= */
.hx-ideas-news-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.875rem;
}
/* ========================= Single Services - Styles ========================= */
.hx-single-services {
	padding: 1rem 0 0;	
}
.hx-single-services h1 {
	margin-bottom: 0.5rem;
}
.hx-single-services > div > div > div:first-child p {
	font-size: 1.0625rem;
	line-height: 1.625rem;
	letter-spacing: 0.08em;
	color: #333333;
}
.hx-ss-sm-black-wrap :is(h2, h3, h4, h5, h6) {
	color: #FFFFFF;
}
.hx-ss-sm-black-wrap h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
}
.hx-ss-sm-black-wrap p {
	color: #EFEFEF;
}
/* ========================= Single Services Social Media - Styles ========================= */
/* Hero Secion */
.single-services {
	background: #F9F8EF;
}
.hx-ss-sm-hero-stack {
	gap: 0;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols {
	display: flex;
	gap: 0;
	overflow: hidden;
	padding: 1.438rem 0 1.875rem;
	margin-left: -5.563rem;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols figure {
	width: 9.688rem;
	height: auto;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div {
	min-width: fit-content;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(2) {
	padding: 2.784rem 0 0 2.006rem;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(3) {
	padding: 3.309rem 0 0 1.819rem;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(1) figure {
	width: 9.716rem;
	height: 12.89rem;
	transform: rotate(-13.25deg);
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(2) figure {
	width: 9.783rem;
	height: 12.949rem;
	transform: rotate(-14.36deg);
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(3) figure {
	width: 9.879rem;
	height: 12.58rem;
	transform: rotate(-14.77deg);
}
/* Black Wrap */
.hx-ss-sm-black-wrap {
	background: #1B1C1C;
	border-radius: 1.875rem 1.875rem 0 0;
	padding: 3.125rem 0;
	position: relative;
	z-index: 2;
}
/* Marquee */
.hx-ss-sm-black-wrap .hx-marquee-sub-grp::before ,
.hx-ss-sm-black-wrap .hx-marquee-sub-grp::after {
	display: none;
}
.hx-ss-sm-black-wrap .hx-marquee-cols::before ,
.hx-ss-sm-black-wrap .hx-marquee-cols::after {
	display: none;	
}
.hx-ss-sm-black-wrap .hx-marquee-wrapper {
	border-radius: 0;
	padding: 0;
	height: 5.043rem;
	gap: 0.938rem;
}
.hx-ss-sm-black-wrap .hx-marquee-col {
	gap: 0.938rem;
}
.hx-ss-sm-black-wrap .hx-marquee-col figure {
	width: 10.084rem;
	height: 5.043rem;
	background: #222222;
	border: 0.039rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-ss-sm-black-wrap .hx-marquee-col figure img {
	width: auto;
	height: 2.5rem;
	opacity: 1;
}
.hx-ss-sm-black-wrap .hx-ss-sm-marquee {
	margin-bottom: 4.375rem;
}
/* We Turn Your Scroll into a Story */
.hx-ss-sm-black-wrap .hx-ss-sm-story-grp {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.75rem;
	margin-bottom: 4.375rem;
}
.hx-ss-sm-story-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #ffffff;	
}
.hx-ss-sm-story-grp p {
	font-size: 1rem;
	line-height: 1.6875rem;
	letter-spacing: 0.1em;
	color: #EFEFEF;	
}
.hx-ss-sm-story-grp p:not(:first-child) {
	margin-top: 0.625rem;
}
/* Social Media Management That Delivers Results */
.hx-ss-sm-results-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-sm-results-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;	
	margin-bottom: 1.875rem;
}
.hx-ss-sm-results-grp .hx-ss-sm-results-cols {
	border: 0.0625rem solid #FFFFFF;
	border-radius: 0.75rem;
	padding: 1.563rem 1.438rem 1.563rem 1.125rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.563rem;
}
.hx-ss-sm-results-cols > div:not(:last-child) {
	padding-bottom: 1.563rem;
	border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.12);
}
.hx-ss-sm-results-cols figure {
	width: 2.688rem;
	height: 2.688rem;
	border-radius: 50%;
	background: #FDB928;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.938rem;	
}
.hx-ss-sm-results-cols figure img {
	width: 1.442rem;
	height: 1.442rem;
}
.hx-ss-sm-results-cols h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.045rem;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-ss-sm-results-cols p {
	color: #EFEFEF;	
}
/* Want High Quality Leads? */
.hx-ss-sm-leads-grp {
	background: #F8F6E3;
	padding: 1.304rem 1.25rem 1.833rem;
	border-radius: 0.75rem;
	margin-bottom: 4.375rem;
}
.hx-ss-sm-leads-grp h2 {
	font-size: 1.5625rem;
	line-height: 2.125rem;
	text-align: center;
	letter-spacing: 0.04em;
	margin: 0 auto 0.938rem;
	color: #1B1C1C;
}
.hx-ss-sm-leads-grp .is-style-primary-button {
	margin: 0 auto;	
}
/* SA White Wrap */
.hx-ss-white-wrap {
	background: #ffffff;
	padding: 4.375rem 0 0 0;
}
.hx-ss-white-wrap .hx-faq-grp {
	margin-top: 4.375rem;	
}
.hx-ss-white-wrap .hx-faq-grp h2 {
	text-align: left;
	font-size: 1.5625rem;
	line-height: 2.125rem;
	letter-spacing: 0.04em;
	margin-bottom: 1.269rem;	
}
.hx-ss-white-wrap  .faq-question h3 {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.625rem;
	letter-spacing: 0.08em;	
}
/* White Wrap */
.hx-ss-sm-white-wrap {
	background: #ffffff;
	padding-top: 4.375rem;
}
/* Why US? */
div.hx-ss-sm-why-grp {
	background: #1B1C1C;
	padding: 2.25rem 1.422rem 2.297rem 1.184rem;
	border-radius: 0.75rem;
	margin-top: 4.375rem;
}
div.hx-ss-sm-why-grp .hx-ss-sm-why-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.75rem;
	margin-bottom: 2.25rem;
}
.hx-ss-sm-why-cols h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
}
.hx-ss-sm-why-cols figure {
	display: none;
}
.hx-ss-sm-why-cols p {
	color: #EFEFEF;	
	margin-bottom: 0.75rem;
} 
.hx-ss-sm-why-grp .hx-ss-sm-why-cols ul {
	gap: 0.375rem;
	margin: 0;
}
.hx-ss-sm-why-grp .hx-ss-sm-why-cols li {
	color: #EFEFEF;
	padding-left: 1.188rem;
}
.hx-ss-sm-why-grp .hx-ss-sm-why-cols li::before {
	background-color: transparent;
	width: 0.563rem;
	height: 0.563rem;
	box-sizing: border-box;
	border: 0.0625rem solid #FDB928;
}
.hx-ss-sm-why-grp .hx-ss-sm-why-cols strong {
	font-weight: 700;
}
.hx-ss-sm-why-grp .hx-ss-sm-leads-grp {
	margin-bottom: 0;
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
}
.hx-ss-sm-why-grp .hx-ss-sm-leads-grp h2 {
	color: #FFFFFF;
}
/* Confused About Social Media Services? Let’s Break It Down */
.hx-ss-sm-services-grp h2 {
	font-size: 2.125rem;   
	line-height: 2.625rem; 
	letter-spacing: 0.04em;
	margin-bottom: 1.875rem;
}
.hx-ss-sm-services-cols > div:first-child {
	display: none;
}
.hx-ss-sm-services-cols div.hx-faq-grp {
	margin-bottom: 0;
}
.hx-ss-sm-services-cols div.hx-faq-grp .faq-container {
	gap: 1.25rem;
}
.hx-ss-sm-services-cols .faq-question h3 {
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: 0.08em;
	text-transform: capitalize;
	display: block;
	max-width: 13.832rem;
	padding: 0;
}
.hx-ss-sm-services-cols .faq-answer p {
	padding: 0.875rem 0 0 1.184rem;
	font-size: 1rem;   
	line-height: 1.6875rem;   
	letter-spacing: 0.1em;
}
.hx-ss-sm-services-cols div.faq-item {
	padding-bottom: 0;
	border-bottom: none;
}
.hx-ss-sm-services-cols .faq-question {
	position: relative;
	background-color: #F8F6E3;
	border-radius: 0.75rem;
	padding: 0.75rem 1.184rem;
	width: 100%;
}
.hx-ss-sm-services-cols .faq-question::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/pointing_finger_icon.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 1.936rem;
	height: 100%;
	top: 0;
	right: 1.148rem;
	transition: all 0.3s linear;
}
.hx-ss-sm-services-cols .faq-question:hover::after {
	opacity: 0;
	transition: all 0.3s linear;
}
.hx-ss-sm-services-cols .faq-question h3::before , 
.hx-ss-sm-services-cols .faq-question h3::after {
	display: none;
}
/* How We Bring Your Social Media to Life */
.hx-ss-sm-life-grp {
	color: #FFFFFF;
	margin-bottom: 5.046rem;
}
.hx-ss-sm-life-grp .hx-ss-sm-life-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 2.25rem;	
}
.hx-ss-sm-life-cols h2 {
	font-size: 2.125rem;        
	line-height: 2.625rem;   
	letter-spacing: 0.04em;
	color: #FFFFFF;	
	margin-bottom: 0.5rem;
}
.hx-ss-sm-life-cols p {
	color: #EFEFEF;	
}
.hx-ss-sm-life-cols h3 {
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.hx-ss-sm-life-cols > div:last-child {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 0.5rem;
}
.hx-ss-sm-life-stack {
	padding-left: 3.397rem;
	padding-top: 0.594rem;
	padding-bottom: 0.969rem;
	position: relative;
	gap: 0.5rem;
}
.hx-ss-sm-life-stack::before {
	content: '';
	position: absolute;
	width: 0.0625rem;
	background: #ffffff;
	height: calc(100% - 2.75rem);
	left: 1.187rem;
	bottom: 0;
}
.hx-ss-sm-life-stack:last-child::before {
	display: none;
}
.hx-ss-sm-life-stack:last-child {
	padding-bottom: 0;
}
.hx-ss-sm-life-cols {
	counter-reset: life-counter;
}
.hx-ss-sm-life-cols .hx-ss-sm-life-stack::after {
	counter-increment: life-counter;
	content: counter(life-counter);
	position: absolute;
	font-family: 'Fredericka the Great';
	font-style: normal;
	font-weight: 400;
	font-size: 1.375rem;
	line-height: 1.625rem;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	left: 0;
	top: 0;
	width: 2.25rem;
	min-width: 2.25rem;
	height: 2.25rem;
	min-height: 2.25rem;
	border: 0.036rem solid #FDB928;
	justify-content: center;
	border-radius: 50%;
}
/* Social Growth That Speaks for Itself */
div.hx-ss-sm-growth-grp {
	margin-bottom: 5.711rem;
}
.hx-ss-sm-growth-grp .hx-ss-sm-growth-col:first-child {
	display: none;
}
.hx-ss-sm-growth-row {
	gap: 1.15rem;
	height: 6.492rem;
	border-radius: 0.406rem;
	padding: 0.813rem 1.175rem;
	position: relative;
	overflow: hidden;
}
.hx-ss-sm-growth-row:nth-child(1) {
	background: #FEBF39;
	transform: rotate(-4.24deg);
}
.hx-ss-sm-growth-row:nth-child(2) {
	background: #3EB460;	
	transform: rotate(-6.05deg);
	margin-top: -0.188rem;
}
.hx-ss-sm-growth-row:nth-child(3) {
	background: #3174BA;	
	transform: rotate(-6.05deg);
	margin-top: -0.375rem;
}
.hx-ss-sm-growth-row::before {
	content: '';
	position: absolute;
	width: 7.783rem;
	height: 1.524rem;
	clip-path: polygon(100% 2%, 0% 100%, 100% 100%);
	right: -0.248rem;
	bottom: -0.043rem;
	pointer-events: none;
}
.hx-ss-sm-growth-row:nth-child(1)::before {
	background: #EDB02E;
	right: -0.251rem;
}
.hx-ss-sm-growth-row:nth-child(2)::before {
	background: #329C50;	
}
.hx-ss-sm-growth-row:nth-child(3)::before {
	background: #28619C;	
}
.hx-ss-sm-growth-row h3 {
	font-size: 2.8125rem;
	line-height: 3.3125rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.hx-ss-sm-growth-row:nth-child(1) h3 {
	color: #312406;
}
.hx-ss-sm-growth-row:nth-child(2) h3 {
	color: #023310;	
}
.hx-ss-sm-growth-row:nth-child(3) h3 {
	color: #051D36;	
}
.hx-ss-sm-growth-row p {
	font-size: 0.875rem;
	line-height: 1.0625rem;
	letter-spacing: 0.04em;
}
.hx-ss-sm-growth-row:nth-child(1) p {
	color: #312406;
}
.hx-ss-sm-growth-row:nth-child(2) p {
	color: #023310;	
}
.hx-ss-sm-growth-row:nth-child(3) p {
	color: #051D36;	
}
/* Our Works */
.hx-ss-sm-works-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;	
	color: #FFFFFF;
	margin-bottom: 1.875rem;
}
.hx-ss-sm-works-grp figure {
	width: 100%;
	height: 22.344rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 2.938rem;
}
.hx-ss-sm-works-grp figure img {
	width: 100%;
	height: 100%;
}
.hx-ss-sm-works-grp h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;	
	margin-bottom: 0.5rem;
	position: absolute;
	left: 0;
	top: 23.281rem;
}
.hx-ss-sm-works-grp p {
	font-size: 1rem;
	line-height: 1.6875rem;
	letter-spacing: 0.1em;
	color: #EFEFEF;	
}
.hx-ss-sm-works-grp p:last-child {
	font-size: 1rem;
	line-height: 1.1875rem;
	letter-spacing: 0.04em;
	color: #FDB928;
	margin-top: 0.744rem;
	position: relative;
	display: inline-flex;
	align-items: center;
}
.hx-ss-sm-works-grp p:last-child::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/yellow_arrow_vector.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.563rem;
}
.hx-ss-sm-works-grp p:last-child a {
	text-decoration: none;
}
.hx-ss-sm-works-grp .hx-ss-sm-works-loop {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 2.25rem;
}
.hx-ss-sm-works-loop .hx-ss-sm-works-col {
	position: relative;
}
.hx-ss-sm-works-stacks , .hx-ss-sm-works-stack {
	gap: 0;
}
/* ========================= Single Services Branding - Styles ========================= */
.hx-sm-br-hero-grp {
	overflow: hidden;
	margin-bottom: -6.813rem;
}
.hx-sm-br-hero-stack {
	gap: 0;
}
.hx-sm-br-hero-grp .hx-sm-br-hero-cols {
	width: 56.263rem;
	height: 31.424rem;
	margin-left: -15.306rem;
	transform: rotate(16.51deg);
	margin-top: -5.625rem;
	gap: 0;
}
.hx-sm-br-hero-grp .hx-sm-br-hero-col {
	width: 10.226rem;
	max-width: 10.226rem;
	height: 14.053rem;
	min-width: fit-content;
	transform: rotate(-10.59deg) skewX(29deg);
	border: 0.024rem solid #2C2C2C;
	border-radius: 0.951rem;
	overflow: hidden;
}
.hx-sm-br-hero-col figure {
	width: 10.226rem;
	height: 14.053rem;
	border-radius: 0.378rem;
	overflow: hidden;
}
.hx-sm-br-hero-col figure img {
	width: 100%;
	height: 100%;
}
.hx-sm-br-hero-col:not(:last-child) {
	margin-right: -1.063rem;
}
.hx-sm-br-hero-col:nth-child(1) {
	margin-top: 17.358rem;
}
.hx-sm-br-hero-col:nth-child(2) {
	margin-top: 13.259rem;
}
.hx-sm-br-hero-col:nth-child(3) {
	margin-top: 10.406rem;
}
.hx-sm-br-hero-col:nth-child(4) {
	margin-top: 6.934rem;
}
.hx-sm-br-hero-col:nth-child(5) {
	margin-top: 3.474rem;	
}
.hx-sm-br-hero-col:nth-child(6) {
	margin-top: 0;	
}
/* Your story deserves more than just a logo. We give it a soul. */
.hx-sm-br-soul-grp {
	margin-bottom: 4.375rem;
	padding-left: 2.2rem;
	position: relative;
}
.hx-sm-br-soul-grp p {
	font-size: 1.375rem;
	line-height: 2rem; 
	letter-spacing: 0.04em;
	color: #FFFFFF;
}
.hx-sm-br-soul-grp p span {
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 2rem; 
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #1B1C1C;
	position: relative;
	display: inline-block;
	z-index: 2;
}
.hx-sm-br-soul-grp p span::before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='75' height='27' viewBox='0 0 75 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.36465 4.10222L4.05863 24.043C4.36233 25.6824 5.79234 26.8718 7.45964 26.8718H65.1874C66.7121 26.8718 68.057 25.8734 68.4982 24.4139L74.077 5.96189C74.7391 3.77174 73.1304 1.55369 70.843 1.50287L3.8425 0.0141684C1.64904 -0.0345685 -0.0349841 1.94492 0.36465 4.10222Z' fill='%23FDB928'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom;
	width: 4.737rem;
	height: 100%;
	left: -0.313rem;
	bottom: 0.188rem;
	z-index: -1;
}
.hx-sm-br-soul-grp::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/yelllow_quote.webp');
	backgr;ound-size: cover;
	width: 1.549rem;
	height: 1.549rem;
	left: 0;
	top: -0.102rem;
}
/* Branding */
.hx-sm-br-branding-grp {
	overflow: hidden;
	margin-bottom: 4.375rem;
}
.hx-sm-br-branding-grp h2 {
	font-size: 4.6875rem;
	line-height: 5.75rem;
	letter-spacing: 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.18);	
	position: relative;
	left: -0.094rem;
	margin-bottom: 4.255rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col {
	padding: 1.75rem 1.25rem;
	width: 16.942rem;
	height: 13.658rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(1)  {
	margin-bottom: 1.849rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(2)  {
	margin-bottom: 1.482rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(1) h3  {
	margin-bottom: 0.074rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(2) h3 {
	margin-bottom: 0.35rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(3) h3 {
	margin-bottom: 0.077rem;
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(1) p  {
	color: #312406;
	transform: rotate(-2.35deg);
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(2) p {
	color: #023310;
	transform: rotate(1.67deg);
}
.hx-sm-br-branding-grp .hx-why-grp .hx-why-col:nth-child(3) p {
	color: #051D36;
	transform: rotate(1.2deg);
}
.hx-sm-br-branding-grp  .hx-why-grp .hx-why-col::after {
	width: 10.722rem; 
	height: 13.713rem;
	left: unset;
	right: -4.122rem;
	bottom: -3.459rem;
	transform: rotate(13.17deg);
}
.hx-sm-br-branding-grp div.hx-why-grp {
	padding-bottom: 5.785rem;
}
.hx-sm-br-branding-text {
	font-family: 'ClashGrotesk-Variable';
	font-size: 1.125rem;
	line-height: 1.875rem; 
	letter-spacing: 0.08em;
	color: #EFEFEF;
	transition: opacity 0.8s ease;
	max-width: 18.75rem;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.313rem;
}
/* Our Branding Services to Grow Your Brand */
.hx-sm-br-services-grp {
	margin-bottom: 4.375rem;
}
.hx-sm-br-services-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin-bottom: 1.875rem;
}
.hx-sm-br-services-grp svg {
	display: none;
}
.hx-sm-br-services-grp .hx-sm-br-services-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;	
}
.hx-sm-br-services-grp .hx-sm-br-services-col > div {
	background: #222222;
	padding: 1.875rem 1.446rem 1.875rem 1.184rem;
	border-radius: 0.75rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	height: 100%;
} 
.hx-sm-br-services-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-sm-br-services-col figure {
	background: rgba(255, 255, 255, 0.09);
	width: 2.688rem;
	height: 2.688rem;
	border-radius: 50%;
	margin-bottom: 0.938rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-sm-br-services-col figure img {
	width: 1.601rem;
	height: 1.601rem;
}
.hx-sm-br-services-col p {
	color: #EFEFEF;	
}
.hx-sm-br-services-col {
	perspective: 125rem;
}
.hx-sm-br-services-front {
	gap: 0;
	backface-visibility: hidden;
	pointer-events: none;
}
.hx-sm-br-services-col > div {
	transition: transform 1s;
	transform-style: preserve-3d;
	position: relative;
	gap: 0;
}
.hx-sm-br-services-col:hover > div {
	transform: rotateY(180deg);
	transition: transform 1s;
	border-color: #ffffff;
}
.hx-sm-br-services-col div.hx-sm-br-services-back {
	position: absolute;
	transform: rotateY(180deg);
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 1.875rem 1.446rem 1.875rem 1.184rem;
	backface-visibility: hidden;
	gap: 0;
	justify-content: center;
	align-items: center;
	text-align: center;
	pointer-events: none;
}
div.hx-sm-br-services-back p {
	font-style: italic;
}
div.hx-sm-br-services-back p strong {
	font-weight: 400;
	color: #FDB928;
}
/* Button */
.hx-sm-br-leads-grp.hx-ss-sm-leads-grp h2 {
	max-width: 16.145rem;
}
/* Here’s How We Build Your Brand */
.hx-sm-br-build-grp {
	margin-bottom: 4.375rem;
	overflow: hidden;
}
.hx-sm-br-build-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin-bottom: 1.875rem;
}
.hx-sm-br-build-grp .hx-sm-br-build-cols {
	padding: 2.304rem 1.875rem 0;
	gap: 0.938rem;
	max-width: 22.5rem;
	overflow-y: auto;
}
.hx-sm-br-build-grp .hx-sm-br-build-col {
	width: 18.75rem;
	min-width: 18.75rem;
	height: 100%;
	min-height: 22.188rem;
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 2.984rem 1.419rem 1.891rem 1.184rem;
	position: relative;
	user-select: none;
	-webkit-user-select: none; 
	-ms-user-select: none; 
}
.hx-sm-br-build-grp .hx-sm-br-build-cols {
	scrollbar-width: none; 
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-sm-br-build-grp .hx-sm-br-build-cols::-webkit-scrollbar {
	display: none; 
}
.hx-sm-br-build-grp .hx-sm-br-build-col p:first-child {
	font-family: 'Fredericka the Great';
	font-size: 4.4375rem;
	line-height: 4.375rem; 
	letter-spacing: 0.04em;
	color: #FDB928;
	transform: rotate(8.53deg);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -2.302rem;
	width: fit-content;
}
.hx-sm-br-build-grp .hx-sm-br-build-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem; 
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-sm-br-build-grp .hx-sm-br-build-col p {
	color: #EFEFEF;
}
/* Works */
.hx-sm-br-works-grp h2 {
	font-size: 4.6875rem;     
	line-height: 5.75rem;   
	letter-spacing: 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.18);
	margin-bottom: 1.875rem;
}
.hx-sm-br-works-grp .hx-sm-br-works-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 2.25rem;
}
.hx-sm-br-works-col {
	position: relative;
}
.hx-sm-br-works-col figure {
	width: 100%;
	height: 20.678rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-sm-br-works-col figure img {
	height: 100%;
}
.hx-sm-br-works-col h3 {
	font-weight: 600;
	font-size: 1.125rem;         
	line-height: 1.5rem;         
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 0.5rem;
	position: absolute;
	left: 0;
	top: 21.616rem;
}
.hx-sm-br-works-col > p {
	display: none;
}
.hx-sm-br-works-col .hx-sm-br-works-stack {
	gap: 0.744rem;    
	padding-top: 2.967rem;
}
.hx-sm-br-works-col .hx-sm-br-works-stack p {
	color: #EFEFEF;
}
.hx-sm-br-works-col .hx-sm-br-works-stack p:last-child {
	font-size: 1rem;           
	line-height: 1.1875rem;     
	text-align: center;
	letter-spacing: 0.04em;
	color: #FDB928;
	position: relative;
}
.hx-sm-br-works-col .hx-sm-br-works-stack p:last-child::after {
	content: '';
	position: absolute;
	background-image: url(/wp-content/uploads/2025/07/yellow_arrow_vector.webp);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.563rem;
}
.hx-sm-br-works-grp .wp-block-buttons {
	display: flex;
	justify-content: center;
	margin-top: 2.688rem;
}
.hx-sm-br-works-items {
	gap: 0;
}
/* ========================= Single Services Graphic Design - Styles ========================= */
/* Hero Section */
.hx-ss-gd-hero-grp {
	padding-bottom: 3.25rem;
}
main.hx-single-services div.hx-ss-gd-hero-grp p {
	margin-bottom: 2.25rem;
}
.hx-ss-gd-hero-col figure {
	width: 8.867rem;
	height: 8.877rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-gd-hero-col figure img {
	height: 100%;
}
.hx-ss-gd-hero-cols {
	position: relative;
	width: 18.75rem;
	height: 10.188rem;
}
.hx-ss-gd-hero-col {
	position: absolute;
}
.hx-ss-gd-hero-col:nth-child(1) {
	left: 0;
	bottom: 0;
	transform: rotate(-2.39deg);
}
.hx-ss-gd-hero-col:nth-child(2) {
	top: 0;
	left: 2.163rem;
	transform: rotate(-2.65deg);
}
.hx-ss-gd-hero-col:nth-child(3) {
	top: 0.812rem;
	left: 5.899rem;
}
.hx-ss-gd-hero-col:nth-child(4) {
	top: 0.185rem;
	right: 0.136rem;
}
.hx-ss-gd-hero-col:nth-child(1) figure {
	--offsetR: -0.26deg;
}
.hx-ss-gd-hero-col:nth-child(2) figure {
	--offsetR: -0.26deg;
}
.hx-ss-gd-hero-col:nth-child(3) figure {
	--offsetR: 7.5deg;
}
.hx-ss-gd-hero-col:nth-child(4) figure {
	--offsetR: -1.78deg;
}
/* Design with Purpose */
.hx-ss-gd-purpose-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-gd-purpose-grp .hx-ss-gd-purpose-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
}
.hx-ss-gd-purpose-col:last-child {
	display: none;
}
.hx-ss-gd-purpose-col h2 {
	font-size: 2.125rem;                     
	line-height: 2.625rem;           
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin-bottom: 0.75rem;
}
.hx-ss-gd-purpose-col p {
	color: #EFEFEF;
}
.hx-ss-gd-purpose-col p:not(:nth-child(2)) {
	margin-top: 0.625rem;
}
/* Our Graphic Design Services */
.hx-ss-gd-services-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-gd-services-grp h2 {
	font-size: 2.125rem;                           
	line-height: 2.625rem;                   
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin-bottom: 1.875rem;
}
.hx-ss-gd-services-grp .hx-ss-gd-services-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 2.25rem;
}
.hx-ss-gd-services-cols figure {
	width: 100%;
	height: 12.316rem;
	border-radius: 0.75rem;
	margin-bottom: 1.125rem;
	overflow: hidden;
}
.hx-ss-gd-services-cols h3 {
	font-weight: 600;
	font-size: 1.125rem;                           
	line-height: 1.5rem;                        
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-ss-gd-services-cols p {
	color: #EFEFEF;
}
.hx-ss-gd-services-cols p:last-child {
	font-style: italic;
	margin-top: 0.5rem;
}
.hx-ss-gd-services-cols p:last-child strong {
	font-weight: 400;
	color: #FDB928;
}
/* How We Design for You */
.hx-ss-gd-designs-grp {
	margin-bottom: 6.761rem;
}
.hx-ss-gd-designs-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	max-width: 18.75rem;
	margin: 0 auto 1.875rem;
}
.hx-ss-gd-designs-grp .hx-ss-gd-designs-cols {
	gap: 2.429rem;
	padding: 0.769rem 3.232rem 2.053rem;
	overflow-y: hidden;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-ss-gd-designs-grp .hx-ss-gd-designs-cols::-webkit-scrollbar {
	display: none;
}
.hx-ss-gd-designs-col {
	width: 15.951rem;
	min-width: 15.951rem;
	padding: 1.438rem 1.438rem 1.625rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	background: #222222;
	border-radius: 0.75rem;
	position: relative;
}
.hx-ss-gd-designs-col h3 {
	font-weight: 600;
	font-size: 1.125rem;                           
	line-height: 1.5rem;                          
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.824rem;
}
.hx-ss-gd-designs-col p {
	color: #EFEFEF;
}
.hx-ss-gd-designs-col p:last-child {
	font-family: 'Fredericka the Great';
	font-size: 4.375rem;                            
	line-height: 4.25rem;                          
	letter-spacing: 0.04em;
	color: #FDB928;
	position: absolute;
	right: 1.097rem;
	bottom: -1.383rem;
}
.hx-ss-gd-designs-col:nth-child(1) {
	transform: rotate(7.31deg);
	margin-top: 0.606rem;
}
.hx-ss-gd-designs-col:nth-child(2) {
	transform: rotate(-6.12deg);
}
.hx-ss-gd-designs-col:nth-child(3) {
	transform: rotate(-4.26deg);
	margin-top: 0.606rem;
}
.hx-ss-gd-designs-col:nth-child(4) {
	transform: rotate(13.88deg);
	margin-top: 0.606rem;
}
/* How We Design for You */
.hx-ss-gd-works-grp h2 {
	font-size: 2.125rem;                            
	line-height: 2.625rem;                          
	letter-spacing: 0.04em;
	color: #FFFFFF;	
	margin-bottom: 1.875rem;
}
.hx-ss-gd-works-grp .hx-ss-gd-works-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 2.25rem;
}
.hx-ss-gd-works-col {
	position: relative;
}
.hx-ss-gd-works-col figure {
	width: 100%;
	height: 13.834rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-gd-works-col figure img {
	height: 100%;
}
.hx-ss-gd-works-col h3 {
	font-weight: 600;
	font-size: 1.125rem;                        
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;	
	position: absolute;
	left: 0;
	top: 14.772rem;
}
.hx-ss-gd-works-col p {
	color: #EFEFEF;
	margin-top: 2.693rem;
}
.hx-ss-gd-works-col p:last-child {
	font-size: 1rem;
	line-height: 1.188rem;
	text-align: center;
	letter-spacing: 0.04em;
	color: #FDB928;
	position: relative;	
	margin: 0.75rem 0 0 0;
}
.hx-ss-gd-works-col p:last-child::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/yellow_arrow_vector.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.563rem;
}
.hx-ss-gd-works-stack {
	gap: 0;
}
.hx-ss-gd-works-item  {
	gap: 0;	
}
.hx-ss-gd-works-grp .wp-block-buttons {
	display: flex;
	justify-content: center;
	margin-top: 2.688rem;
}
/* ========================= Single Services Performance Marketing - Styles ========================= */
/* Hero Section */
.hx-ss-pm-hero-grp {
	margin-bottom: 1.875rem;
}
.single-services main.hx-single-services div.hx-ss-pm-hero-grp p {
	margin-bottom: 1.875rem;
}
.hx-ss-pm-hero-grp figure {
	width: 100%;
	height: 14.688rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-pm-hero-grp figure img {
	height: 100%;
}
/* Beyond Awareness We Drive Action */
.hx-ss-pm-action-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-pm-action-grp .hx-ss-pm-action-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.75rem;
}
.hx-ss-pm-action-cols h2 {
	font-size: 2.125rem;            
	line-height: 2.625rem;             
	letter-spacing: 0.04em;
	color: #FFFFFF;	
}
.hx-ss-pm-action-cols svg {
	display: none;	
}
.hx-ss-pm-action-stack {
	gap: 0;
}
.hx-ss-pm-action-stack  p {
	color: #efefef;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 14;
	overflow: hidden;
}
.hx-ss-pm-action-stack p:not(:first-child) {
	display: none;
}
.more .hx-ss-pm-action-stack p {
	display: block;
	-webkit-line-clamp: unset;
}
.hx-ss-pm-action-rm {
	color: #FDB928;
	position: relative;
	margin-top: 0.75rem;
	width: fit-content;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.hx-ss-pm-action-rm:hover::after, .more .hx-ss-pm-action-rm::after {
	transform: rotate(315deg);
	transition: all 0.3s linear;
}
.hx-ss-pm-action-rm::after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/yellow_arrow_vector.webp');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.25rem;
	transition: all 0.3s linear;
	transform: rotate(135deg);
}
/* What We Offer */
.hx-ss-pm-offer-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-pm-offer-grp h2 {
	font-size: 2.125rem;            
	line-height: 2.625rem;           
	letter-spacing: 0.04em;       
	color: #ffffff;
	max-width: 16.563rem;
	margin-bottom: 1.875rem;
}
.hx-ss-pm-offer-grp .hx-ss-pm-offer-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;	
	grid-auto-rows: 1fr;
}
.hx-ss-pm-offer-col {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	padding: 1.875rem 1.446rem 1.875rem 1.125rem;
	border-radius: 0.75rem;
	/* 	position: sticky;
	top: 7.5rem; */
}
.hx-ss-pm-offer-cols figure {
	width: 2.688rem;
	height: 2.688rem;
	background: #FDB928;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.938rem;
}
.hx-ss-pm-offer-cols figure img {
	width: 1.442rem;
	height: 1.442rem;
}
.hx-ss-pm-offer-cols h3 {
	font-weight: 600;
	font-size: 1.125rem;       
	line-height: 1.5rem;        
	letter-spacing: 0.04em;        
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-ss-pm-offer-cols p {
	color: #EFEFEF;
}
.hx-ss-pm-offer-cols p:last-child {
	font-style: italic;
	margin-top: 0.5rem;
}
.hx-ss-pm-offer-cols p:last-child strong {
	color: #FDB928;
}
/* Our PROCESS */
.hx-ss-pm-process-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-pm-process-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #ffffff;
	margin-bottom: 1.875rem;
}
.hx-ss-pm-process-grp .hx-ss-pm-process-cols {
	display: grid;    
	grid-template-columns: 1fr;
	grid-row-gap: 1.25rem;
}
.hx-ss-pm-process-grp .hx-ss-pm-process-col {
	position: relative;
	padding: 0 0 0 3.422rem;
}
.hx-ss-pm-process-col p:first-child {
	font-family: 'Fredericka the Great';
	font-size: 4.4375rem;
	line-height: 4.375rem;
	letter-spacing: 0.04em;
	color: #FDB928;
	position: absolute;
	left: 0;
	top: -0.165rem;
}
.hx-ss-pm-process-col h3 {
	font-weight: 600;
	font-size: 1.125rem;  
	line-height: 1.5rem;     
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}
.hx-ss-pm-process-col p {
	color: #EFEFEF;
}
.hx-ss-pm-process-grp figure {
	display: none;
}
/* Results That Speak Volumes */
div.hx-ss-pm-results-grp {
	margin-bottom: 4.375rem;
}
div.hx-ss-pm-results-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #ffffff;
	margin-bottom: 1.125rem;
}
div.hx-ss-pm-results-grp .hx-ss-pm-results-cols {
	display: grid;
	grid-template-columns: 18.75rem 18.75rem 18.75rem;
	grid-column-gap: 0.938rem;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
div.hx-ss-pm-results-grp .hx-ss-pm-results-cols::-webkit-scrollbar-track {
	display: none;
}
.hx-ss-pm-results-col {
	background: #222222;
	border-radius: 0.75rem;
	height: 19.938rem;
	padding: 1.875rem 1.281rem;	
}
.hx-ss-pm-results-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	max-width: 13.838rem;
	margin: 0 auto 1.125rem;
}
.hx-ss-pm-results-row {
	margin-bottom: 1.875rem;
	gap: 3.125rem;
	justify-content: center;
}
.hx-ss-pm-results-row p {
	font-weight: 600;
	font-size: 2.8125rem;
	line-height: 3.3125rem;
	display: flex;
	align-items: center;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	position: relative;
	padding: 1.875rem 0;
	width: 100%;
	justify-content: center;
	white-space: nowrap;
}
.hx-ss-pm-results-row p:first-child {
	color: #EA5455;
}
.hx-ss-pm-results-row p:last-child {
	color: #28C76F;
}
.hx-ss-pm-results-row p::before {
	position: absolute;
	font-family: 'Product Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6875rem;
	letter-spacing: 0.04em;
	color: #B2B2B2;
	text-transform: capitalize;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	text-align: center;
}
.hx-ss-pm-results-row p:first-child::before {
	content: 'Before';
}
.hx-ss-pm-results-row p:last-child::before {
	content: 'After';
}
.hx-ss-pm-results-row p::after {
	content: '';
	position: absolute;
	font-family: 'Product Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;         
	line-height: 1.6875rem;  
	letter-spacing: 0.04em;
	color: #B2B2B2;
	text-transform: capitalize;
	color: #FFFFFF;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	bottom: 0;
	white-space: nowrap;
}
.hx-ss-pm-results-col:nth-child(1) .hx-ss-pm-results-row p::after {
	content: 'followers';
}
.hx-ss-pm-results-col:nth-child(2) .hx-ss-pm-results-row p::after {
	content: 'engagement';
}
.hx-ss-pm-results-col:nth-child(3) .hx-ss-pm-results-row p::after {
	content: 'monthly sales';
}
.hx-ss-pm-results-col > p {
	background: #28C76F;
	border-radius: 0.5rem;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #1B1C1C;
	padding: 0.969rem 1.375rem;
	width: fit-content;
	margin: 0 auto;	
}
/* Our Works */
.hx-ss-pm-works-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin: 0 1.875rem 1.875rem;
}
.hx-ss-pm-works-grp .hx-ss-pm-works-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 2.25rem;
	max-width: 18.75rem;
	margin: 0 auto;
}
.hx-ss-pm-works-cols figure {
	width: 100%;
	height: 10.411rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-pm-works-cols figure img {
	height: 100%;
}
.hx-ss-pm-works-col {
	position: relative;
}
.hx-ss-pm-works-col p {
	color: #EFEFEF;
}
.hx-ss-pm-works-items {
	gap: 0;
}
div.hx-ss-pm-works-stack {
	gap: 0.75rem;
	margin-top: 2.688rem;
}
.hx-ss-pm-works-grp h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
	position: absolute;
	top: 11.349rem;
}
.hx-ss-pm-works-stack p:last-child {
	font-size: 1rem;
	line-height: 1.1875rem;
	text-align: center;
	letter-spacing: 0.04em;
	color: #FDB928;
	position: relative;
}
.hx-ss-pm-works-stack p:last-child::after {
	content: '';
	position: absolute;
	background-image: url(/wp-content/uploads/2025/07/yellow_arrow_vector.webp);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 0.875rem;
	height: 100%;
	right: -1.563rem;
}
/* ========================= Single Services Design & Mnagement - Styles ========================= */
/* Hero Section */
.hx-ss-dm-hero-grp {
	margin-bottom: 2.6rem;
}
.hx-ss-dm-hero-grp figure {
	width: 100%;
	height: 14.338rem;
	margin-top: 1.563rem;
}
.hx-ss-dm-hero-grp figure img {
	height: 100%;
}
/* We blend creativity with usability to craft.. */
.hx-ss-dm-text-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-dm-text-grp svg {
	display: none;
}
.hx-ss-dm-text-grp p {
	color: #EFEFEF;
}
/* Our UX/UI Design Services */
.hx-ss-dm-services-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-dm-services-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-dm-services-grp .hx-ss-dm-services-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;	
}
.hx-ss-dm-services-col  {
	background: #222222;
	border-radius: 0.75rem;
	padding: 1.875rem 1.438rem 1.875rem 1.125rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12)
}
.hx-ss-dm-services-col:hover {
	border-color: #ffffff;
}
.hx-ss-dm-services-col figure {
	width: 2.625rem;
	height: 2.625rem;
	margin-bottom: 0.938rem;
}
.hx-ss-dm-services-col h3 {
	font-weight: 600;
	font-size: 1.125rem; 
	line-height: 1.5rem; 
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #FDB928;	
	margin-bottom: 0.5rem;
}
/* Our PROCESS */
.hx-ss-dm-process-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-dm-process-grp h2 {
	margin-bottom: 1.875rem;
	text-align: center;	
}
.hx-ss-dm-tabs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: 2.813rem;
	display: none;
}
.hx-ss-dm-tabs .is-style-ghost-button.active {
	background-color: #ffffff;
	pointer-events: none;
}
.hx-ss-dm-tabs .is-style-ghost-button.active span.btn-span-two {
	color: #000000;
}
.hx-ss-dm-items {
	display: flex;
	gap: 6.25rem;
	flex-wrap: nowrap;
	overflow-y: scroll;
	padding: 0 1.875rem;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	user-select: none;
}
.hx-ss-dm-items::-webkit-scrollbar {
	display: none;
} 
.hx-ss-dm-step {
	width: 18.75rem;
	min-width: fit-content;
	height: 100%;
	text-align: center;
}
.hx-ss-dm-content {
	position: relative;	
}
.hx-ss-dm-step::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.188rem;
	left: 0;
	top: 3.063rem;
	background-color: #333333;
	z-index: -1;
}
.hx-ss-dm-step-number {
	font-family: 'Fredericka the Great';
	font-style: normal;
	font-weight: 400;
	font-size: 2.188rem; 
	line-height: 2.125rem;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 1.5rem;
	margin-bottom: 1.25rem;
}
.hx-ss-dm-step-number::after {
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 0.75rem;
	left: 0;
	right: 0;
	bottom: -0.375rem;
	margin: 0 auto;
	background-color: #FDB928;
	border-radius: 50%;
	border: 0.5rem solid #1B1C1C;
}
.hx-ss-dm-step-title {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem; 
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 0.722rem;
}




.hx-ss-dm-container {
	text-align: center;
}

.hx-ss-dm-title {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
}


.hx-ss-dm-step-desc {
	font-size: 0.95rem;
	color: #aaa;
}

.hx-ss-dm-content[data-tab]:not(.active) {
	display: none;
}
/* Results */
.hx-ss-dm-results-grp {
	margin-bottom: 4.375rem;
	text-align: center;
}
.hx-ss-dm-results-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-dm-results-grp h2 strong {
	display: block;
}
.hx-ss-dm-results-grp .hx-ws-cs-slides-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.563rem;
}
/* Works */
.hx-sm-dm-works-grp.hx-sm-br-works-grp h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;	
	color: #FFFFFF;
}
.hx-sm-dm-works-grp .hx-sm-br-works-col figure {
	height: 10.375rem;
}
.hx-sm-dm-works-grp .hx-sm-br-works-stack {
	padding-top: 2.724rem;
}
.hx-sm-dm-works-grp .hx-sm-br-works-col h3 {
	top: 11.313rem;
	margin-bottom: 0;
}
/* ========================= Author - Styles ========================= */
.tax-contributors {
	background: #F9F8EF;
}
.hx-author-profile {
	padding: 1rem 0 0;
}
.hx-author-profile-header {
	display: flex;
	gap: 1.977rem;
	align-items: center;
	margin-bottom: 2.688rem;
}
.hx-author-profile-image {
	width: 5.938rem;
	height: 5.938rem;
	min-width: fit-content;
	border-radius: 50%;
}
.hx-author-profile-content h1 {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 2rem;
	text-align: center;
	letter-spacing: 0.04em;
}
.hx-author-profile-content p {
	color: #555555;	
}
.hx-author-social-icons {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 0.501rem;
}
.hx-author-social-icons  img {
	width: 1rem;
	height: 1rem;
}
.hx-author-profile-bio {
	padding-bottom: 1.875rem;
	margin-bottom: 1.875rem;
	border-bottom: 0.0625rem solid rgba(51, 51, 51, 0.25);
}
.hx-author-profile-bio h2 {
	font-weight: 600;
	font-size: 1.125rem; 
	line-height: 1.5rem; 
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1B1C1C;
	margin-bottom: 0.375rem;;
}
.hx-author-profile-bio h2:not(:first-of-type) {
	margin-top: 1.25rem;
}
.hx-author-profile-bio p {
	color: #333333;
}
.hx-author-profile-bio p:not(:first-of-type) {
	margin-bottom: 0.625rem;
}
.hx-author-posts{
	margin-bottom: 4.375rem;
}
.hx-author-posts h2 {
	margin-bottom: 1.875rem;
}
.hx-author-post-thumbnail {
	height: 17.055rem;
	border-radius: 0.75rem;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
.hx-author-post-thumbnail a {
	display: flex;
	width: 100%;
	height: 100%;
}
.hx-author-post-content h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem; 
	letter-spacing: 0.08em;
	text-transform: uppercase;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.hx-author-post-content p {
	display: none;
}
.hx-author-post-items {
	padding-bottom: 0.625rem;
	border-bottom: 0.0625rem solid #333333;
	margin-bottom: 0.625rem;
}
.hx-author-post-list {
	display: flex;
	flex-direction: column;
	grid-row-gap: 1.875rem;
	margin-bottom: 2.688rem;
}
.hx-author-load-more {
	margin: 0 auto;
}
/* ========================= Single Services Illustration & Charater Design - Styles ========================= */
/* Hero Section */
.hx-ss-ic-hero-grp {
	overflow: hidden;
	padding: 0 1.875rem 2.549rem;
	position: relative;
}
.hx-ss-ic-hero-grp > div > svg {
	width: 8.169rem;
	height: 18.839rem;
	margin: 2.583rem auto 0;
	display: block;
}
.hx-ss-ic-leaf-one {
	position: absolute;
	bottom: 14.432rem;
	left: -3.875rem;
}
.hx-ss-ic-leaf-one svg {
	width: 7.961rem;
	height: 5.964rem;
	transform: rotate(-71.14deg);
}
.hx-ss-ic-leaf-pink {
	position: absolute;
	bottom: 11.117rem;
	left: -2.5rem;
	z-index: -1;
}
.hx-ss-ic-leaf-pink svg {
	width: 5.629rem;
	height: 8.288rem;
}
.hx-ss-ic-leaf-two {
	position: absolute;
	bottom: 3.368rem;
	right: -1.563rem;
}
.hx-ss-ic-leaf-two svg {
	width: 7.799rem;
	height: 4.064rem;
	transform: rotate(-26.35deg);
}
.hx-ss-ic-hero-bg {
	position: absolute;
	left: -3.625rem;
	bottom: -1.938rem;
}
.hx-ss-ic-leaf-purple {
	position: absolute;
	bottom: -0.125rem;
	right: -3.938rem;
	z-index: -1;
}
.hx-ss-ic-leaf-purple svg {
	width: 5.744rem;
	height: 8.457rem;
	transform: rotate(159.67deg);
}
.hx-ss-ic-hero-bg svg {
	width: 10.99rem;
	height: 5.022rem;
}
.hx-ss-ic-hero-grp .hx-ss-ic-hero-line {
	display: none;
}
/* Video Animation */
.hx-ss-ic-frame-grp {
	margin-bottom: 4.375rem;
	height: 13.819rem;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-ic-frame-grp > div {
	height: 101%;
}
.hx-ss-ic-frame-grp figure {
	width: 100%;
	height: 100%;
}
/* Pixo Animation */
.hx-ss-ic-pixo-grp {
	margin-bottom: 4.375rem;	
	overflow: hidden;
}
.hx-ss-ic-pixo-grp .hx-ss-ic-pixo-cols {
	display: grid;
	grid-template-columns: 1fr;
}
.hx-ss-ic-pixo-grp .hx-ss-ic-pixo-col:first-child {
	display: none;
}
.hx-ss-ic-pixo-grp svg {
	width: 22.587rem;
	height: 1.908rem;
	margin-top: 4.375rem;	
}
/* Here’s What I Can Do for You */
.hx-ss-pm-offer-grp.hx-ss-ic-offer-grp .hx-ss-ic-offer-main-col:first-child {
	display: none;
}
.hx-ss-ic-offer-grp.hx-ss-pm-offer-grp .hx-ss-pm-offer-cols p:last-child {
	font-style: normal;
}
/* Why Team Up with Pixo? */
.hx-ss-ic-team-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-ic-team-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-ic-team-grp svg {
	display: none;
}
.hx-ss-ic-team-grp .hx-ss-ic-team-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 1.158rem;
}
.hx-ss-ic-team-cols h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 1.671rem 1.248rem 2.421rem 2.658rem;
	position: relative;
	transform: rotate(1.73deg);
}
.hx-ss-ic-team-cols h3::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/background_illustration.webp');
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
	left: 0;
	top: 0;
}
/* How the Magic Happens */
.hx-ss-ic-magic-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-ic-magic-grp .hx-ss-ic-magic-cols {
	flex-direction: column;
	gap: 1.333rem;
}
.hx-ss-ic-magic-cols h2 {
	font-size: 2.125rem; 
	line-height: 2.625rem; 
	letter-spacing: 0.04em;
	color: #1B1C1C;
	position: relative;
	padding: 4.5rem 0 0 0;
	max-width: 15.625rem;
}
.hx-ss-ic-magic-cols h2::before {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/background_white_vector-scaled.webp');
	background-size: cover;
	width: 28.882rem;
	height: 20.735rem;
	top: 0;
	left: -10.125rem;
	z-index: -1;
}
.hx-ss-ic-magic-cols svg {
	width: 7.579rem;
	height: 14.497rem;
	margin: 3.438rem 0 0 5.813rem;
}
.hx-ss-ic-magic-col:last-child {
	padding: 0.688rem 0 1.848rem;
}
.hx-ss-ic-magic-stack p:first-child {
	font-family: 'Fredericka the Great';
	font-size: 2.5625rem; 
	line-height: 3rem;  
	letter-spacing: 0.04em;
	color: #FDB928;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -2.125rem;
}
.hx-ss-ic-magic-stack figure {
	width: 2rem;
	height: 2rem;
	position: absolute;
	right: 1.25rem;
	bottom: 0.625rem;
	opacity: 26%;
}
.hx-ss-ic-magic-stack:hover figure {
	opacity: 100%;
}
.hx-ss-ic-magic-stack:nth-child(1) figure {
	bottom: 2.239rem;
}
.hx-ss-ic-magic-stack:nth-child(2) figure {
	bottom: 1.586rem;
}
.hx-ss-ic-magic-stack:nth-child(3) figure {
	bottom: 1.154rem;
}
.hx-ss-ic-magic-stack:nth-child(4) figure {
	bottom: 0.838rem;
}
.hx-ss-ic-magic-stack:nth-child(5) figure {
	bottom: 1.154rem;
}
.hx-ss-ic-magic-stack h3 {
	font-weight: 600;
	font-size: 1.125rem; 
	line-height: 1.5rem;  
	letter-spacing: 0.04em;
	margin-bottom: 0.313rem;
}
.hx-ss-ic-magic-stack p {
	line-height: 1.563rem;
	gap: 0;
	position: relative;
}
.hx-ss-ic-magic-stack {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	width: 14.375rem;
}
.hx-ss-ic-magic-stack:hover {
	border-color: #ffffff;
}
.hx-ss-ic-magic-stack:nth-child(1) {
	padding: 1.854rem 1.25rem 3.537rem;
	transform: rotate(-2.77deg);
	margin-left: 2.239rem;
}
.hx-ss-ic-magic-stack:nth-child(2) {
	padding: 0.854rem 1.25rem 4.759rem;
	transform: rotate(4.94deg);
	margin-left: 1.78rem;
}
.hx-ss-ic-magic-stack:nth-child(3) {
	padding: 1.485rem 1.25rem 4.252rem;
	transform: rotate(3.68deg);	
	margin-left: 1.716rem;
}
.hx-ss-ic-magic-stack:nth-child(4) {
	padding: 1.36rem 1.25rem 2.789rem 1.25rem;
	transform: rotate(7.32deg);	
	margin-left: 1.78rem;
}
.hx-ss-ic-magic-stack:nth-child(5) {
	padding: 1.485rem 1.25rem 4.252rem;
	transform: rotate(3.68deg);	
	margin-left: 1.716rem;
}
/* Results */
.hx-ss-dm-results-grp.hx-ss-ic-results-grp {
	margin-bottom: 0;
}
/* Works */
.hx-ss-sm-works-grp.hx-ss-ic-works-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-sm-works-grp .wp-block-buttons {
	margin-top: 2.688rem;
	justify-content: center;
}
.hx-ss-ic-works-grp.hx-ss-sm-works-grp figure {
	height: 24.197rem;
	margin-bottom: 2.688rem;
}
.hx-ss-ic-works-grp.hx-ss-sm-works-grp h3 {
	top: 25.125rem;
}
/* ========================= Single Services Production - Styles ========================= */
.hx-ss-pn-hero-grp .hx-ss-pn-hero-col {
	margin: 2.111rem 0 4.646rem;
	width: 100%;
	height: 9rem;
	position: relative;
}
.hx-ss-pn-hero-col figure {
	width: 8.373rem;
	height: 7.629rem;
	border-radius: 0.75rem;
	overflow: hidden;
	position: absolute;
	top: var(--top);
	left: var(--left);
	right: var(--right);
	transform: rotate(var(--rotate));
}
.hx-ss-pn-hero-col figure img {
	height: 100%;
}
.hx-ss-pn-hero-col figure:nth-child(1) {
	--top: 0.547rem;
	--left: 0.493rem;
	--rotate: -8.06deg; 
	--right: unset;
}
.hx-ss-pn-hero-col figure:nth-child(2) {
	--top: 1.087rem;
	--left: 5.173rem;
	--rotate: -3.82deg; 
	--right: unset;
}
.hx-ss-pn-hero-col figure:nth-child(3) {
	--top: 0.825rem;
	--left: 10.257rem;
	--rotate: 1.83deg; 
	--right: unset;
}
.hx-ss-pn-hero-col figure:nth-child(4),
.hx-ss-pn-hero-col figure:nth-child(5),
.hx-ss-pn-hero-col figure:nth-child(6) {
	display: none;	
}
/* Black Wrap */
.hx-pn-black-wrap {
	background: #1B1C1C;
	padding: 3.125rem 0;
	border-radius: 1.875rem 1.875rem 0 0;
	position: relative;
	z-index: 2;
}
.hx-pn-black-wrap :is(h2, h3, h4, h5, h6) {
	color: #FFFFFF;
}
.hx-pn-black-wrap p {
	color: #EFEFEF;
}
.hx-pn-black-wrap h2 {
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: 0.04em;
}
.hx-pn-filter-grp .hx-pn-filter-btns {
	gap: 1.266rem;
	justify-content: center;
	width: 9.688rem;
	margin: 0 auto 2.25rem;
	flex-direction: column;
}
.hx-pn-filter-btns > div {
	width: 9.688rem;	
}
.hx-pn-filter-btns .active.is-style-ghost-button {
	background-color: #ffffff;
	pointer-events: none;	
}
.hx-pn-filter-btns .active.is-style-ghost-button span.btn-span-two {
	color: #000000;
}
.hx-pn-filter-grp {
	margin-bottom: 2.25rem;
}
.hx-pn-filter-grp h2 {
	text-align: center;
	margin-bottom: 0.75rem;	
}
.hx-pn-filter-grp p {
	text-align: center;
}
/* Marquee */
.hx-pn-marquee-grp {
	margin-bottom: 4.375rem;
	overflow: hidden;
}
.hx-pn-marquee-grp .hx-pn-marquee-cols {
	flex-direction: column;
	gap: 0.5rem;
}
.hx-pn-marquee-grp .hx-pn-marquee-col,
.hx-pn-marquee-grp .hx-pn-marquee-col .hx-ticker-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.5rem;
}
.hx-pn-marquee-col figure {
	width: 10.525rem;
	min-width: 10.525rem;
	height: 9.122rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-pn-marquee-col figure img {
	height: 100%;
}
/* Image */
.hx-pn-image-grp {
	margin-bottom: 4.375rem;
	height: 8.978rem;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-pn-image-grp figure {
	height: 100%;
	width: 100%;
}
.hx-pn-image-grp figure img {
	height: 100%;
}
/* Text Group */
.hx-ss-pn-text-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-pn-text-grp .hx-ss-pn-text-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0.75rem;
}
.hx-ss-pn-text-cols .hx-ss-pn-text-col:last-child {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}
/* What We Offer */
.hx-pn-offer-grp {
	margin-bottom: 4.375rem;
}
.hx-pn-offer-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-pn-offer-grp .hx-pn-offer-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;
}
.hx-pn-offer-col {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 1rem 0.983rem;
	position: relative;
}
.hx-pn-offer-col:hover {
	border-color: #ffffff;
}
.hx-pn-offer-col figure {
	width: 100%;
	height: 9.377rem;
	border-radius: 0.375rem;
	overflow: hidden;
	margin-bottom: 1.125rem;
}
.hx-pn-offer-col figure img {
	height: 100%;
}
.hx-pn-offer-col > div {
	gap: 0;
}
.hx-pn-offer-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.hx-vg .hx-pn-offer-col {
	padding: 1.25rem 0.983rem;
}
.hx-vg .hx-pn-offer-col figure {
	position: absolute;
	left: 1.426rem;
	top: 1.559rem;
	width: 3.192rem;
	height: 4.468rem;
	transform: rotate(12.31deg);
	margin: 0;
}
.hx-vg .hx-pn-offer-col:hover figure {
	transform: rotate(0);
}
.hx-vg .hx-pn-offer-col h3 {
	margin: 1.043rem 0 1.773rem 5.865rem;
}
.hx-ss-sm-leads-grp.hx-pn-sm-leads-grp h2 {
	color: #1B1C1C;
	font-size: 1.563rem;
	line-height: 2.125rem;
}
/* Our  PROCESS - PG */
.hx-ss-pn-process-pg {
	margin-bottom: 4.375rem;
	padding: 0 1.875rem;
}
.hx-ss-pn-process-pg h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-cols {
	gap: 0;
}
.hx-ss-pn-process-pg-col p:first-child {
	font-family: 'Fredericka the Great';
	font-size: 2.563rem;
	line-height: 2.5rem;
	letter-spacing: 0.04em;
	color: #FDB928;
	transform: rotate(-8.6deg);
	width: fit-content;
}
.hx-ss-pn-process-pg-cols .hx-ss-pn-process-pg-col {
	width: 18.75rem;
	min-width: fit-content;
	max-width: 18.75rem;
	background: #222222;
	padding: 1.638rem 1.375rem 1.583rem;
	border: 0.0625rem solid #FFFFFF1F;
	border-radius: 0.639rem;
	height: 19.188rem;
	position: relative;
}
.hx-ss-pn-process-pg-cols .hx-ss-pn-process-pg-col:hover {
	border-color: #FFFFFF;
	z-index: 9;
}
.hx-ss-pn-process-pg-col:nth-child(1) {
	z-index: 3;
}
.hx-ss-pn-process-pg-col:nth-child(2) {
	z-index: 1;
}
.hx-ss-pn-process-pg-col:nth-child(3) {
	z-index: 2;
}
.hx-ss-pn-process-pg-col:nth-child(4) {
	z-index: 4;
}
.hx-ss-pn-process-pg-cols .hx-ss-pn-process-pg-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;	
	margin-bottom: 0.5rem;
	margin-top: 1.008rem;
}
.hx-ss-pn-process-pg-cols .hx-ss-pn-process-pg-col p {
	line-height: 1.563rem;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-cols {
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-cols::-webkit-scrollbar {
	display: none;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-col:nth-child(odd) {
	margin-bottom: 0;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-col:nth-child(even) {
	margin-top: 1.875rem;
}
.hx-ss-pn-process-pg .hx-ss-pn-process-pg-col:not(:first-child) {
	margin-left: -1.711rem;	
}
/* Our  PROCESS - vg */
.hx-pn-vg-process-grp {
	margin-bottom: 4.375rem;
	padding: 0 1.875rem;
	overflow: hidden;
}
.hx-pn-vg-process-grp .hx-pn-vg-process-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.875rem;
}
.hx-pn-vg-process-cols svg {
	display: none;
}
.hx-pn-vg-process-grp .hx-pn-vg-process-col:last-child {
	display: flex;
	gap: 0.938rem;
	flex-wrap: nowrap;
	overflow-y: auto;	
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-pn-vg-process-grp .hx-pn-vg-process-col:last-child::-webkit-scrollbar {
	display: none;
}
.hx-pn-vg-process-col .hx-pn-vg-process-stack {
	gap: 0;
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.639rem;
	width: 18.75rem;
	min-width: 18.75rem;
	height: 14.625rem;
	text-align: center;
	padding: 1.187rem 1.672rem 1.179rem;
}
.hx-pn-vg-process-stack p:first-child {
	font-family: 'Fredericka the Great';
	font-size: 1.875rem;
	line-height: 1.764rem;
	letter-spacing: 0.04rem;
	text-align: center;
	color: #FDB928;
	margin: 0 auto 1.134rem;
	width: 2.875rem;
	height: 2.875rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-pn-vg-process-stack h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 0.5rem;
}
/* Work That Reflects Your Vision */
.hx-ss-pn-works-grp.hx-ss-sm-works-grp figure {
	height: auto;
	margin-bottom: 0.951rem;
}
.hx-ss-pn-works-grp.hx-ss-sm-works-grp h3 {
	position: static;
}
/* ========================= Single Services Seo - Styles ========================= */
.hx-ss-seo-hero-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-hero-grp .hx-ss-seo-hero-stack  {
	gap: 0;
	flex-direction: row;
	margin-top: 1.875rem;
}
.hx-ss-seo-hero-stack svg:first-child {
	width: 4.859rem;
	height: 7.118rem;
	margin-top: 3.177rem;
}
.hx-ss-seo-hero-stack svg:last-child {
	width: 14.033rem;
	height: 10.777rem;
	margin-left: -0.313rem;
}
/* Here’s What Business Owners Tell Us All the Time */
.hx-ss-seo-msg-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-msg-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-seo-msg-grp .hx-ss-seo-msg-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.25rem;
}
.hx-ss-seo-msg-col p {
	font-size: 0.875rem;
	line-height: 1.313rem;
}
.hx-ss-seo-msg-col figure {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	overflow: hidden;
}
.hx-ss-seo-msg-grp .hx-ss-seo-msg-row {
	gap: 0.375rem;
	margin-top: 0.499rem;
}
.hx-ss-seo-msg-grp .hx-ss-seo-msg-row p {
	font-size: 0.625rem;
	line-height: 0.688rem;
}
.hx-ss-seo-msg-grp .hx-ss-seo-msg-col {
	padding: 1.645rem 0.91rem 0.917rem 2.578rem;
	position: relative;
	border-radius: 0.75rem;
	width: 17.489rem;
}
.hx-ss-seo-msg-col::before {
	content:'';
	position: absolute;
	background-image: url('/wp-content/uploads/2025/07/quotation_white.webp');
	background-size: cover;
	width: 1.25rem;
	height: 1.25rem;
	top: 0.896rem;
	left: 0.896rem;
}
.hx-ss-seo-msg-col:nth-child(odd) {
	background: #222222;
	border: 0.022rem solid rgba(255, 255, 255, 0.12);
}
.hx-ss-seo-msg-col:nth-child(odd)::before {
	opacity: 20%;
}
.hx-ss-seo-msg-col:nth-child(even) {
	background: #2B271F;
	border: 0.022rem solid rgba(253, 185, 40, 0.33);	
	margin-left: 1.273rem;
}
.hx-ss-seo-msg-col::after {
	content:'';
	position: absolute;
	background-size: cover;
}
.hx-ss-seo-msg-col:nth-child(odd)::after {
	background-image: url("data:image/svg+xml,%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.3652 33.2217L1.1084 28.9219L30.4678 1.41406L34.3652 33.2217Z' fill='%23222222'/%3E%3Cpath d='M34.3652 33.2217L34.3011 33.7176L34.9399 33.8001L34.8615 33.1609L34.3652 33.2217ZM1.1084 28.9219L0.766538 28.557L-0.00706398 29.2818L1.04429 29.4177L1.1084 28.9219ZM30.4678 1.41406L30.9641 1.35325L30.8443 0.376084L30.1259 1.04919L30.4678 1.41406ZM34.3652 33.2217L34.4293 32.7258L1.17251 28.426L1.1084 28.9219L1.04429 29.4177L34.3011 33.7176L34.3652 33.2217ZM1.1084 28.9219L1.45026 29.2867L30.8096 1.77893L30.4678 1.41406L30.1259 1.04919L0.766538 28.557L1.1084 28.9219ZM30.4678 1.41406L29.9715 1.47487L33.8689 33.2825L34.3652 33.2217L34.8615 33.1609L30.9641 1.35325L30.4678 1.41406Z' fill='white' fill-opacity='0.12'/%3E%3C/svg%3E%0A");
	width: 1.125rem;
	height: 1.438rem;
	top: 1.683rem;
	left: -1.125rem;
}
.hx-ss-seo-msg-col:nth-child(even)::after {
	background-image: url("/wp-content/uploads/2025/08/triangle_message.webp");
    width: 1.5rem;
    top: 1.563rem;
    height: 1.563rem;
    right: -0.988rem;
    transform: rotate(-9deg);
}
/* Our Services Cover Everything You Need */
.hx-ss-seo-services-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-services-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-seo-services-grp .hx-ss-seo-services-cols {
	margin-bottom: 3.125rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1.563rem;
}
.hx-ss-seo-services-col:not(:last-child) {
	padding-bottom: 1.563rem;
	position: relative;
}
.hx-ss-seo-services-col:not(:last-child)::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.0625rem;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.475962) 52.4%, rgba(255, 255, 255, 0) 100%);
}
.hx-ss-seo-services-col figure {
	width: 2.688rem;
	height: 2.688rem;
	background: rgba(255, 255, 255, 0.09);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin-bottom: 0.938rem;
}
.hx-ss-seo-services-col figure img {
	width: 1.601rem;
	height: 1.601rem;
}
.hx-ss-seo-services-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	color: #FDB928;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.hx-ss-seo-services-grp .hx-ss-sm-leads-grp {
	background: #222222;
	margin: 0;
}
.hx-ss-seo-services-grp .hx-ss-sm-leads-grp h2 {
	color: #FFFFFF;
}
.hx-ss-seo-services-border {
	border: 0.0625rem solid #FFFFFF;
	padding: 1.563rem 1.25rem;
	border-radius: 0.75rem;
}
/* Maintain consistent tone and structure */
.hx-ss-seo-ai-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-ai-grp .hx-ss-seo-ai-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 2.25rem;
}
.hx-ss-seo-ai-items h2 {
	margin-bottom: 0.75rem;
}
.hx-ss-seo-ai-items h2 strong {
	color: #FDB928;
}
.hx-ss-seo-ai-items .is-style-ghost-button {
	display: none;
}
.hx-ss-seo-ai-grp .hx-ss-seo-ai-cards {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.961rem;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-ss-seo-ai-grp .hx-ss-seo-ai-cards::-webkit-scrollbar {
	display: none;
} 
.hx-ss-seo-ai-card {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.75rem;
	padding: 1.875rem 1.25rem;
	width: 18.75rem;
	min-width: fit-content;	
	gap: 0;
}
.hx-ss-seo-ai-card h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.625rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0.625rem;
}
.hx-ss-seo-ai-card p {
	margin-bottom: 0.75rem;
}
.hx-ss-seo-ai-card .is-style-theme-list li {
	color: #EFEFEF;
}
.hx-ss-seo-ai-card .is-style-theme-list li::before {
	background-color: transparent;
	border: 0.0625rem solid #FDB928;
	box-sizing: border-box;
}
/* Our PROCESS */
.hx-ss-seo-timeline {
	margin-bottom: 2.143rem;
}
.hx-seo div.hx-timeline-grp {
	margin: 1.875rem 0 0 0;
	padding: 5.809rem 0 2.232rem 1.961rem;
}
.hx-seo .hx-timeline-col {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.12);
	border-radius: 0.639rem;
	padding: 1.634rem 1.262rem 1.649rem 1.414rem;
}
.hx-seo .hx-timeline-col p:first-child {
	font-family: 'Fredericka the Great';
	font-style: normal;
	font-weight: 400;
	font-size: 2.563rem;
	line-height: 2.5rem;
	width: fit-content;
	text-align: center;
	letter-spacing: 0.04em;
	color: #FDB928;
	margin-bottom: 1.008rem;
}
.hx-seo .hx-timeline-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04rem;
	vertical-align: middle;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.hx-seo .hx-timeline-cols:not(:last-child) {
	margin-bottom: 1.875rem;
}
.hx-seo .hx_timeline_progress {
	left: 0.273rem;
}
.hx-seo .hx_timeline_circle {
	border-radius: 50%;
	width: 0.75rem;
	height: 0.75rem;
	margin-left: 0.563rem;
}
/* Why Choose Us? */
.hx-ss-seo-us-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-us-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-seo-us-grp .hx-ss-seo-us-col {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.938rem;	
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-ss-seo-us-grp .hx-ss-seo-us-col::-webkit-scrollbar {
	display: none;
} 
.hx-ss-seo-us-stack {
	padding: 1.563rem 1.25rem;
	position: relative;
	gap: 0;
	width: 18.75rem;
	min-width: fit-content;
	height: 100%;
	border-radius: 0.75rem;
	overflow: hidden;
}
.hx-ss-seo-us-stack:nth-child(1) {
	background: #FEBF39;
}
.hx-ss-seo-us-stack:nth-child(2) {
	background: #3EB460;
}
.hx-ss-seo-us-stack:nth-child(3) {
	background: #3174BA;
}
.hx-ss-seo-us-stack h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0.375rem;
}
.hx-ss-seo-us-stack:nth-child(1) h3,
.hx-ss-seo-us-stack:nth-child(1) p {
	color: #312406;
}
.hx-ss-seo-us-stack:nth-child(2) h3,
.hx-ss-seo-us-stack:nth-child(2) p {
	color: #023310;
}
.hx-ss-seo-us-stack:nth-child(3) h3,
.hx-ss-seo-us-stack:nth-child(3) p {
	color: #051D36;
}
.hx-ss-seo-us-stack::after {
	content: '';
	position: absolute;
	width: 10.722rem;
	height: 13.713rem;
	clip-path: polygon(100% 0, 0 90%, 60% 100%);
	transform: rotate(13.17deg);
	right: -3.159rem;
	bottom: -4.798rem;
}
.hx-ss-seo-us-stack:nth-child(1)::after {
	background: #EDB02E;
}
.hx-ss-seo-us-stack:nth-child(2)::after {
	background: #329C50;
}
.hx-ss-seo-us-stack:nth-child(3)::after {
	background: #28619C;
}
/* Should You Hire an SEO Company or Handle It Yourself? */
div.hx-ss-seo-hire-grp {
	margin-top: 4.375rem;
	margin-bottom: 4.375rem;
}
.hx-ss-seo-hire-grp svg {
	display: none;
}
.hx-ss-seo-hire-grp h2 {
	margin-bottom: 1.875rem;
}
.hx-ss-seo-hire-grp .hx-ss-seo-hire-cols {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 3.125rem;
}
.hx-ss-seo-hire-form {
	background: #F9F8EF;
	padding: 1.875rem 1.25rem;
	border-radius: 0.75rem;
}
.hx-ss-seo-hire-form h4 {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: 0.04em;
	text-align: center;
	margin-bottom: 1.25rem;
}
.hx-ss-seo-hire-grp .hx-ss-seo-hire-stacks {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 1.875rem;
}
.hx-ss-seo-hire-stack {
	background: #F7F7F7;
	border-left: 0.188rem solid #FDB928;
	border-radius: 0.75rem;
	padding: 1.875rem 1.25rem;
	gap: 0;
}
.hx-ss-seo-hire-stack h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.688rem;
	letter-spacing: 0.04em;
	margin-bottom: 0.188rem;
}
/* Getting Started with HAPX */
.hx-ss-seo-start-grp {
	margin-bottom: 4.375rem;
}
.hx-ss-seo-start-grp h2 {
	max-width: 18.75rem;
	margin: 0 auto 1.875rem;
}
.hx-ss-seo-start-grp svg {
	display: none;
}
.hx-ss-seo-start-grp .hx-ss-seo-start-cols {
	display: grid;
	grid-template-columns: repeat(5, 18.75rem);
	grid-column-gap: 0;
	overflow-y: auto;
	padding: 0.333rem 1.875rem 0 0;
	margin-left: 1.875rem;	
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
}
.hx-ss-seo-us-grp .hx-ss-seo-us-col::-webkit-scrollbar {
	display: none;
} 
.hx-ss-seo-start-col h3 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;	
	margin-bottom: 0.625rem;
	color: #FDB928;
}
.hx-ss-seo-start-col {
	position: relative;
	padding: 1.479rem 0.938rem 0 0;
	border-top: 0.188rem solid #ffffff;
}
.hx-ss-seo-start-col::after {
	content: '';
	position: absolute;
	background: #FDB928;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	left: -0.5rem;
	top: -0.938rem;
	z-index: 9;
	border: 0.5rem solid #1B1C1C;
}
/* Results That Speak for Themselves */
.hx-ss-seo-results-grp h2 {
	max-width:18.75rem;
	margin: 0 auto 1.875rem;
}
.hx-ss-seo-results-grp .hx-ss-seo-results-cols {
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	display: flex;
	gap: 0.938rem;
	padding: 0 1.875rem;
}
.hx-ss-seo-us-grp .hx-ss-seo-us-col::-webkit-scrollbar {
	display: none;
} 
.hx-ss-seo-results-grp .hx-ss-seo-results-col {
	width: 18.75rem;
	min-width: 18.75rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.938rem;
}
.hx-ss-seo-results-grp .hx-ss-seo-results-head {
	gap: 0;
	position: relative;
	width: 100%;
	height: 8.471rem;
	border-radius: 0.75rem;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.hx-ss-seo-results-head h3 {
	font-weight: 600;
	font-size: 1.375rem;
	line-height: 2rem;
	letter-spacing: 0.04em;
	vertical-align: middle;
	text-transform: uppercase;
	background: rgba(27, 28, 28, 0.69);
	width: 100%;
	height: 100%;
	inset: 0;
	backdrop-filter: blur(0.75rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hx-ss-seo-results-head figure {
	position: absolute;
	z-index: -1;	
	width: 100%;
	height: 100%;
}
.hx-ss-seo-results-head figure img {
	height: 100%;	
}
.hx-ss-seo-results-item {
	background: #222222;
	border: 0.0625rem solid rgba(255, 255, 255, 0.05);
	border-radius: 0.75rem;
	padding: 1.531rem 0.964rem;
	gap: 0;
}
.hx-ss-seo-results-item h4 {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.188rem;
	letter-spacing: 0.04em;
	text-align: center;
	color: #B2B2B2;
	margin-bottom: 0.25rem;
}
.hx-ss-seo-results-item p {
	font-family: 'ClashGrotesk-Variable';
	font-weight: 500;
	font-size: 1.75rem;
	line-height: 2.5rem;
	letter-spacing: 0.04em;	
}
.hx-ss-seo-results-item figure {
	width: 100%;
	height: auto;
	margin-top: 1.438rem;
}