@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/





html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


body {
	background-color: black;
	display: flex;
	width: 100%;
}

header {
	z-index: 1;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	/* align-self: stretch; */
	background-color: black;
	width: 100%;
}

nav {
	width: 70%;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	nav {
		width: 90%;
		justify-content: center;
	}
}


a {
	text-decoration: none;
}

.globalNav {
	display: flex;
	width: 100%;
	padding: 16px 0px;
	flex-direction: row;
	/* justify-content: center; */
	/* align-items: flex-start; */
	/* flex: 1 0 0; */
	align-self: stretch;
	flex-wrap: wrap;
}

@media screen and (max-width: 1450px) {
	.globalNav {
		width: 100%;
		padding: 8px 0px;
		justify-content: center;
	}
}

nav a:visited,
nav a:link {
	color: #FFF;
	text-decoration: none;
}


li {
	margin-left: 0.5em;
	margin-bottom: 36px;
}

@media screen and (max-width: 367px) {
	li {
		margin-left: 1em;
		margin-bottom: 16px;
	}
}

ol>li {
	margin-left: 1em;
}

.globalNav>li {
	margin-left: 0em;
	margin-bottom: 0px;
}

.navLogo1 {
	list-style: none;
	color: whitesmoke;
	font-family: "League Spartan";
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 1px;
	display: flex;
	flex-wrap: nowrap;
}

@media screen and (max-width: 1450px) {
	.navLogo1 {
		font-size: 20px;
	}
}

.navLogo2>a {
	list-style: none;
	color: #B58BD7 !important;
	font-family: "League Spartan";
	font-size: 36px;
	font-style: normal;
	font-weight: 100;
	line-height: 140%;
	margin-left: 4px;
	letter-spacing: 1px;
}

@media screen and (max-width: 1450px) {
	.navLogo2>a {
		font-size: 20px;
	}
}

.navLogo3 {
	list-style: none;
	color: whitesmoke;
	font-family: "League Spartan";
	font-size: 36px;
	font-style: normal;
	font-weight: 100;
	line-height: 140%;
	margin-left: 4px;
	letter-spacing: 1px;
}

@media screen and (max-width: 1450px) {
	.navLogo3 {
		font-size: 20px;
	}
}


main {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	main {
		padding: 56px 0px 0px 0px;
	}
}


.indexMain {
	width: 100%;
	display: flex;
	padding: 64px 0px 0px 0px;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	.indexMain {
		padding: 56px 0px 0px 0px;
	}
}

@media screen and (max-width: 1450px) {
	.mainAllWork {
		padding: 0px 0px 0px 0px;
	}
}


.CarouselContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	/* height: fit-content; */
	/* margin-bottom: 36px; */
}

/*CARROUSEL FROM CODEPEN*/
/* * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  } */

/* body { font-family: sans-serif; } */

.gallery {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* background: #EEE; */
	width: 100%;
}

.gallery-cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 66%;
	height: 500px;
	/* height: fit-content; */
	margin-right: 10px;
	counter-increment: gallery-cell;
	/* background-color: #8c8; */
	opacity: 0.3;
}

.gallery-cell.is-selected {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 66%;
	height: 500px;
	/* height: fit-content; */
	margin-right: 10px;
	counter-increment: gallery-cell;
	/* background-color: #8c8; */
	opacity: 1;
}

/* cell number */
.gallery-cell:before {
	display: none;
	text-align: center;
	content: counter(gallery-cell);
	line-height: 200px;
	font-size: 80px;
	color: white;
}

.email,
.linkedin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

@media screen and (max-width: 367px) {

	.email,
	.linkedin {
		display: block;
		width: 90%;
		word-wrap: break-word;
		gap: 16px;
		text-align: center;
	}
}

.envelopeIcon,
.linkedinIcon {
	width: 16px;
	padding-bottom: 2px;
}


.ChildPlusProject {
	width: 100%;
	display: flex;
	padding: 56px 0px 0px 0px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	.ChildPlusProject {
		padding: 30px 0px 0px 0px;
		/* width: 96%; */
	}
}

.SpreetailProject {
	width: 100%;
	display: flex;
	padding: 56px 0px 0px 0px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	.SpreetailProject {
		padding: 30px 0px 0px 0px;
		/* width: 96%; */
	}
}

.STGProject {
	width: 100%;
	display: flex;
	padding: 64px 0px 0px 0px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	.STGProject {
		padding: 40px 0px 0px 0px;
		/* width: 96%; */
	}
}

.Headers {
	/* width: 320px; */
	flex-direction: column;
	gap: 32px;
	display: inline-flex;
	width: 100%;
}

@media screen and (max-width: 1450px) {
	.Headers {
		/* width: 96%;  */
		align-items: flex-start;
		justify-content: center;
		padding-top: 26px;
	}
}

.Logo {
	/* width: 320px; */
	flex-direction: column;
	gap: 32px;
	display: inline-flex;
	width: 100%;
}

@media screen and (max-width: 1450px) {
	.Logo {
		/* width: 96%;  */
		align-items: center;
		justify-content: center;
		padding-top: 26px;
	}
}


/* .ProjectTitle{
	align-self: stretch; 
	color: #6445A5; 
	font-size: 36px; 
	font-family: "League Spartan"; 
	font-weight: 400; 
	line-height: auto; 
	word-wrap: break-word
} */

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


.intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	width: 100%;
}


.introText {
	color: whitesmoke;
	width: 70%;
	font-family: "League Spartan";
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 57.6px */
	padding-top: 36px;
	word-wrap: break-word;
}

@media screen and (min-width: 768px) and (max-width: 1450px) {
	.introText {
		font-size: 24px;
		/* padding: 36px 16px; */
	}
}

@media screen and (max-width: 767px) {
	.introText {
		font-size: 28px;
		/* padding: 36px 16px; */
		width: 90%;
	}
}

h2 {
	color: whitesmoke;
	text-align: center;
	font-family: "League Spartan";
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 118%;
}

.linkArrow {
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	display: flex
}

@media screen and (max-width: 1450px) and (min-width: 768px) {
	.linkArrow {
		display: block;
		margin: 0px 4px 0px 0px;
		width: 70%;
	}
}

@media screen and (max-width: 767px) {
	.linkArrow {
		display: block;
		margin: 0px 4px 0px 0px;
		/* width: 90%; */
	}
}

.allCaseStudies {
	display: flex;
	align-items: center;
}

.allCaseStudies>p {
	color: #B58BD7;
	font-size: 20px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 118%;
}

.purpleArrow {
	width: 24px;
	margin: 0px 4px 0px 0px;
}

@media screen and (max-width: 1450px) {
	.purpleArrow {
		display: block;
		margin: 0px 4px 0px 0px;
	}
}

@media screen and (max-width: 1450px) {
	.removeFromMobile {
		display: none;
	}
}

.about {
	display: flex;
	/* padding: 48px 0px; */
	align-items: flex-start;
	justify-content: center;
	/* gap: 80px; */
	/* max-width: 980px; */
	width: 100%
}

/* @media screen and (max-width: 767px) {
	.about{
		display: block;
		padding: 32px 16px 0px 16px;
	}
}	 */

.aboutContainer {
	display: flex;
	padding: 48px 0px;
	align-items: flex-start;
	justify-content: center;
	gap: 36px;
	/* max-width: 980px; */
	width: 70%
}

@media screen and (max-width: 767px) {
	.aboutContainer {
		display: block;
		padding: 32px 16px 0px 16px;
		width: 90%
	}
}

p {
	color: whitesmoke;
	font-family: "League Spartan";
	font-size: 32px;
	font-style: thin;
	font-weight: 100;
	line-height: 140%;
}

@media screen and (max-width: 1450px) {
	p {
		/* width: 100%; */
		font-size: 18px;
	}
}

.aboutText {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.aboutText {
		width: 100%;
		font-size: 18px;
	}
}


.caption {
	/* width: 280px;  */
	color: white;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 70%;
	margin-bottom: 8px;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.caption {
		width: 100%;
	}
}

.ChildPlusCaption {
	/* width: 280px;  */
	color: #6445A5;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 70%;
	margin-bottom: 8px;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.ChildPlusCaption {
		width: 100%;
	}
}

.SpreetailCaption {
	/* width: 280px;  */
	color: #202B42;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 70%;
	margin-bottom: 8px;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.SpreetailCaption {
		width: 100%;
	}
}

.GathrCaption {
	/* width: 280px;  */
	color: #0F4947;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 100%;
	margin-bottom: 8px;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.GathrCaption {
		width: 100%;
	}
}

.STGCaption {
	/* width: 280px;  */
	color: #000000;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 100%;
	margin-bottom: 8px;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.STGCaption {
		width: 100%;
	}
}

#icon {
	height: 104px;
	margin-bottom: 0px;
}

#center {
	align-items: center;
}

#centertext {
	justify-content: center;
	width: 100%;
	height: 40px;
}

.aboutPhotoCircle {
	width: 100%;
	max-width: 220px;
	/* padding: 8px 0px; */
	/* height: 100%; */
	object-fit: fill;
}

@media screen and (max-width: 767px) {
	.aboutPhotoCircle {
		justify-content: center;
		width: 90%;
		max-width: 200px;
		padding: 24px 16px;
	}
}

.aboutPhotoContainer {
	height: 100%;
	/* width: 30%; */
	object-fit: contain;
}

@media screen and (max-width: 767px) {
	.aboutPhotoContainer {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
}

.HeaderLogo {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 233px;
	/* height: 90px; */
	width: 100%;
	margin-bottom: 16px;
}

@media screen and (max-width: 367px) {
	.HeaderLogo {
		width: 90%;
		justify-content: flex-start;
	}
}

.SpreetailProject>.WhiteBackgroundTextOnly>.sectionContents>.summaryIndividual>.HeaderLogo,
.STGProject>.AltBackgroundTextOnly>.sectionContents>.summaryIndividual>.HeaderLogo {
	height: fit-content;
	width: 100%;
	max-width: 100%;
	justify-content: center;
	padding-top: 36px;
}

.contact {
	display: flex;
	padding: 36px 0px;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	gap: 8px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.contact {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 48px 0px;
		gap: 16px;
	}
}

.ViewWorkButton {
	display: flex;
	padding: 36px 0px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

@media screen and (max-width: 367px) {
	.ViewWorkButton {
		padding: 36px 0px;
		width: 90%;
		text-align: center;
	}
}

.ViewWorkButton>a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

@media screen and (max-width: 367px) {
	.ViewWorkButton>a {
		width: 90%;
	}
}


.lockIcon {
	width: 24px;
	height: 24px;
}

@media screen and (max-width: 200px) {
	.lockIcon {
		display: none;
	}
}

/* .images{
	width:100%;
} */
/* @media screen and (min-width: 768px) and (max-width: 1450px) {
	.images{
		width: 70%; 
	}
} */

.CaseStudyImages {
	width: 100%;
}

/* @media screen and (min-width: 768px) and (max-width: 1450px) {
	.CaseStudyImages{
		width: 70%; 
	}
} */

.imageLayout {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2.24px;
	display: flex
}

@media screen and (max-width: 1450px) {
	.imageLayout {
		align-items: center;
	}
}

.SpreetailProject>.WhiteBackgroundTextOnly>.sectionContents>.summaryIndividual>.imageLayout {
	align-items: center;
}


.CaseStudyImageLayout {
	width: 100%;
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 2.24px;
	display: flex
}

/* @media screen and (max-width: 1450px) {
	.CaseStudyImageLayout{
		align-items: flex-start; 
	}
} */

.summary {
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
}

@media screen and (max-width: 1450px) {
	.summary {
		align-items: center;
	}
}

.summaryCarouselLeft {
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	padding: 0px 0px 8px 16px;
}

@media screen and (max-width: 1450px) {
	.summaryCarouselLeft {
		width: 100%;
		align-items: center;
		padding: 16px 4px 0px 4px;
	}
}

.summaryCarouselRight {
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	padding: 0px 8px 0px 0px;
}

@media screen and (max-width: 1450px) {
	.summaryCarouselRight {
		width: 100%;
		align-items: center;
		padding: 16px 4px 0px 4px;
	}
}

.summaryIndividual {

	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	/* padding-left: 24px; */
}

@media screen and (max-width: 1450px) {
	.summaryIndividual {
		/* align-items: center;  */
		padding-left: 0px;
		width: 100%
	}
}

.summaryIndividual1 {
	width: 50%;
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	/* padding-left: 24px; */
}

@media screen and (max-width: 1450px) {
	.summaryIndividual1 {
		/* align-items: center;  */
		padding-left: 0px;
		width: 100%
	}
}

.summaryIndividual2 {
	width: 50%;
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	padding-left: 24px;
}

@media screen and (max-width: 1450px) {
	.summaryIndividual2 {
		align-items: flex-start;
		padding-left: 0px;
		width: 100%;
	}
}

.PersonaDesktop {
	width: 70%;
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	/* padding-left: 24px; */
}

@media screen and (max-width: 767px) {
	.PersonaDesktop {
		width: 100%;
	}
}

.PersonaMobile {
	display: flex;
	align-self: stretch;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	padding-left: 24px;
}

@media screen and (max-width: 767px) {
	.PersonaMobile {
		/* align-items: center;  */
		padding-left: 0px;
		width: 90%;
	}
}

@media screen and (min-width: 768px) {
	.PersonaMobile {
		display: none;
	}
}

.h1 {
	color: whitesmoke;
	font-size: 48px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 118%;
}

@media screen and (max-width: 768px) {
	.h1 {
		font-size: 24px;
	}
}

@media screen and (max-width: 768px) {

	.summaryCarouselRight>.h1,
	.summaryCarouselLeft>.h1 {
		font-size: 24px;
		text-align: center;
	}
}

.childPlus>.summary>.h1 {
	color: #6445A5;
}

.sifJakobs>.summary>.h1 {
	color: #000;
}

.sifJakobs>.summaryCarouselLeft>.h1 {
	color: #000;
}


.paragraph {
	/* width: 280px;  */
	color: white;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.paragraph {
		width: 100%;
	}
}

.ChildPlusParagraph {
	/* width: 280px;  */
	color: #6445A5;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.ChildPlusParagraph {
		width: 100%;
	}
}

.SpreetailParagraph {
	/* width: 280px;  */
	color: #202B42;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.SpreetailParagraph {
		width: 100%;
	}
}

.STGParagraph {
	/* width: 280px;  */
	color: #000000;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width:1450px) {
	.STGParagraph {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.STGParagraph {
		width: 100%;
	}
}

.GathrParagraph {
	/* width: 280px;  */
	color: #0F4947;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.GathrParagraph {
		width: 100%;
	}
}

.SifJakobsParagraph {
	/* width: 280px;  */
	color: #000;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.SifJakobsParagraph {
		width: 100%;
	}
}

.paragraphCarousel {
	/* width: 280px;  */
	color: white;
	font-size: 18px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.paragraphCarousel {
		width: 100%;
		text-align: center;
	}
}

.paragraphCarouselSifJakobs {
	/* width: 280px;  */
	color: black;
	font-size: 18px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.paragraphCarouselSifJakobs {
		width: 100%;
		text-align: center;
	}
}

.paragraph2Column {
	/* width: 400px;  */
	color: white;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
	width: 100%;
}

@media screen and (max-width: 767px) {
	.paragraph2Column {
		width: 100%;
	}
}

.ChildPlusParagraph2Column {
	/* width: 400px;  */
	color: #6445A5;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.ChildPlusParagraph2Column {
		width: 100%;
	}
}

.SpreetailParagraph2Column {
	/* width: 400px;  */
	color: #202B42;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	word-wrap: break-word;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.SpreetailParagraph2Column {
		width: 100%;
	}
}

/* .AltBackgroundTextOnly > .paragraph{
	width: 90%;
	padding: 0px 24px; 
} */


.buttonAllWork {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: white;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	display: flex;
	/* text-decoration: none; */
}

@media screen and (max-width: 367px) {
	.buttonAllWork {
		object-fit: fill;
	}
}


.ViewWorkButton>a>.buttonAllWork {
	background: #B58BD7;
}

.childPlus>.summary>.buttonAllWork {
	background: #6445A5;
}

.stg>.summary>.buttonAllWork {
	background: #84cbff;
}

.sifJakobs>.summary>.buttonAllWork {
	background: #000;
}

.buttonAllWork:hover {
	cursor: pointer;
}

.buttonLayout {
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 8px
}

@media screen and (max-width: 216px) {
	.buttonLayout {
		width: 100%;
		flex-direction: column-reverse;
	}
}



.buttonLabel {
	color: black;
	font-size: 18px;
	font-family: "League Spartan";
	font-weight: 400;
	letter-spacing: 0.72px;
	word-wrap: break-word;
	align-items: flex-start;
	display: flex;
	line-height: 160%;
	padding-top: 4px;
}

.buttonCarousel {
	padding-top: 4px;
	padding-bottom: 4px;
	display: flex;
	/* text-decoration: none; */
}

.buttonCarousel>.buttonLayout>.buttonLabel {
	color: whitesmoke;
	text-decoration: underline;
	word-wrap: none;
}

.buttonLabelSifJakobsCarousel {
	font-size: 18px;
	font-family: "League Spartan";
	font-weight: 400;
	letter-spacing: 0.72px;
	word-wrap: break-word;
	align-items: flex-start;
	display: flex;
	line-height: 160%;
	padding-top: 4px;
	color: black;
	text-decoration: underline;
	word-wrap: none;
}

.ViewWorkButton>a>.buttonAllWork>.buttonLayout>.buttonLabel {
	font-size: 24px;
}

.childPlus>.summary>.buttonAllWork>.buttonLayout>.buttonLabel {
	color: white;
}

.sifJakobs>.summary>.buttonAllWork>.buttonLayout>.buttonLabel {
	color: white;
}

.childPlus {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: -153px;
	align-self: stretch;
	background: white;
	padding: 56px 0px 0px 0px;
}

@media screen and (max-width: 1450px) {
	.childPlus {
		/* display: block; */
		padding: 16px 0px 0px 0px;
		flex-wrap: wrap-reverse;
	}
}

@media screen and (min-width:307px) and (max-width: 767px) {
	.childPlus {
		/* display: block; */
		padding: 18px 0px 8px 0px;
	}
}

@media screen and (max-width: 306px) {
	.childPlus {
		/* display: block; */
		padding: 56px 0px 8px 0px;
	}
}

.projectIntroChildPlus>.childPlus {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroChildPlus>.childPlus {
		width: 90%;
	}
}

.projectIntroChildPlus {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: -153px;
	align-self: stretch;
	background: white;
	padding: 76px 0px 32px 0px;
}

@media screen and (max-width: 1450px) {
	.projectIntroChildPlus {
		/* display: block; */
		/* padding: 0px 0px 32px 0px; */
		flex-wrap: wrap-reverse;
		padding: 40px 0px;
	}
}


.DesktopPersonas {
	width: 100%;
	display: flex;
	/* flex-wrap: nowrap; */
	height: fit-content;
	/* justify-content: center; */
	align-items: center;
	/* gap: -153px; */
	flex-direction: column;
	/* align-self: stretch; */
	/* background: white; */
	padding: 36px 0px;
}

@media screen and (max-width: 767px) {
	.DesktopPersonas {
		display: none;
	}
}

.GathrPersonas {
	width: 100%;
	display: flex;
	/* flex-wrap: nowrap; */
	height: fit-content;
	/* justify-content: center; */
	align-items: center;
	/* gap: -153px; */
	flex-direction: column;
	/* align-self: stretch; */
	/* background: white; */
	padding: 36px 0px;
}

@media screen and (max-width: 767px) {
	.GathrPersonas {
		width: 90%;
	}
}

.DesktopPersonasSection {
	width: 100%;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}



.sectionContents {
	width: 70%;
	flex-wrap: nowrap;
	display: flex;
	height: fit-content;
	/* justify-content: center; */
	align-items: center;
	gap: -153px;
	align-self: stretch;
	padding: 48px 0px;
}

@media screen and (max-width: 1450px) {
	.sectionContents {
		/* display: block; */
		/* padding: 0px 0px 32px 0px; */
		flex-wrap: wrap-reverse;
	}
}

@media screen and (max-width: 767px) {
	.sectionContents {
		width: 90%;
	}
}

.IntroSectionContents {
	width: 70%;
	flex-wrap: nowrap;
	display: flex;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: -153px;
	align-self: stretch;
	padding: 56px 0px 0px 0px;
}

@media screen and (max-width: 1450px) {
	.IntroSectionContents {
		flex-wrap: wrap-reverse;
		padding: 0px 0px 48px 0px;
	}
}

@media screen and (max-width: 767px) {
	.IntrosectionContents {
		width: 90%;
	}
}

@media screen and (max-width: 367px) {
	.IntroSectionContents {
		padding: 36px 0px 48px 0px;
	}
}

.GathrProject>.WhiteBackgroundTextOnly>.IntroSectionContents>.CaseStudyImageLayout>.CaseStudyImage {
	margin-bottom: 0px;
}

.GathrProject>.WhiteBackgroundTextOnly>.IntroSectionContents {
	padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 1450px) {
	.GathrProject>.WhiteBackgroundTextOnly>.IntroSectionContents {
		padding: 0px 0px 48px 0px;
	}
}

/* .STGProject > .AltBackgroundTextOnly > .sectionContents > .summaryIndividual > .HeaderLogo{
	background: linear-gradient(180deg, #002896 0%, #011343 100%);
} */
.stglogo {
	width: 174px;
}

.sifJakobslogo {
	width: 350px;
}

@media screen and (max-width:1450px) {
	.sifJakobslogo {
		width: 100%;
	}
}

#sixty {
	width: 60%;
}

@media screen and (max-width:1450px) {
	#sixty {
		width: 100%;
	}
}

#forty {
	width: 40%;
}

@media screen and (max-width:1450px) {
	#forty {
		width: 100%;
	}
}

#nopadding {
	margin-bottom: 0px;
	width: 100%;
}

@media screen and (max-width:1450px) {
	#nopadding {
		margin-bottom: 48px;
	}
}




.IntroSectionContents>.summaryIndividual {
	width: 100%;
}

/* #Ruby{
	display: ruby;
} */


.GathrProject>.WhiteBackgroundTextOnly>.sectionContents>.summaryIndividual {
	width: 100%;
}




.MobilePersonasSection {
	width: 70%;
	flex-wrap: nowrap;
	display: flex;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: -153px;
	align-self: stretch;
	background-color: #6445A5;
}

@media screen and (max-width: 767px) {
	.MobilePersonasSection {
		/* display: block; */
		padding: 0px 0px 32px 0px;
		flex-wrap: wrap-reverse;
		width: 100%;
	}
}

.SpreetailProject>.MobilePersonasSection {
	background-color: #202B42;
}

.sectionContentsSideBySide {
	width: 70%;
	flex-wrap: nowrap;
	display: flex;
	flex-direction: row;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: 48px;
	align-self: stretch;
	padding: 48px 0px;
}

@media screen and (max-width: 767px) {
	.sectionContentsSideBySide {
		display: block;
		flex-wrap: wrap;
		width: 90%;
	}
}

.usergroups {
	width: 70%;
	flex-wrap: nowrap;
	display: flex;
	flex-direction: row;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: 48px;
	align-self: stretch;
	padding: 48px 0px;
}

@media screen and (max-width: 967px) {
	.usergroups {
		display: block;
		flex-wrap: wrap;
		width: 90%;
	}
}

@media screen and (max-width: 967px) {
	.usergroups>.summaryIndividual1 {
		margin-bottom: 48px;
	}
}

.GathrProject>.AltBackgroundTextOnly>.sectionContentsSideBySide {
	padding: 0px 0px 48px 0px;
}

/* .GathrProject > .PopBackgroundTextOnly > .sectionContentsSideBySide{
	padding: 0px 0px 48px 0px;
} */

.AltBackgroundTextOnly>.sectionContents {
	width: 70%;
	flex-direction: column;
	gap: 0px;
	align-items: center;
	height: fit-content;
	/* padding: 48px 0px; */
}

@media screen and (max-width: 767px) {
	.AltBackgroundTextOnly>.sectionContents {
		width: 90%;
	}
}



.AltBackgroundTextOnly>.sectionContents>.summaryIndividual {

	align-items: center;
}

.AltBackgroundTextOnly>.sectionContents>.summaryIndividual>.paragraph {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.AltBackgroundTextOnly>.sectionContents>.summaryIndividual>.paragraph {
		width: 100%;
	}
}

/* .WhiteBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual1 > .Subheader{
	color: #6445A5;
} */
/* .WhiteBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual1 > .paragraph2Column{
	color: #6445A5;
	width: 100%;
}
.WhiteBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual2 > .paragraph2Column{
	width: 100%;
} */


.WhiteBackgroundTextOnly {
	width: 100%;
	height: fit-content;
	display: flex;
	/* flex-direction: column;  */
	justify-content: center;
	align-items: center;
	align-self: stretch;
	background-color: white;
}


.AltBackgroundTextOnly {
	width: 100%;
	height: fit-content;
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	align-items: center;
	align-self: stretch;
	background: #6445A5;
}

.SpreetailProject>.AltBackgroundTextOnly {
	background: #202B42;
}

.GathrProject>.AltBackgroundTextOnly {
	background: #0F4947;
}

.STGProject>.AltBackgroundTextOnly {
	background: linear-gradient(180deg, #002896 0%, #011343 100%);
}

.SifJakobsProject>.AltBackgroundTextOnly {
	background: #000000;
}

.FAHMProject>.AltBackgroundTextOnly {
	background: #202B42;
}


.PopBackgroundTextOnly {
	width: 100%;
	height: fit-content;
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	align-items: center;
	align-self: stretch;
	background: #09CCA9;
}

.GathrProject>.PopBackgroundTextOnly {
	background-color: #E8EEEF;
}

.STGProject>.PopBackgroundTextOnly {
	background: #DFEAF0;
}

.SifJakobsProject>.PopBackgroundTextOnly {
	background: #ebebeb;
}

#DisplayBlock {
	display: block;
}

#FullWidth {
	width: 100%;
	align-items: flex-start;
}

#MaxWidth {
	max-width: 1430px;
}

.AltBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual {
	justify-content: flex-start;
}


@media screen and (max-width: 767px) {
	.AltBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual>.paragraph2Column {
		width: 70%;
	}
}


.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual {
	color: #6445A5;
	justify-content: flex-start;

}

/* .WhiteBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual > .Subheader{
	color: #6445A5;
	
} */

.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual>.paragraph2Column {
	color: #6445A5;
	/* max-width: 830px; */

}

@media screen and (max-width: 767px) {
	.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual>.paragraph2Column {
		width: 70%;
	}
}

/* .AltBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual2 {
	justify-content: flex-start;
} */

@media screen and (max-width: 767px) {
	.AltBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2 {
		width: 100%;
		margin-top: 48px;
	}
}


@media screen and (max-width: 767px) {
	.AltBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2>.paragraph2Column {
		width: 100%;
	}
}


.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2 {
	color: #6445A5;
	justify-content: flex-start;
}

@media screen and (max-width: 767px) {
	.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2 {
		width: 100%;
		margin-top: 48px;
	}
}

/* .WhiteBackgroundTextOnly > .sectionContentsSideBySide > .summaryIndividual2 > .Subheader{
	color: #6445A5;
	
} */

.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2>.paragraph2Column {
	color: #6445A5;

	/* max-width: 830px; */

}

@media screen and (max-width: 767px) {
	.WhiteBackgroundTextOnly>.sectionContentsSideBySide>.summaryIndividual2>.paragraph2Column {
		width: 100%;
	}
}


.Subheader {
	color: whitesmoke;
	font-size: 36px;
	font-family: "League Spartan";
	font-weight: 400;
	line-height: 43.20px;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	/*max-width: 830px;*/
	width: 100%;
	padding: 16px 0px;
}

@media screen and (max-width: 767px) {
	.Subheader {
		width: 100%;
	}
}

.ChildPlusSubheader {
	color: #6445A5;
	font-size: 36px;
	font-family: "League Spartan";
	font-weight: 400;
	line-height: 43.20px;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	/*max-width: 830px;*/
	width: 100%;
	padding: 16px 0px;
}

@media screen and (max-width: 767px) {
	.ChildPlusSubheader {
		width: 100%;
	}
}

#PersonaSubheader {
	width: 70%;
}

.SpreetailSubheader {
	color: #202B42;
	font-size: 36px;
	font-family: "League Spartan";
	font-weight: 400;
	line-height: 43.20px;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	/*max-width: 830px;*/
	width: 100%;
	padding: 16px 0px;
}

@media screen and (max-width: 767px) {
	.SpreetailSubheader {
		width: 100%;
	}
}

.GathrSubheader {
	color: #0F4947;
	font-size: 36px;
	font-family: "League Spartan";
	font-weight: 400;
	line-height: 43.20px;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	/*max-width: 830px;*/
	width: 70%;
	padding: 16px 0px;
}

@media screen and (max-width: 767px) {
	.GathrSubheader {
		width: 100%;
	}
}

.STGSubheader {
	color: #000000;
	font-size: 36px;
	font-family: "League Spartan";
	font-weight: 400;
	line-height: 43.20px;
	word-wrap: break-word;
	display: flex;
	align-items: center;
	/*max-width: 830px;*/
	width: 70%;
	padding: 16px 0px;
}

@media screen and (max-width:1450px) {
	.STGSubheader {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.STGSubheader {
		width: 100%;
	}
}

/* .childPlusDesktopPersonas > .Subheader{
	color:#6445A5;
	width:70%;
} */

/* .childPlus > .sectionContents > .summaryIndividual{
	width: 70%;
}
@media screen and (max-width: 767px) {
	.childPlus > .sectionContents > .summaryIndividual{
		width: 100%; 
	}
} */


.Image {
	/* min-width: 400px; */
	max-width: 800px;
	width: 100%;
}

@media screen and (max-width: 1450px) {
	.Image {
		width: 80%;
	}
}


.CaseStudyImage {
	/* min-width: 400px; */
	/* max-width: 800px;  */
	width: 70%;
	margin-bottom: 48px;
}

@media screen and (max-width: 1450px) {
	.CaseStudyImage {
		width: 100%;
		max-width: 600px;
	}
}

.CaseStudyVideo {
	/* min-width: 400px; */
	/* max-width: 800px;  */
	width: 70%;
	margin-bottom: 48px;
	background-color: #FFF !important;
}

@media screen and (max-width: 1450px) {
	.CaseStudyVideo {
		width: 100%;
	}
}

/* .childPlusDesktopPersonas > .sectionContents > .PersonaDesktop > .Subheader {
	color: #6445A5;
} */


.personaPhoto {
	width: 280px;
	/* height: 457px; */
}


@media screen and (max-width: 1449px) {
	.personaPhoto {
		display: none;
	}
}


.photo {
	width: 280px;
	/* height: 457px; */
}

@media screen and (max-width: 767px) {
	.photo {
		justify-content: center;
		width: 70%;
		max-width: 100px;
		padding: 24px 0px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
	.photo {
		/* justify-content: center; */
		width: 160px;
		padding: 0px 0px;
	}
}

@media screen and (min-width: 1450px) {
	.photo {
		display: none;
	}
}

@media screen and (max-width: 1449px) {
	.photoContainer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
	.photoContainer {
		flex-direction: row;
		width: fit-content;
		justify-content: center;
	}
}

.card {
	width: 100%;
	flex-wrap: nowrap;
	display: flex;
	height: fit-content;
	justify-content: center;
	align-items: center;
	gap: -153px;
	/* align-self: stretch; */
	padding-top: 16px;
}

.Personas {
	width: 100%;
	max-width: 1430px;
	height: fit-content;
	background: #6445A5;
	border-radius: 42px;
	overflow: hidden
}

@media screen and (max-width: 767px) {
	.Personas {
		border-radius: 0px;
	}
}

.SpreetailProject>.DesktopPersonasSection>.DesktopPersonas>.card>.PersonaDesktop>.Personas {
	background-color: #202B42;
}

.SpreetailProject>.MobilePersonasSection>.PersonaMobile>.Personas {
	background-color: #202B42;
}

.PersonaLayout {
	justify-content: flex-start;
	align-items: flex-start;
	display: inline-flex;
	height: 100%
}

@media screen and (max-width: 1450px) {
	.PersonaLayout {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}
}

.PersonaLayout2 {
	justify-content: flex-start;
	align-items: flex-start;
	display: inline-flex;
	height: 100%;
	flex-wrap: nowrap;
}

/* @media screen and (max-width: 1450px) {
	.PersonaLayout2{
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}
} */
@media screen and (min-width: 768px) and (max-width: 1449px) {
	.PersonaLayout2 {

		width: 100%;
		align-items: flex-start;
		flex-wrap: wrap-reverse;
	}
}

.PersonaLeftSide {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 70px;
	display: inline-flex;
	height: 100%
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
	.PersonaLeftSide {
		gap: 16px;
		flex-direction: row;
		justify-content: center;
		padding: 44px 44px 0px 44px;
		height: fit-content;
	}
}

@media screen and (max-width: 767px) {
	.PersonaLeftSide {
		gap: 0px;
		/* width: 90%; */
		margin-bottom: 24px;
	}
}


.TextWithGradient {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 9, 17, 0) 0%, rgba(46.56, 33.47, 74.37, 0.50) 100%);
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px;
	display: flex
}

@media screen and (max-width: 1450px) {
	.TextWithGradient {
		width: 100%;
		background: #6445A5;
		padding: 0px;
		/* height: fit-content; */
	}
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
	.TextWithGradient {
		justify-content: center;
		height: fit-content;
	}
}

.TextWithGradientSpreetail {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 9, 17, 0) 0%, rgba(0, 9, 17, 0.7) 50.16%);
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px;
	display: flex
}

@media screen and (max-width: 1450px) {
	.TextWithGradientSpreetail {
		width: 100%;
		background: #202B42;
		padding: 0px;
		/* height: fit-content; */
	}
}

@media screen and (min-width: 768px) and (max-width: 1449px) {
	.TextWithGradientSpreetail {
		justify-content: center;
		height: fit-content;
	}
}

.Name {
	align-self: stretch;
	color: white;
	font-size: 48px;
	font-family: "League Spartan", sans-serif;
	font-weight: 100;
	word-wrap: break-word;
	padding-left: 32px;
}

@media screen and (max-width: 767px) {
	.Name {
		padding-left: 0px;
	}
}

.Job {
	align-self: stretch;
	height: 46px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
	display: flex
}

@media screen and (max-width: 767px) {
	.Job {
		padding-left: 0px;
		height: fit-content;
	}
}

.Property {
	width: 100%;
	color: white;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 0.04px;
	word-wrap: break-word;
	padding-left: 32px
}

@media screen and (max-width: 767px) {
	.Property {
		padding-left: 0px;
	}
}

.Value {
	width: 100%;
	color: white;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 200;
	word-wrap: break-word;
	padding-left: 32px
}

@media screen and (max-width: 767px) {
	.Value {
		padding-left: 0px;
	}
}

.PersonaRightSide {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 48px;
	display: flex;
	padding: 44px
}

@media screen and (max-width: 767px) {
	.PersonaRightSide {
		padding: 32px 0px;
		align-items: center;
		/* width: 90%; */
	}
}

.Demographics {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 8px
		/* flex-wrap: nowrap */
}

@media screen and (max-width: 1449px) {
	.Demographics {
		height: fit-content;

	}
}

.DemographicsSections {
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	line-height: 22px;
	gap: 48px
}

@media screen and (max-width: 1449px) {
	.DemographicsSections {
		flex-wrap: wrap;
		gap: 8px
	}
}


.DemographicInfo {
	width: 100%;
	gap: 8px;
	display: inline-flex;
}

@media screen and (max-width: 267px) {
	.DemographicInfo {
		flex-wrap: wrap;
	}
}


.DemographicsProperty {
	width: auto;
	color: #FBFBFB;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 600;
	line-height: 140%;
	word-wrap: break-word
}

.DemographicsValue {
	width: auto;
	color: #FBFBFB;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 200;
	line-height: 140%;
	word-wrap: break-word
}

.OneColumnSection {
	display: flex;
	flex-direction: column;
	height: fit-content;
	gap: 4px;
}

.DemographicsHeading {
	color: #FBFBFB;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 500;
	line-height: 140%;
	word-wrap: break-word;
	padding: 8px 0px;
}

.DemographicsText {
	align-self: stretch;
	color: #FBFBFB;
	font-size: 24px;
	font-family: "League Spartan";
	font-weight: 200;
	line-height: 140%;
	word-wrap: break-word;
}

.DemographicsLists {
	display: inline-flex;
	gap: 48px;
	line-height: 140%;
}

@media screen and (max-width: 1449px) {
	.DemographicsLists {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}


.DemographicsInlineSection {
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 4px;
	display: inline-flex
}

.Spreetail {
	width: 100%;
	display: flex;
	background: #202B42;
	padding: 16px 0px;
	justify-content: center;
	align-items: center;
	gap: -29px;
	align-self: stretch;
}

@media screen and (max-width: 1450px) {
	.Spreetail {
		display: block;
		padding: 0px 0px 32px 0px;
		height: fit-content;
	}
}

@media screen and (max-width: 767px) {
	.Spreetail {
		/* display: block; */
		padding: 16px 0px 56px 0px;
	}
}


.projectIntroSpreetail>.Spreetail {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroSpreetail>.Spreetail {
		width: 90%;
	}
}

.projectIntroSpreetail {
	width: 100%;
	display: flex;
	background: #202B42;
	padding: 16px 0px;
	justify-content: center;
	align-items: center;
	gap: -29px;
	align-self: stretch;
}

.spreetailImage {
	width: 800px;
	padding: 24px;
}

@media screen and (max-width: 1450px) {
	.spreetailImage {
		width: 80%;
	}
}

.gathr {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	height: fit-content;
	background: linear-gradient(180deg, #0F4947 0%, black 100%);
	justify-content: center;
	align-items: center;
	/* gap: -153px;
align-self: stretch; */
}

@media screen and (max-width: 1450px) {
	.gathr {
		display: flex;
		padding: 0px 0px 32px 0px;
		height: fit-content;
		flex-wrap: wrap-reverse;
	}
}

@media screen and (max-width: 767px) {
	.gathr {
		/* display: block; */
		padding: 0px 0px 56px 0px;
	}
}

.gathrCarousel {
	display: inline-flex;
	flex-wrap: nowrap;
	/* width: 100%;  */
	height: 100%;
	background: linear-gradient(180deg, #0F4947 0%, black 100%);
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
	/* gap: -153px;
align-self: stretch; */
}

@media screen and (max-width: 1450px) {
	.gathrCarousel {
		display: flex;
		padding: 0px 0px 32px 0px;
		height: 90%;
		flex-wrap: wrap-reverse;
	}
}

@media screen and (max-width: 767px) {
	.gathrCarousel {
		/* display: block; */
		padding: 0px 0px 56px 0px;
		height: 350px;
	}
}

.CarouselIntroGathr {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	/* object-fit: fill; */
	height: 100%;
	background: linear-gradient(180deg, #0F4947 0%, black 100%);
	justify-content: center;
	align-items: flex-start;
}

.CarouselIntroGathr>.gathrCarousel {
	width: fit-content;
}

@media screen and (max-width: 367px) {
	.CarouselIntroGathr>.gathrCarousel {
		height: 350px;
	}
}



.projectIntroGathr {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	height: fit-content;
	background: linear-gradient(180deg, #0F4947 0%, black 100%);
	justify-content: center;
	align-items: center;
}

.projectIntroGathr>.gathr {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroGathr>.gathr {
		width: 90%;
	}
}

.CarouselIntroGathr>.gathrCarousel {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.CarouselIntroGathr>.gathrCarousel {
		width: 100%;
		height: 100%;
	}
}

.gathrImage {
	width: 800px;
	/* height: fit-content; */
}

@media screen and (max-width: 1450px) {
	.gathrImage {
		width: 90%;
		margin-bottom: 16px;
	}
}

.gathrImageCarousel {
	height: 100%;
	/* height: fit-content; */
}

@media screen and (max-width: 1450px) {
	.gathrImageCarousel {
		/* width: 90%; */
		margin-bottom: 16px;
	}
}


.imageLayoutCarousel {
	/* align-self: stretch;  */
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2.24px;
	display: flex;
	height: 100%;
}

@media screen and (max-width: 1450px) {
	.imageLayoutCarousel {
		align-items: center;
		height: 90%;
	}
}

.projectIntroStg {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #002896 0%, black 100%);
	justify-content: center;
	align-items: center;
	display: flex
}

.CarouselIntroStg {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	/* object-fit: fill; */
	height: 100%;
	background: linear-gradient(180deg, #002896 0%, black 100%);
	justify-content: center;
	align-items: center;
}

.CarouselIntroStg>.stg {
	width: fit-content;
}

.stg {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #002896 0%, black 100%);
	justify-content: center;
	align-items: center;
	display: flex
}

@media screen and (max-width: 1450px) {
	.stg {
		display: block;
		padding: 0px 0px 32px 0px;
		height: fit-content;
	}
}

@media screen and (max-width: 767px) {
	.stg {
		/* display: block; */
		padding: 16px 0px 56px 0px;
	}
}

.projectIntroStg>.stg {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroStg>.stg {
		width: 90%;
	}
}

.stgImage {
	width: 800px;
}

@media screen and (max-width: 1450px) {
	.stgImage {
		width: 90%;
	}
}

.stgImageCarousel {
	width: 700px;
	/* height: fit-content; */
}

@media screen and (min-width: 768px) and (max-width: 1450px) {
	.stgImageCarousel {
		width: 398px;
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 767px) {
	.stgImageCarousel {
		width: 90%;
		margin-bottom: 16px;
	}
}


.sifJakobs {
	display: flex;
	width: 100%;
	height: 100%;
	background: white;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1450px) {
	.sifJakobs {
		flex-wrap: wrap-reverse;
		padding: 0px 0px 32px 0px;
		height: fit-content;
	}
}

@media screen and (max-width: 767px) {
	.sifJakobs {
		/* display: block; */
		padding: 16px 0px 56px 0px;
	}
}

.projectIntroSifJakobs {
	display: flex;
	width: 100%;
	height: 100%;
	background: white;
	justify-content: center;
	align-items: center;
}

.projectIntroSifJakobs>.sifJakobs {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroSifJakobs>.sifJakobs {
		width: 90%;
	}
}


.CarouselIntroSifJakobs {
	display: inline-flex;
	flex-wrap: nowrap;
	width: 100%;
	/* object-fit: fill; */
	height: 100%;
	background: white;
	justify-content: center;
	align-items: center;
}

.CarouselIntroSifJakobs>.sifJakobs {
	width: fit-content;
}



.sifJakobsImage {
	width: 800px;
}

@media screen and (max-width: 1450px) {
	.sifJakobsImage {
		width: 90%;
	}
}

.sifJakobsImageCarousel {
	width: 700px;
	/* height: fit-content; */
}

@media screen and (min-width: 768px) and (max-width: 1450px) {
	.sifJakobsImageCarousel {
		width: 398px;
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 767px) {
	.sifJakobsImageCarousel {
		width: 90%;
		margin-bottom: 16px;
	}
}


.fahm {
	width: 100%;
	height: 100%;
	background: black;
	justify-content: center;
	align-items: center;
	display: flex
}

@media screen and (max-width: 1450px) {
	.fahm {
		display: block;
		padding: 0px 0px 32px 0px;
		height: fit-content;
	}
}

@media screen and (max-width: 767px) {
	.fahm {
		/* display: block; */
		padding: 16px 0px 56px 0px;
	}
}

.projectIntroFahm {
	width: 100%;
	height: 100%;
	background: black;
	justify-content: center;
	align-items: center;
	display: flex
}

.projectIntroFahm>.fahm {
	width: 70%;
}

@media screen and (max-width: 367px) {
	.projectIntroFahm>.fahm {
		width: 90%;
	}
}

.fahmImage {
	width: 800px;
}

@media screen and (max-width: 1450px) {
	.fahmImage {
		width: 90%;
	}
}