@import url("https://use.typekit.net/ner1ovt.css");

html {
	background-color: #FFF;
}

body {
	background: #FFF;
	color: #333;
	font-family: "sofia-pro", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	font-weight: 200;
	text-rendering: optimizeLegibility;
	line-height: 1.1;
}

.position-relative {
	position: relative;
}

p {
	line-height: 1.3;
}

img.logo {
	height: 60px;
}

.top-bar, .top-bar ul {
	background-color: transparent;
	padding: 0;
}

.grid-container {
	max-width: 99rem;
}


a {
	color: #2E1F59;
}

a:hover {
	color: #20163e;
}

input[type="text"], textarea {
	border-radius: 10px;
	border: solid 2px #8F4899;
	padding: 1.2rem
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "sofia-pro", sans-serif;
	font-weight: 600;
	line-height: 1.1;
}

h1 {
	color: #2E1F59;
	font-size: 4em;
	font-weight: 700;
	margin-bottom: 2rem;
}

.h1-subtitle, .h2-subtitle {
	font-size: 1.5em;
	font-weight: 600;
	color: #707070;
}

.title-section h1.reduced {
	font-size: 2.5em;
}

#main-menu a {
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: 500;
}

#main-menu .menu .button {
	padding: .8rem 1.5rem;
	font-weight: 500;
	background: transparent;
	border: solid 3px #8F4899;
	color: #2E1F59;
	margin-top: -0.3rem;
	margin-left: 1rem;
}

#main-menu .menu .button:hover {
	border: solid 3px #5d3065;
	color: #20163e;
}

.button {
	font-family: "sofia-pro", sans-serif;
	border-radius: 10px;
	color: #FFF;
	font-weight: 600;
	padding: 1rem 3rem;
	background: linear-gradient(to right, #FF671E, #8F4899);
	border: none;
	text-transform: uppercase;
}

.button:hover {
	background: linear-gradient(to right, #d05116, #6c3671);
}

a.button {
	text-decoration: none!important;
}


.button.secondary {
	background: transparent;
	border: solid 2px;
}

.button.secondary:hover {
	background: rgba(0,0,0,.2);
}

.full-width-image {
	width: 100%
}

.accordion-item:first-child > :first-child, :last-child:not(.is-active) > .accordion-title {
	border-radius: 10px;
}

.accordion-title {
	border: none;
	border-radius: 10px;
	background: linear-gradient(to right, #2E1F59, #975FAA );
	color: #FFF;
	font-size: 1em;
	font-weight: 500;
	padding-left: 2.5rem;
}

.accordion-item.is-active .accordion-title {
	background: linear-gradient(to right, #2E1F59, #7AC1E0 );
	color: #FFF;
}

.accordion-title:hover, .accordion-title:active, .accordion-title:focus {
	color: #999;
}

.accordion-item {
	margin-bottom: 0.5rem;
}

.accordion-title::before {
	font-family: "Font Awesome 6 Free";
	right: inherit;
	content: "\f061";
	left: 1rem;
	font-weight: 600;
}

.accordion-content {
	border: none!important;
	border-left: solid 2px #2E1F59!important;
	margin: 1rem
}

.is-active > .accordion-title::before {
	content: "\f063";
}

.rounded {
	border-radius: 20px;
}

.image-container {
	display: flex;
	align-items: center;
	flex-shrink: 1; /* Allow flex items to shrink if necessary */
	max-width: 100%; /* Ensure the image container doesn't exceed the parent width */
	height: 100%;
	width: 100%;
}

.full-height-image {
	width: 100%; /* Make the image fit the width of the container */
	height: 100%; /* Make the image fill the height of the container */
	object-fit: cover; /* Ensures the image maintains aspect ratio and fills the height */
}

.big-line-breaks h2, .big-line-breaks p, .big-line-breaks h3 {
	margin-bottom: 1.5rem;
}

.big-line-breaks .h2-subtitle {
	margin-bottom: 2rem;
}


#upcoming-notifications {
	font-size: 0.8em;
	font-weight: 500;
}

#upcoming-notifications img {
	height: 1.7rem;
	width: auto;
	margin-right: .75rem;
	vertical-align: middle;
}

#upcoming-notifications .cell {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#main-website-header {
	position: relative;
	z-index: 11;
}

#main-website-footer {
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: .75em;
	font-weight: 500;
	position: relative;
	z-index: 11;
	margin-top: -1px;
}

#main-website-footer .menu li a {
	padding: 0 0 0.5rem;
	text-decoration: none;
}

#main-website-footer .menu li a:hover {
	text-decoration: underline;
}

#main-website-footer .footer-logo img {
	height: 85px;
	width: auto;
}

#subfooter {
	background-color: #F2F2F2;
	font-size: .7em;
	font-weight: 500;
}

#subfooter img, #subfooter p {
	margin-bottom: 0
}

.page-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: #FFF;
}

.page-section.no-padding-top {
	padding-top: 0;
}

.page-section.no-padding-bottom {
	padding-bottom: 0;
}


.title-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.title-section .overview-title {
	color: #707070;
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 0;
}

.title-section h1 {
	font-size: 3em;
}

#homepage-intro {
	background-image: url("../images/bg-homepage-intro.png");
	background-size: auto 100%;
	background-position: right top;
	background-repeat: no-repeat;
}

#homepage-intro .button {
	font-size: .9em;
	padding: 1.2rem 3rem;
	margin-top: 1rem;
}


.card.header-section-slider-item {
	width: 325px;
	height: 422px;
	background-position: center center;
	background-size: cover;
	border: none;
	border-radius: 20px;
	position: relative;
}

.card.header-section-slider-item img, .card.team-card-item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.card.header-section-slider-item .card-section, .card.team-card-item .card-section {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(46, 31, 89, 0) 10%, rgba(46, 31, 89, 0.8) 30%, #2E1F59 100%);
	width: 100%;
	color: #FFF;
	font-weight: 500;
	padding: 2rem 2rem 1rem;
}

.card.header-section-slider-item a {
	color: #FFF;

}

.learn-more {
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: 500;
}

.learn-more:after {
	font-family: "Font Awesome 6 Free";
	content: "\f061";
	font-weight: 800;
	padding-left: 8px;
}

#header-section-slider {
	width: 66vw;
}

#header-section-slider-container {
	overflow: hidden;
	margin-right: -.9375rem;
}

.slick-carousel#header-section-slider .slick-slide {
	padding: 0 10px;
	box-sizing: border-box;
}

.slick-carousel#header-section-slider .slick-slide > * {
	width: 100%;
}

#header-section {
	position: relative;
}

#header-section-slider-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
}

.carousel-navigation ul {
	margin: 0 0 0 0.98rem;
	list-style: none;
	font-size: 1.4em;
}

.carousel-navigation ul li {
	display: inline-block;
	margin-right: 1.5rem;
}

.carousel-navigation ul li a {
	color: #9F9F9F;
}

.carousel-navigation ul li a:hover {
	color: #8F4899
}

.client-logo {
	max-height: 50px;
}

.page-section#homepage-what-we-do h2 {
	margin-bottom: 1.5rem
}

.page-section#homepage-what-we-do .h2-subtitle {
	margin-bottom: 2rem;
}

h2.large-feature {
	font-weight: 600;
	font-size: 3em;
}

p.large-feature {
	font-weight: 500;
	font-size: 1.35em;
	margin-bottom: 2rem;
}

.page-section.angled {
	clip-path: polygon(
			0   10%,
			100% 0,
			100% 100%,
			0   90%
	);
	position: relative;
	margin-bottom: -2rem;
	padding-bottom: 4rem;
	padding-top: 5rem;
	position: relative;
	z-index: 10;
}

.pointy {
	clip-path: polygon(
			0 8rem,              /* top-left */
			15% 0,               /* top point */
			100% 8rem,           /* top-right */
			100% calc(100% - 8rem), /* bottom-right */
			50% 100%,            /* bottom point */
			0 calc(100% - 8rem)  /* bottom-left */
	);
	-webkit-clip-path: polygon(
			0 8rem, 15% 0, 100% 8rem,
			100% calc(100% - 8rem), 50% 100%, 0 calc(100% - 8rem)
	);
	position: relative;
	padding: 8rem 2rem;
	margin-bottom: -2rem;
	z-index: 10;
}


.slanted {
	clip-path: polygon(
			0   0,
			100% 4rem,
			100% 100%,
			0   calc(100% - 4rem)
	);

	padding: 8rem 2rem;
}

.slanted-top {
	clip-path: polygon(
			0   0,
			100% 4rem,
			100% 100%,
			0   100%
	);

	padding: 8rem 2rem;
}


.page-section.angled-flip {
	clip-path: polygon(
			0   0,    /* Top-left corner */
			100% 10%, /* Top-right corner */
			100% 90%, /* Bottom-right corner */
			0   100%  /* Bottom-left corner */
	);
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
	position: relative;
	margin-bottom: -2rem;
	padding-bottom: 4rem;
	padding-top: 5rem;
	position: relative;
	z-index: 10;
}

.page-section.after-angled, .title-section.after-angled {
	padding-top: 7rem;
	margin-top: -5rem;
}

.page-section.before-angled, .title-section.before-angled {
	padding-bottom: 6rem;
	margin-bottom: -6rem;
}

.page-section#homepage-who-we-work-with h2 {
	margin-bottom: 1.5rem;
}

.page-section#homepage-who-we-work-with p.h2-subtitle {
	margin-bottom: 2rem;
}


.card.who-we-work-with {
	border-radius: 20px;
	border: none;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 25%
	}

.card.who-we-work-with .card-section {
	padding: 2rem 2rem 3rem;
	width: 75%
}

.card.who-we-work-with h3 {
	font-size: 1.8em;
	margin-bottom: 1rem;
}

.card.who-we-work-with p {
	color: #000;
}

.card.who-we-work-with p:first-of-type {
	font-weight: 600;
	color: #2E1F59;
}

.card.who-we-work-with .image-container {
	height: 255px;
}

#homepage-who-we-work-with {
	background: url("../images/bg-who-we-work-with.png"), linear-gradient(to right, #8F4899, #FF671E);
	background-size: cover; /* Adjusts both image and gradient sizing */
	background-position: center; /* Centers both layers */
	background-repeat: no-repeat; /* Prevents repeat for both layers */
}

.page-section.before-pointed-top {
	padding-bottom: 8rem;
}

.page-section.pointed-bottom, .page-section.pointed-top {
	position: relative;
	overflow: visible;
}

.page-section.pointed-bottom::after {
	--arrow-h: 4rem;
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(1px - var(--arrow-h));
	width: 100%;
	height: var(--arrow-h);
	background: inherit;
	clip-path: polygon(
			0   0,
			100% 0,
			50%  100%
	);
	-webkit-clip-path: polygon(0 0,100% 0,50% 100%);
	z-index: 1;
}

.page-section.pointed-top::before {
	--arrow-h: 4rem;
	content: "";
	position: absolute;
	left: 0;
	top: calc(1px - var(--arrow-h));
	width: 100%;
	height: var(--arrow-h);
	background: inherit;
	clip-path: polygon(
			50% 0,
			100% 100%,
			0   100%
	);
	-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
	z-index: 1;
}

.page-section.pointed-bottom.pointed-top {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

#homepage-who-we-work-with.page-section.pointed-bottom::after {
	background: linear-gradient(to right, #8F4899, #FF671E);
}

.page-section.after-pointed-bottom {
	padding-top: 7rem;
}

.service-container {
	font-weight: 500;
	text-transform: uppercase;
	color: #2E1F59;
	padding: 0;
	text-align: center;
}

.service-container .service-icon-container, .icon-card-icon-container {
	width: 125px;
	height: 125px;
	background-color: #FFF;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin: 0 auto 1rem;
}

.service-container .service-icon-container img, .icon-card-icon-container img {
	object-fit: contain;
	object-position: center;
	width: 75%;
	height: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#testimonial-slider-section {
	z-index: 10;
}

#testimonial-slider .slick-slide > div {
	height: 100%;
	display: flex;
}

.testimonial-slider-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 1rem 2rem;
	border-radius: 1rem;
	background: linear-gradient(to bottom, #8F4899, #FF671E);
	margin: .5rem;
	color: #FFF;
	border: none;
	}

.testimonial-slider-item:nth-child(2) {
	background: linear-gradient(to bottom, #2E1F59, #7AC1E0);
}

.testimonial-slider-item:nth-child(3) {
	background: linear-gradient(to bottom, #FF671E, #FCE200);
}

	.testimonial-slider-item blockquote, .card.testimonial-card blockquote, .angled-testimonial blockquote {
		border-left: none;
		margin: 0;
		padding: 0;
	}

.angled-testimonial blockquote {
	margin-top: 2rem;
}

.angled-testimonial .testimonial-author {
	margin-bottom: 2rem;
}

	.testimonial-slider-item blockquote p, .card.testimonial-card blockquote p, .angled-testimonial blockquote p {
		color: #FFF;
		font-weight: 500;
	}

.testimonial-slider-item .testimonial-photo-container {
	width: 100px;
	height: 100px;
	background-color: #FFF;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.angled-testimonial-image .full-height-image {
	width: 100%;
	object-fit: contain;
	object-position: bottom;
}

.testimonial-author {
	font-size: 0.85em;
	color: #FFF;
	font-weight: 600;
}

.testimonial-author cite {
	 font-style: normal;
	 color: #FFF;
	 font-size: 1em;
	font-weight: 600;
 }

.testimonial-author cite:before {
	content: "";
}

.testimonial-author p {
	margin-bottom: 0.5rem;
}

.testimonial-author p:last-child {
	margin-bottom: 0;
}


.page-section#team-photo {
	position: relative;
	clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - 4rem),
			50% 100%,
			0 calc(100% - 4rem)
	);
	-webkit-clip-path: polygon(
			0 0,
			100% 0,
			100% calc(100% - 4rem),
			50% 100%,
			0 calc(100% - 4rem)
	);
}


.section-title-graphic {
	height: 250px;
	margin-bottom: 1rem;
}

.card.resource-box {
	border-radius: 20px;
	border: none;
	color: #FFF;
}

.card.resource-box .card-section {
	padding: 2rem;
}

.card.resource-box#resource-scorecard, .card.resource-box#resource-wwd {
	background: linear-gradient(to right, #2E1F59, #7AC1E0);
}

.card.resource-box#resource-ai-toolkit, .card.resource-box#resource-wwww {
	background: linear-gradient(to right, #2E1F59, #8F4899);
}

.card.resource-box h3.tab {
	margin-top: -2rem;
	background-color: #333;
	display: block;
	padding: .5rem 2rem .75rem;
	font-size: 1.25em;
	width: 175px;
	text-align: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 1rem;
}

.card.resource-box h4 {
	font-weight: 600;
	margin-bottom: 1rem
}

.card.resource-box p {
	margin-bottom: 1rem
}

.card.resource-box p .button {
	margin-top: 1rem;
}

.card.resource-box p:last-of-type {
	margin-bottom: 0;
}

.card.resource-box#resource-scorecard h3.tab, .card.resource-box#resource-wwd h3.tab, .card.resource-box#resource-mailing-list h3.tab {
	background-color: #7AC1E0;
}

.card.resource-box#resource-ai-toolkit h3.tab, .card.resource-box#resource-wwww h3.tab {
	background-color: #FF671E;
}

.card.resource-box .image-container {
	align-items: flex-end;
}


.card.blog-item {
	border-radius: 20px;
	border: none;
}

.card.blog-item .image-container {
	height: 225px
}

.card.blog-item .card-section {
	padding: 2rem;
}

.card.blog-item .blog-date {
	margin-bottom: 0.25rem;
	font-size: 0.8em;
}

.card.blog-item h3 {
	margin-bottom: 2rem;
	font-size: 1.5em;
}

.card.blog-item .button .learn-more {
	font-size: 1em;
}

#bg-resources-insights {
	background-image: url("../images/bg-resources-insights.png");
	background-size: 110vw auto;
	background-position: bottom;
	background-color: #F2F2F2;
	padding-bottom: 6rem;
	background-repeat: no-repeat;
}

#homepage-insights h2, #homepage-insights p.h2-subtitle {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25)
}

#newsletterform .input-group-field.fname, .newsletterform .input-group-field.fname {
	display: none;
}

.newsletterform .formmessage {
	background-color: rgba(0, 0, 0, .5);
	color: #FFF;
}

.newsletterform .input-group .button {
	margin-left: -1rem;
	background: #2E1F59;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.newsletterform .input-group .button:hover {
	background: #1d1338;
}

.page-section#homepage-lets-discuss, .page-section#about-lets-discuss, .page-section#clarity-lets-discuss {
	position: relative;
	background-color: #F2F2F2; /* Grey background underneath */
	overflow: hidden;
	padding-top: 10rem;
}

.page-section#clarity-lets-discuss {
	background-color: #FFFFFF;
}

.page-section#homepage-lets-discuss::before, .page-section#about-lets-discuss::before, .page-section#clarity-lets-discuss::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, #3b1d79, #ff6600); /* Gradient on top */
	clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%); /* Angled cut from top-right */
}

.page-section#about-lets-discuss::before {
	clip-path: polygon(
			0 0, /* Top-left corner */ 100% 20%, /* Top-right corner */ 100% 80%, /* Bottom-right corner */ 0 100% /* Bottom-left corner */
	);
}

.page-section#clarity-lets-discuss::before {
	clip-path: polygon(
			0 0, /* Top-left corner */ 100% 20%, /* Top-right corner */ 100% 100%, /* Bottom-right corner */ 0 100% /* Bottom-left corner */
	);
}

.page-section#homepage-lets-discuss, .page-section#about-lets-discuss, .page-section#clarity-lets-discuss {
	padding-top: 6rem;
}

.page-section#homepage-lets-discuss .grid-container, .page-section#about-lets-discuss .grid-container, .page-section#clarity-lets-discuss .grid-container {
	z-index: 10;
	position: relative;
}

.page-section#homepage-lets-discuss h2, .page-section#about-lets-discuss h2, .page-section#clarity-lets-discuss h2 {
	font-weight: 700;
	margin-bottom: 2rem;
}

.page-section#homepage-lets-discuss a.button, .page-section#about-lets-discuss a.button, .page-section#clarity-lets-discuss a.button {
	margin-top: 1rem;
	text-decoration: none;
}


.title-section#about-intro h1 {
	margin-bottom: 0;
}

#about-intro.before-angled {
	padding-bottom: 0;
}

.page-section#about-real-expertise .section-title-graphic {
	max-height: 150px;
}

.page-section#about-working-with-us h2 {
	margin-bottom: 2rem;
}

.icon-list-block {
	font-size: 0.9em;
	margin-bottom: 1.5rem;
}

.icon-list-block h3 {
	font-size: 1.5em;
	margin-bottom: 1rem;
}

.icon-list-block img {
	max-height: 70px
}

.card.show-overflow {
	overflow: visible;
}


.card.testimonial-card {
	padding: 2rem;
	border-radius: 20px;
	border: none;
	margin-top: 3rem;
}

.testimonial-card-photo {
	position: relative;
}

.testimonial-card-photo img {
	position: absolute;
	bottom: -3rem;
	height: 180%;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}

#about-testimonial {
	background-image: url("../images/bg-single-testimonial.png");
	background-size: 500px auto;
	background-position: 25%;
	background-repeat: no-repeat;
}

.team-card-item {
	position: relative;
	border-radius: 20px;
}

.card.team-card-item .card-section {
	padding: 5rem 2rem 2rem;
}

.card.team-card-item .card-section a {
	color: #FFF;
}

.card.team-card-item .card-section a:hover {
	color: #EEE;
}

.card.team-card-item .card-section .fa-solid, .card.team-card-item .card-section .fa-brands {
	font-size: 1.5em;
}

.card.team-card-item.team-card-item-2 .card-section {
	background: linear-gradient(to bottom, rgba(46, 31, 89, 0) 10%, rgba(122, 193, 224, 0.8) 30%, #2E1F59 100%);
}

.card.team-card-item.team-card-item-3 .card-section {
	background: linear-gradient(to bottom, rgba(46, 31, 89, 0) 10%, rgba(255, 103, 30, 0.8) 30%, #2E1F59 100%);
}

.yorkshire-rose {
	max-height: 150px
}

.card.resource-box#resource-wwd h3.tab {
	width: 270px
}

.card.resource-box#resource-wwww h3.tab {
	width: 270px
}

.page-section#wwd-wwww {
	padding-bottom: 6rem;
}

.page-section#about-lets-discuss {
	background: linear-gradient(to bottom, transparent 50%, #F2F2F2 50%);
	margin-top: -3rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}


#about-lets-discuss img, #clarity-lets-discuss img {
	max-height: 400px;
	margin-top: -2rem;
	margin-bottom: -2rem;
}

#wwd-intro {
	background-image: url("../images/bg-wwd-header.png");
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}

.card.icon-card {
	margin-top: 60px;
	overflow: visible;
	border: none;
	border-radius: 20px;
}

.card.icon-card .card-section {
	padding: 0 2rem 2rem;
}

.card.icon-card .icon-card-icon-container {
	margin-top: -60px;
}

.card.icon-card h3 {
	margin-bottom: 2rem;
}

.testimonial-card.flipped .testimonial-card-content {
	order: 2;
}

.testimonial-card.flipped .testimonial-card-photo {
	order: 1;
}

#wwd-testimonials .testimonial-card-photo img {
	height: 185%;
}

#wwd-testimonials {
	background-image: url("../images/bg-wwd-testimonials.png");
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#wwww-intro {
	background-image: url("../images/bg-wwww-header.png");
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}


.angled-stack {
	clip-path: polygon(
			0   0,    /* Top-left corner */
			100% 10%, /* Top-right corner */
			100% 90%, /* Bottom-right corner */
			0   100%  /* Bottom-left corner */
	);
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%);
	position: relative;
	margin-top: -9rem;
	padding-bottom: 9rem;
	padding-top: 5rem;
	position: relative;
	z-index: 10;
}

.angled-stack.flipped {
	clip-path: polygon(
			0   10%,    /* Top-left corner */
			100% 0%, /* Top-right corner */
			100% 100%, /* Bottom-right corner */
			0   90%  /* Bottom-left corner */
	);
	-webkit-clip-path: polygon(
			0   10%,    /* Top-left corner */
			100% 0%, /* Top-right corner */
			100% 100%, /* Bottom-right corner */
			0   90%  /* Bottom-left corner */
	);
}

.angled-stack .image-container {
	max-height: 300px;
	margin: auto;
}

.angled-stack .image-container img {
	width: 80%;
	height: 80%;
	object-fit: contain;
	margin: 0 auto;
}

.angled-stack.flipped .angled-stack-left {
	order: 2;
}

.angled-stack.flipped .angled-stack-right {
	order: 1;
}

.angled-stack-container {
	padding-top: 9rem;
}

h2 .title-icon {
	height: 2.8rem;
	vertical-align: sub;
}



#our-clients-slider .slick-slide > div {
	height: 100%;
	display: flex;
}


.card.our-clients-item {
	margin: .5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	border-radius: 20px;
	border: none;
	background: linear-gradient(to right top, #2E1F59, #8F4899);
	position: relative;
}

.card.our-clients-item.our-clients-item-2 {
	background: linear-gradient(to right top, #2E1F59, #7AC1E0 );
}

.card.our-clients-item.our-clients-item-3 {
	background: linear-gradient(to right top, #2E1F59, #FF671E );
}

.card.our-clients-item .card-section {
	padding: 2rem;
}

.our-client-logo-container {
	width: 75px;
	height: 75px;
	background-color: #FFF;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 2rem;
	right: 2rem;
}

.our-client-logo-container img {
	object-fit: contain;
	width: 65%;
	height: 65%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.our-client-photo-container {
	width: 150px;
	height: 150px;
	background-color: #FFF;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.our-client-photo-container img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.our-client-name {
	font-weight: 500;
	font-size: 1.5em;
}

.our-client-company {
	font-size: 0.8em;
	margin-top: -.5rem;
	margin-bottom: 1.5rem;
}

.our-client-details {
	margin-bottom: 2rem;
	font-weight: 500;
}

#wwww-our-clients .slick-dots li button::before {
	background-color: #FFF;
}

#wwww-our-clients .slick-dots li.slick-active button::before {
	background-color: #FF671E;
}

#our-clients-slider-wrapper {
	margin-top: 2rem;
}

.page-section#wwww-clarity {
	margin-top: 0;
	margin-bottom: 0;
}

#case-study-title {
	background-image: url("../images/bg-case-study-header.png");
	background-size: 42%;
	background-position: 125% 25%;
	background-repeat: no-repeat;
}

#case-study-title h1 {
	font-size: 2.2em;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.client-logo-container {
	padding: 5px;
	background-color: #FFF;
	height: 150px;
}

.client-logo-container img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}

.case-study-client {
	font-weight: bold;
	font-size: 1.2em;
}

#case-study-title {
	padding-bottom: 5rem;
	margin-bottom: -4rem;
}

#case-study-introduction {
	overflow: hidden;
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.case-study-intro-image-container {
	position: absolute;
	top: 0;
	right: 0;
	height: 125%;
	max-width: 50%;
	clip-path: polygon(30% 0%, 0% 100%, 100% 100%, 100% 0%, 100% 0%);
	text-align: right;
}

.case-study-intro-image-container img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.case-study-section-title-graphic {
	position: absolute;
	top: -25px;
	left: -125px;
	width: 100px
}

.case-study-stage-images {
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.angled-testimonial {
	position: relative;
	background: none;
	clip-path: polygon(
			0   0,    /* Top-left corner */
			100% 0, /* Top-right corner */
			100% 90%, /* Bottom-right corner */
			0   100%  /* Bottom-left corner */
	);
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.angled-testimonial-bg {
	position: absolute;
	inset: 0;
	clip-path: polygon(
			0   0,    /* Top-left corner */
			100% 10%, /* Top-right corner */
			100% 100%, /* Bottom-right corner */
			0   100%  /* Bottom-left corner */
	);
	z-index: 0;
	top: 2rem;
}


.angled-testimonial.flipped {
	clip-path: polygon(
			0   0,    /* Top-left corner */
			100% 0, /* Top-right corner */
			100% 100%, /* Bottom-right corner */
			0  90%  /* Bottom-left corner */
	);

}

.angled-testimonial.flipped .angled-testimonial-bg {
	clip-path: polygon(
			0   10%,    /* Top-left corner */
			100% 0, /* Top-right corner */
			100% 100%, /* Bottom-right corner */
			0   100%  /* Bottom-left corner */
	);
}


.angled-testimonial .grid-container {
	position: relative;
	z-index: 1;
}

.angled-testimonial-image {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	margin: -8rem auto;
}

#case-study-process-images-container {
	background-image: url("../images/bg-case-study-process.png");
	background-size: 100% 50%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

#case-study-product {
	background-image: url("../images/bg-case-study-product.png");
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: -1px;
}

#case-study-product-screenshots .full-width-image {
	max-height: 800px;
	width: auto
}

#case-study-product-images img {
	margin-bottom: 1rem;
}

#case-study-discovery {
	z-index: 10;
	position: relative;
	margin-top: -6rem;
}

#our-work-intro {
	background-image: url("../images/bg-our-work-header.png");
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}

.our-work-testimonials {
	margin-top: 6rem
}

#our-work-case-studies .resource-box .image-container {
	max-height: 400px;
	overflow: hidden;
}

#our-work-case-studies .image-container {
	position: relative;
}

#our-work-case-studies .case-study-logo-container {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #FFF;

	display: flex;
	align-items: center;
	justify-content: center;
}


#our-work-case-studies .case-study-logo-container img {
	object-fit: contain;
	width: 75%;
	height: 75%;
	object-position: center center;
}

#our-work-case-studies {
	margin-bottom: 4rem;
}


#clarity-intro {
	background-image: url("../images/bg-clarity-header.png");
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}

#clarity-sessions-container {
	background-image: url("../images/clarity-stage-bg.png");
	background-size: 135px auto;
	background-position: left 3rem;
	background-repeat: no-repeat;
}

.card.clarity-session-box {
	border-radius: 20px;
	border: none;
}

.card.clarity-session-box .card-section {
	padding: 2rem;
}

.clarity-session-icon img {
	max-height: 150px
}

#clarity-explore-container {
	margin-top: -8rem
}

.card.clarity-exploration-box {
	border-radius: 20px;
	border: none;
}

.card.clarity-exploration-box .card-section {
	padding: 1rem 2rem 1.5rem;
}

.clarity-exploration-box p:last-of-type {
	margin-bottom: 0;
}

#clarity-accordion {
	padding-top: 8rem;
	padding-bottom: 6rem;
}

#get-started-header-section img {
	max-height: 350px;
}

.get-started-subtitle {
	font-size: 1.5em;
	font-weight: 500;
}

#get-started-calendly {
	background-image: url("../images/bg-get-started.png");
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}

#get-started-calendly {
	background-image: url("../images/bg-get-started.png");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	padding-bottom: 8rem;
	margin-bottom: -4rem;
	margin-top: -4rem;
}

#contact-title.before-angled {
	margin-bottom: -12rem;
}


.contact-form-container input, .contact-form-container textarea {
	background: transparent;
	border: solid 2px #FFF;
	padding: 1.5rem;
	border-radius: 10px
}

.fg-white label {
	color: #FFF;
}

.fg-white .contact-form-container input, .fg-white .contact-form-container textarea {
	color: #FFF;
}


.contact-form-container input:focus, .contact-form-container textarea:focus {
	background: rgba(0,0,0,0.1);
	border: solid 2px #FFF;
}

.contact-detail img, .mailing-list-key-points li img, .blog-meta img {
	height: 1.25rem;
	vertical-align: middle;
}

.contact-detail, .mailing-list-key-points li, .blog-meta {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items:normal;
	gap: 10px;
	font-weight: 500
}

#contact-details .responsive-embed {
	margin-bottom: 2rem;
}

#contact-details .responsive-embed iframe {
	border: none;
}

.contact-social a {
	font-size: 2em;
	margin-right: 1rem;
}

.page-section#contact-details {
	padding-top: 8rem;
	margin-bottom: -8rem;
}

#contact-lets-discuss {
	margin-top: -1rem;
}

#contact-lets-discuss h2 {
	font-weight: 700;
	margin-bottom: 2rem;
}

#contact-lets-discuss img {
	max-height: 300px
}

.mailing-list-key-points, .mailing-list-page-form-container {
	margin: 2rem 0;
}


.mailing-list-page-form-container input {
	padding: 1.5rem!important;
	border: solid 1px #FFF!important;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	position: relative;
	z-index: 10;
}

.mailing-list-page-form-container button {
	background: transparent!important;
	border: solid 1px #FFF;
}

.mailing-list-page-form-container button:hover {
	background: rgba(0,0,0,.2)!important;;
	border: solid 1px #FFF;
}

.page-section#mailing-list-insights {
	margin-top: -2rem
}


#blog-bg {
	background-image: url("../images/bg-blog-header.png"), linear-gradient(to right, #30205a, #6a3880 );
	background-size: 100% auto;
	background-position: right top;
	background-repeat: no-repeat;
}

.popular-cagegories-container {
	margin-top: 3rem;
}

.popular-cagegories-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 2rem;
}

.popular-cagegories-container ul li {
	display: grid;
}

.popular-cagegories-container ul li a {
	padding: .5rem 1.5rem;
	border: solid 2px #8F4899;
	border-radius: 10px;
	background-color: #FFF;
}

.popular-cagegories-container ul li a:hover, .popular-cagegories-container ul li a.selected:hover {
	border: solid 2px #8F4899;
	background-color: #8F4899;
	color: #FFF;
}

.popular-cagegories-container ul li a.selected {
	color: #FFF;
	background-color: #FF671E;
	border: solid 2px #FF671E;
}

.mailing-list-key-points li {
	font-size: 0.8em;
	margin-bottom: 0.5rem;
}

.resource-box#resource-mailing-list {
	position: relative;
	overflow: visible;
}

.resource-box#resource-mailing-list .image-container {
	position: absolute;
	right: 0;
	width: auto;
	max-height: inherit;
	max-width: 44%;
	top: 0;
}


.author-details {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	font-weight: 500;
}

.author-details .author-image-container {
	width: 75px;
	height: 75px;
	background-color: #2E1F59;
	border-radius: 50%;
	display: flex;
	overflow: hidden;
}

.author-image-container img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.blog-featured-image-container {
	border-radius: 20px;
	overflow: hidden;
	max-height: 500px
}

.page-section#blog-content h3 {
	color: #2E1F59;
}

.page-section#blog-intro h1 {
	font-size: 3.2em;
}

.blog-social {
	font-size: 1.4em;
	font-weight: 500;
	margin-top: 4rem;
}


.blog-social, .blog-social a {
	color: #8D8D8D;
}

.blog-social a {
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border: solid 2px;
	border-radius: 50%;
	font-size: 1.2em;
	line-height: 3rem;
}


.card.card-blog-mailing-list {
	border: none;
	border-radius: 20px;
	background: url('../images/bg-blog-mailing-list.png'), linear-gradient(to right bottom, #2E1F59, #8F4899);
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 2rem;
}

.card.card-blog-mailing-list .card-section {
	padding: 4rem;
}

.card.card-blog-mailing-list .card-section h3 {
	color: #FFF!important;
}

.card.card-blog-mailing-list .card-section p {
	font-size: 1.2em;
	font-weight: 500;
}

.card.card-blog-mailing-list .card-section .button {
	background: linear-gradient(to right, #8F4899, #FF671E);
}

.card.card-blog-mailing-list .card-section input {
	position: relative;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-section#homepage-lets-discuss.bg-white {
	background-color: #FFF;
}

.responsive-embed.widescreen {
	overflow: hidden;
	border-radius: 20px;
}

#upcoming-notifications p {
	display: inline;
	margin-bottom: 0;
}

.accolade-container {
	display: inline-block;
	height: 50px;
	overflow: hidden;
	background-color: #FFF;
	border-radius: 10px;
	margin-left: 0.5rem;
	width: 100px;
	position: relative;
}

.accolade-container img {
	width: 90%;
	height: 90%;
	object-fit: contain;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.lazy-load {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.lazy-load.fade-in {
	opacity: 1;
}

.two-column-accordion {
	margin-top: 2rem;
}

.checkbox-wrap {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	margin-bottom: 1em;
}

.checkbox-wrap input[type="checkbox"] {
	margin-top: 0.2em; /* aligns checkbox with first line of text */
	flex-shrink: 0;
}

.checkbox-wrap .check-title {
	margin: 0;
	line-height: 1.4;
}

#main-website-footer .fa-brands {
	font-size: 2.25em;
	margin-top: 1rem;
}

.blog-author-linkedin {
	margin-left: .5rem;
}

.responsive-embed.purple-border {
	border: solid 3px #2E1F59;
}

.contact-form-container .callout.formmessage {
	background-color: rgba(0,0,0,.3);
	color: #FFF;
	width: 100%;
	display: block;
	border-radius: 10px;
	border: none;
}

#blog-category-list p.blog-meta {
	margin-bottom: 0.35rem;
}

/* Slick Slider */
.slick-dots {
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
	list-style: none;
	padding: 0;
}

/* Each dot wrapper */
.slick-dots li {
	margin: 0 6px;
}

/* Remove number/text and style the dot visually */
.slick-dots li button {
	font-size: 0; /* Hides number */
	line-height: 0;
	color: transparent;
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	width: 10px;
	height: 10px;
	position: relative;
}

/* Create a dot using :before */
.slick-dots li button:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #8F4899;
	transition: background-color 0.3s ease;
}

/* Hover and focus states */
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background-color: #2E1F59;
}

/* Active dot */
.slick-dots li.slick-active button:before {
	background-color: #2E1F59;
}

.off-canvas {
	background-color: #2E1F59!important;
	color: #FFF;
}

.off-canvas .menu {
	list-style: none;
	margin: 3rem 0;
	padding: 1rem;
}

.off-canvas .menu li {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}

.off-canvas .menu a {
	color: #FFF;
}

.off-canvas .close-button {
	color: #FFF;
}

/************************ Colours **********************/

.bg-transparent {
	background: transparent;
}

.bg-white {
	background-color: #FFF;
}

.bg-offwhite {
	background-color: #F8F8F8;
}

.bg-lightgrey {
	background-color: #F2F2F2;
}

.bg-lightgrey-white-horizontal-split {
	background: linear-gradient(to bottom, #F2F2F2 50%, #FFFFFF 50%);
}


.bg-darkpurple {
	background-color: #2E1F59;
}

.bg-lightblue {
	background-color: #7AC1E0;
}

.bg-po-gradient {
	background: linear-gradient(to right, #8F4899, #FF671E );
}

.bg-bp-gradient {
	background: linear-gradient(to right, #7AC1E0, #2E1F59 );
}

.bg-pb-gradient {
	background: linear-gradient(to right, #2E1F59, #7AC1E0 );
}

.bg-oy-gradient {
	background: linear-gradient(to right, #FF671E, #FCE200 );
}

.bg-purple-gradient {
	background: linear-gradient(to right bottom, #2E1F59, #8F4899);
}

.bg-po-diagonal-gradient {
	background: linear-gradient(to right bottom, #2E1F59 30%, #FF671E 70% );
}



.bg-sharp-blue-gradient {
	background: linear-gradient(to right bottom, #2E1F59 40%, #7AC1E0 60%);
}

.bg-lightgrey-white-sharp-angle {
	background: linear-gradient(to right bottom, #F2F2F2 70%, #FFFFFF 70%);
}

.bg-midgrey {
	background-color: #707070;
}

.fg-lightpurple {
	color: #8F4899;
}

.fg-darkpurple {
	color: #2E1F59;
}

.fg-orange {
	color: #FF671E;
}

.fg-lightblue {
	color: #7AC1E0;
}

.fg-white {
	color: #FFF;
}

.fg-midgrey {
	color: #707070;
}

.fg-white a {
	color: #FFF;
	text-decoration: underline;
}

.fg-white a:hover {
	text-decoration: none;
}


/************************ End of colours **********************/



/* Small Screens */

@media screen and (max-width: 63.9375em) {

	body {
		font-size: 14px;
	}

	#upcoming-notifications img {
		height: 1.2rem;
	}

	img.logo {
		height: 45px;
	}

	#mobile-nav-opener img {
		height: 2rem
	}

	#homepage-intro {
		background-size: auto 50%;
		background-position: 240% bottom;
	}

	#header-section-slider-wrapper {
		position: relative;
	}

	.card.header-section-slider-item {
		height: 370px;
	}

	h2 {
		font-size: 2em;
	}

	.h1-subtitle, .h2-subtitle {
		font-size: 1.5em;
	}

	#homepage-mid-cta img {
		max-height: 200px;
		margin: -2rem auto 2rem;
		display: block;
	}

	.card.who-we-work-with {
		margin: 0 1rem;
	}

	.card.who-we-work-with .image-container {
		height: 135px;
	}

	.service-container .service-icon-container img {
		width: 75%;
		height: 75%;
	}

	.page-section.pointed-bottom::after {
		--arrow-h: 2rem;
	}

	#team-photo .image-container {
		height: 300px;
	}
	.big-ideas-graphic {
		height: 130px;
	}

	#bg-resources-insights {
		background-size: 500%;
		background-position: top;
	}

	#homepage-insights .button.secondary {
		color: #000
	}

	#homepage-mailing-list .input-group {
		display: block;
	}

	.newsletterform .input-group .button {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		padding: 1rem;
		display: block;
		margin: 1rem auto!important;
		width: 200px;
	}

	.page-section#homepage-lets-discuss::before {
		clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
	}

	#main-website-footer {
		font-size: 1em;
		padding: 1.5rem;
	}

	#subfooter {
		font-size: .9em;
		padding: 1rem;
	}

	.page-section#homepage-intro {
		padding-top: 0;
	}

	.section-title-graphic {
		max-height: 100px;
	}

	.page-section#about-real-expertise .section-title-graphic, .yorkshire-rose {
		max-height: 100px;
	}

	.page-section.angled-flip {
		clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
		-webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
	}

	.pointy {
		clip-path: polygon(0 4rem, 15% 0, 100% 4rem, 100% calc(100% - 4rem), 50% 100%, 0 calc(100% - 4rem));
		-webkit-clip-path: polygon(0 4rem, 15% 0, 100% 4rem, 100% calc(100% - 4rem), 50% 100%, 0 calc(100% - 4rem));
		padding: 4rem 2rem;
	}

	.testimonial-card-photo img {
		position: relative;
		height: auto;
		width: 100%;
	}

	.page-section#about-lets-discuss::before {
		clip-path: polygon(
				0 0, /* Top-left corner */ 100% 10%, /* Top-right corner */ 100% 90%, /* Bottom-right corner */ 0 100% /* Bottom-left corner */
		);
	}

	h2.large-feature {
		font-size: 2em;
	}

	.page-section#about-lets-discuss {
		padding-top: 4rem;
	}

	#wwd-intro, #wwww-intro, #our-work-intro, #clarity-intro, #blog-bg, #case-study-title {
		background-image: none;
	}

	.slanted {
		clip-path: polygon(
				0   0,
				100% 2rem,
				100% 100%,
				0   calc(100% - 2rem)
		);

		padding: 4rem 1rem;
	}

	.slanted-top {
		clip-path: polygon(
				0   0,
				100% 2rem,
				100% 100%,
				0   100%
		);

		padding: 4rem 1rem;
	}

	#wwd-testimonials .testimonial-card-photo img {
		height: auto;
	}

	.testimonial-card.flipped .testimonial-card-content {
		order: 1;
	}

	.testimonial-card.flipped .testimonial-card-photo {
		order: 2;
	}

	.card.who-we-work-with .card-section {
		padding: 1rem 1rem 5rem;
		width: 100%;
	}

	.testimonial-slider-item .testimonial-photo-container {
		margin-bottom: 1rem;
	}

	#candle-digital-accolades {
		text-align: center;
	}

	#candle-digital-accolades .accolade-container {
		margin-left: 0;
		margin-bottom: 0.2rem;
		width: 32%;
	}

	#wwww-pillars img {
		max-height: 250px;
		width: auto;
		margin: auto;
		display: block;
	}

	.angled-stack .angled-stack-left {
		order: 2;
	}

	.angled-stack .angled-stack-right {
		order: 1;
	}
	#wwww-expertise-based-businesses .angled-stack .image-container {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background-color: #FFF;
		overflow: hidden;
		margin-bottom: 2rem;
	}

	#wwww-expertise-based-businesses .angled-stack .image-container img {
		height: 110%;
		width: 110%;
		max-width: inherit;
		object-fit: cover;
	}

	.accordion-part-container .accordion {
		margin-bottom: 0;
	}


	.angled-testimonial {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}


	.angled-testimonial-image {
		margin: 0 auto -6rem auto;
	}


	.angled-testimonial-image .full-height-image {
		width: 75%;
		height: 75%;
		object-fit: contain;
	}

	#bg-case-study-orange {
		background: transparent;
	}

	#case-study-product {
		background: linear-gradient(to right, #8F4899, #FF671E );
	}

	#case-study-discovery {
		margin-top: -7rem;
	}

	#clarity-sessions-container {
		background-image: none;
	}

	.clarity-session-box .align-middle, .clarity-exploration-box .align-middle {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: start;
	}

	#contact-lets-discuss img {
		height: 100px;
		margin: -2rem auto 0;
		display: block;
	}

	.mailing-list-page-form-container .input-group {
		display: block;
	}

	.mailing-list-page-form-container .input-group input {
		border-top-right-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
	}

	.resource-box#resource-mailing-list .image-container {
		position: relative;
		margin: 2rem auto 0;
		border-radius: 50%;
		overflow: hidden;
		background: #322861;
		max-width: 40%;
	}

	#mailing-list-header-section .tab {
		display: none;
	}

	#resource-mailing-list h1 {
		font-size: 2em;
	}

	#get-started-calendly {
		padding-bottom: 10rem;
		margin-bottom: -7rem;
	}

	#blog-posts {
		background: linear-gradient(to right, #2E1F59, #7AC1E0 );
	}

	.page-section#blog-intro h1 {
		font-size: 3em;
		margin-bottom: 1rem;
	}

	.author-details .author-image-container {
		width: 45px;
		height: 45px;
	}

	.author-details {
		justify-content: left;
	}

	#blog-intro {
		padding-bottom: 0
	}

	.card.card-blog-mailing-list {
		background: linear-gradient(to right bottom, #2E1F59, #8F4899);
	}

	.card.card-blog-mailing-list .card-section {
		padding: 2rem;
	}

	.card.card-blog-mailing-list .card-section .input-group {
		display: block;
	}

	.card.card-blog-mailing-list .card-section input {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.client-logo-container {
		height: 70px;
		margin-top: 2rem;
	}

}


@media screen and (min-width: 75em) { /* large breakpoint: 1200px */
	.large-up-10 > .cell {
		width: 10%;
	}

	.large-up-9 > .cell {
		width: 11.1111%; /* 100 ÷ 9 */
	}

}