:root {
	--blue: #006394;
	--green: #00a94f;
	--lightblue: #66cccc;
	--orange: #ff8300;
	--purple: #9d27b4;
	--yellow: #cbcb30;
	--blue2: #99ddff;
	--green2: #5cf2a2;
	--lightblue2: #abffff;
	--orange2: #ffd6ab;
	--purple2: #f2adff;
	--yellow2: #f2f2a2;
	--pink: #f15d57;
	--pink2: #ffa09c;
	--bodytext: 400 1em "Lato", sans-serif;
	--headline: 900 1.5em "Lato", sans-serif;
	--subheadline: 700 1.25em "Lato", sans-serif;
	--subsubheadline: 700 1em "Lato", sans-serif;
	--quotefont: 400 1.2em "Baskerville", serif;
}
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
html, body {
  overflow-x: hidden; /* Prevent horizontal scroll */
}

* {
  box-sizing: border-box; /* Avoid width overflow from padding */
}

img, video, iframe {
  max-width: 100%; /* Ensure media doesn't exceed container */
}

section, div {
  max-width: 100vw; /* Prevent sections from exceeding viewport */
}
body {
	background: black url('/assets/img/internal-hiring/work-at-eeg/main-background.png') fixed top center/cover no-repeat;
	font-size: 20px;
	line-height: 30px;
	font-family: "Lato", sans-serif;
}
a {
	color: var(--blue);
}
h1 {
	font: 900 2.5em "Baskerville", serif;
	line-height: 1.25em;
	text-transform: uppercase;
	margin-bottom: 20px;
}

h2 {
	font: var(--headline);
	line-height: 1.5em;
	letter-spacing: 2px;
	color: var(--blue);
	margin-bottom: 20px;
	text-transform: uppercase;
}

h3 {
	/*font: var(--subheadline);*/
	font-family: "Baskerville", serif;
	font-size: 1.75em;
	line-height: 1em;
	margin-bottom: 20px;
}
h4 {
	font: var(--subsubheadline);
	line-height: 1.25em;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
p {
	font: var(--bodytext);
	line-height: 30px;
	margin-bottom: 20px;
}
section {
	position: relative;
}
.bluerow {
	background-color: var(--blue);
	color: white;
	padding: 100px 0px;
}
main {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.firstsection {
	background-color: white;
	padding: 100px 0px;
	text-align: center;
}
.greysection {
	background-color: #f1f1f1;
	padding: 100px 0px;
}
@media screen and (max-width: 1199px) {
	main {
		height: auto;
		padding: 250px 0px 150px 0px;
	}
}
.container {
	max-width: 1500px;
	margin: 0 auto;
}
@media screen and (max-width: 1580px) {
	.container {
		width: 90%;
	}
}
@media screen and (max-width: 800px) {
	.container {
		width: 100%;
		padding: 30px;
	}
}
nav {
	display: flex;
	justify-content: center;
	padding: 30px 50px;
	background-color: rgba(250,250,250);
	width: fit-content;
	margin: 0px auto 0px;
	border-radius: 0px 0px 50px 50px;
	 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	 position: relative;
	 z-index: 10;
}
nav .section-mobilenav {
	display: none;
}

nav .navlink {
	/*padding: 10px;*/
	margin: 0 20px;
	font: 700 .8em "Lato", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
	letter-spacing: 1px;
	transition: all 0.3s ease;
            position: relative;
}
.navlink::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 50%;
            background: var(--blue);
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
a.navlink:hover::after {
	width: 100%;
}
.herowrapper {
	margin: 0 auto;
	position: relative;
	margin-top: -100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.herorightside {
	width: 45%;
	margin-left: 150px;
}
.heroleftside {
	width: 40%;
}
.heroleftside img {
	display: block;
	width: 100%;
}
.herocontent h1, .herocontent h2 {
	color: white;
}
.herocontent h2 {
	font-weight: 400;
}
@media screen and (max-width: 1500px) {
	.herorightside {
		margin-left: 50px;
		width: 50%;
	}
	main {
		height: auto;
		padding: 100px 0px 0px 0px;
	}
}
@media screen and (max-width: 1199px) {
	.herorightside {
		margin-left: 50px;
		width: 60%;
	}
	.heroleftside {
	width: 30%;
}
main {
		height: auto;
		padding: 160px 0px 100px 0px;
	}
	nav .navlink {
		margin: 0px 10px;
	}
}
@media screen and (max-width: 900px) {
	.herorightside {
		margin-left: 0px;
		padding: 20px;
		width: 100%;
		text-align: center;
	}
	.heroleftside {
	display: none;
}
.logowrapper {
	margin: 0 auto;
}
}
.logowrapper img {
	width: 100%;
	display: block;
}
.logowrapper {
	width: 50%;
	margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
	.logowrapper {
		width: 50%;
	}
	.herocontent h1 {
		font-size: 2.5em;
	}
	.herocontent h2 {
		font-size: 1.5em;
	}
}
.fivecolumnbuttons {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 40px auto 40px;
}

.button2 {
	width: 23%;
	padding: 20px;
	border-radius: 20px;
	background-color: #99ddff;
	color: white;
	text-decoration: none;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	color: black;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	transition: all 250ms;
	font-size: 1.25em;
}
.button2:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 12px;
  transform: translateY(-1px);
}
.button2 p {
	margin-bottom: 0px;
	font-weight: 700;
}
.button2icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--blue);
	color: white;
	font-size: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto 20px;
}
@media screen and (max-width: 800px) {
	.herocontent h1 {
		font-size: 1.5em;
	}
	.fivecolumnbuttons {
		margin: 0 auto;
	}
}
@media screen and (max-width: 1199px) {
	.fivecolumnbuttons {
		width: 90%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.button2 {
		width: 45%;
		margin: 10px;
	}
	.mainwrapper {
		text-align: center;
	}
}
@media screen and (max-width: 600px) {
	.button2 {
		width: 100%;
	}

}
@media screen and (max-width: 767px) {
	.logowrapper {
		width: 80%;
	}
	.herocontent h1 {
		font-size: 1em;
	}
	.herocontent h2 {
		font-size: 1em;
	}
}
.buttonwrapper {
	display: flex;
	margin-bottom: 40px;
}
.buttonwrapper .button1 {
	margin-right: 20px;
}
.button1 {
	background-color: var(--blue);
	color: white;
	text-decoration: none;
	border-radius: 50px;
	padding: 20px 30px;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-flex;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	transition: all 250ms;
}

.button1:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0 4px 12px;
  transform: translateY(-1px);
}
.contentvideowrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 150px 0px 100px 0px;
}
.contentvideocontainer {
	width: 45%;
	background-color: white;
	padding: 40px 40px 40px 150px;
	border-radius: 0px 20px 20px 0px;
}
.twocolumnscontent {
	width: 45%;
	background-color: white;
	padding: 40px 150px 40px 40px;
	border-radius: 20px 0px 0px 20px;
}
#ryanjeff {
	margin-top: 100px;
	margin-bottom: 100px;
}
.videovideocontainer {
	width: 45%;
	margin-right: 100px;
}
@media screen and (max-width: 1600px) {
	.contentvideowrapper {
		flex-wrap: wrap;
		padding-top: 0px;
	}
	.contentvideocontainer {
		padding: 150px 50px 50px 50px;
		width: 80%;
		margin: 0 auto;
		border-radius: 0px 0px 20px 20px;
	}
	.contentvideocontainer p {
		margin-bottom: 0px;
	}
	.videovideocontainer {
		width: 50%;
		margin: 40px auto 0px;
	}
	.videovideocontainer div {
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.contentvideocontainer {
		width: 90%;
	}
	.videovideocontainer {
		width: 90%;
	}
}
#corevalues {
	background-color: white;
	padding: 100px 0px;
}
#familyofcompanies {
	background-color: white;
	padding: 100px 0px;
	text-align: center;
}
#locations {
	padding: 100px 0px;
	background-color: #f1f1f1;
}
#locations h2 {
	color: var(--blue);
}
#awards {
	background-color: white;
	padding: 100px 0px;
}
#professionaldevelopment {
	padding-top: 150px;
}
#careerdevelopment {
	padding: 150px 0px;
}
#ourculture {
	background-color: white;
	padding: 150px 0px;
}
.career {
	padding: 50px;
	background-color: white;
	max-width: 1500px;
	margin: 0 auto;
	border-radius: 20px;
}
.container.career:nth-of-type(1) {
	background-color: red;
}
 
@media screen and (max-width: 800px) {
	.career {
		padding: 0px;
	}
	.careercontent {
		padding: 20px;
	}
	.jobdescriptionwrapper {
		padding: 20px;
	}
	#ourculture {
		padding: 70px 0px;
	}
	#careerdevelopment {
		padding: 120px 0px 70px 0px;
	}
}
.corevaluewrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 40px auto 20px;
}
.corevalue {
	width: 30%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center;
}
.corevalueicon {
	width: 15%;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.corevalueicon img {
	width: 100%;
	display: block;
}
.corevaluecontent {
	width: 80%;
}
.corevalue h5 {
	font: var(--subsubheadline);
}
@media screen and (max-width: 1199px) {
	.corevalue {
		flex-wrap: wrap;
		align-items: flex-start;
		display: block;
	}
	.corevaluecontent {
		width: 100%;
	}
	.corevalueicon {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	#corevalues {
		text-align: center;
	}
	.corevalue {
		width: 45%;
		text-align: center;
	}
	.corevalueicon {
		margin: 0 auto 20px;
		width: 20%;
	}
}
@media screen and (max-width: 600px) {
	.corevalue {
		width: 100%;
	}
}
.twocolumns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.twocolumnscontent {
	width: 55%;
}
.twocolumnsphoto {
	width: 30%;
	margin-left: 100px;
}
.twocolumnsphoto img {
	width: 100%;
	display: block;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.signatures {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.signatures div {
	width: 45%;
}
.signatures div img {
	display: block;
	width: 100%;
}
@media screen and (max-width: 1199px) {
	.twocolumnscontent {
		padding: 40px
	}
}
@media screen and (max-width: 900px) {
	.twocolumns {
		flex-wrap: wrap;
		justify-content: center;
	}
	.twocolumnsphoto {
		margin: 0px 0px 60px 0px;
		width: 50%;
	}
	.twocolumnscontent {
		width: 80%;
		margin: 0 auto;
		border-radius: 20px;
	}
}
.companywrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.companylogo img {
	width: 100%;
	display: block;
}
.companylogo {
	margin: 0 auto;
	width: 100%;
}
.companycontainer {
	width: 30%;
}
@media screen and (max-width: 767px) {
	.companywrapper {
		flex-wrap: wrap;
	}
	.companycontainer {
		width: 100%;
	}
	.companylogo {
		width: 70%;
	}
	.twocolumnsphoto {
		width: 90%;
	}
	.twocolumnscontent {
		width: 90%;
	}
}
.maplocations ul {
	display: flex;
	flex-wrap: wrap;
}

.maplocations ul li {
	width: 25%;
	margin-bottom: 20px;
}
.maplocations ul li i {
	color: var(--blue);
}
@media screen and (max-width: 1199px) {
	.maplocations ul li {
		width: 48%;
	}
}
@media screen and (max-width: 600px) {
	.maplocations ul li {
		width: 100%;
	}
}
.reviewwrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 5 columns */
  grid-template-rows: repeat(5, 1fr);    /* 3 rows */
  gap: 10px; /* optional spacing between grid items */
  align-items: center;
  width: 90%;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 1199px) {
	.reviewwrapper {
		width: 100%;
	}
}
.reviewlogo img, .stars img {
	display: block;
	width: 100%;
}
.stars div {
	margin: 0 auto;
}
.reviewlogo {
	width: 70%;
}
.stars {
	text-align: center;
}
.stars div {
	width: 50%;
	place-self: center;
}
.indeedscore {
	text-align: center;
}
.indeedscore div {
	border-radius: 50px;
	background-color: #FFD700;
	padding: 10px 30px;
	text-align: center;
	display: inline-block;
	place-self: center;
}
.indeedscore p {
	margin-bottom: 0px;
	color: #000074;
	font-size: 1.25em;
}
.reviewheading p {
	font-weight: 700;
	font-size: 1.25em;
	text-align: center;
}
p.reviewmobile {
	display: none;
}
.employeequotewrapper {
	position: relative;
	margin: 70px 0px 70px 0px;
}
.employeequotecontainer {
	background-color: #f1f1f1;
	border-radius: 20px;
	padding: 30px 30px 30px 50px;
	position: relative;
}
.quotemark i {
	font-size: 60px;
	color: var(--blue);
}
.quotemark {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: -20px;
}
.quotecontent {
	width: 70%;
}
.quotecontent p {
	margin-bottom: 0px;
	font-style: italic;
	margin-bottom: 20px;
}
.quotecontent p:last-of-type {
	margin-bottom: 0px;
}
.quotecontent p span {
	color: var(--blue);
}
.quotephoto {
	border-radius: 50%;
	right: 0px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 15%;
	position: absolute;
}
.mobilequotephoto {
	border-radius: 50%;
	display: none;
}
.mobilequotephoto img {
	display: block;
	width: 100%;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.quotephoto img {
	display: block;
	width: 100%;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.awardswrapper {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 40px auto 0px;
}
@media screen and (max-width: 1199px) {
	.awardswrapper {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.quotecontent {
		width: 100%;
		order: 2;
	}
	.employeequotecontainer {
		display: flex;
		flex-wrap: wrap;
	}
	.mobilequotephoto {
		display: block;
		width: 50%;
		order: 1;
		margin-bottom: 20px;
	}
	.quotephoto {
		display: none;
	}
}
.award {
	width: 20%;
}
.award p {
	text-align: center;
	margin-top: 10px;
}
.award img {
	display: block;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.reviewheading {
		display: none;
	}
	.reviewwrapper {
		grid-template-columns: repeat(1, 1fr); /* 5 columns */
  grid-template-rows: repeat(1, 1fr);    /* 3 rows */
	}
	p.reviewmobile {
	display: block;
	font-size: 25px;
	margin-bottom: 20px;
	color: black;
	font-weight: 700;
	margin-top: 20px;
}
.reviewlogo {
	margin: 40px auto 0px;
}
.awardswrapper {
	flex-wrap: wrap;
}
.award {
	width: 70%;
	margin: 0 auto;
}
.award p
}
#ourcompanies {
	background: url('/assets/img/internal-hiring/work-at-eeg/anotherbackground.png') top right/contain no-repeat;
}
.succeedwrapper {
	display: grid;
  grid-template-columns: repeat(3, 1fr); /* 5 columns */
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 100px;

}
.succeedwrapper div {
	padding: 30px;
	border-radius: 20px;
	border: 3px solid var(--blue);
	text-align: center;
	font-weight: 700;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
@media screen and (max-width: 800px) {
	.succeedwrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 600px) {
	.succeedwrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}
.jobdescription .checklist {
	margin-bottom: 40px;
}
.jobdescription .checklist ul li {
	margin-bottom: 15px;
}
.jobdescription .checklist ul li i {
	color: var(--blue);
}
#connections {
	margin-top: 60px;
}
.connectionswrapper {
	display: flex;
	margin-bottom: 60px;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.connectionswrapper:first-of-type {
	margin-top: 60px;
}
.connectionslogowrapper img {
	width: 100%;
	display: block;
}
.connectionslogowrapper {
	width: 70%;
	margin-bottom: 20px;
}
.connectionscontent {
	width: 50%;
	padding: 40px;
	background-color: #f2f2f2;
	border-radius: 20px 0px 0px 20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.connectionscontent p {
	margin-bottom: 0px;
}
.connectionquote {
	border-radius: 0px 20px 20px 00px;
	background-color: var(--blue);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: white;
	width: 50%;
	padding: 40px 30px;
}
.womenofee {
	font-size: 1.5em;
}
.womenofee .connectionquotecontent {
	width: 50%;
}
.womenofee .connectionsquotephoto {
	width: 45%;
}
.connectionswrapper:nth-of-type(1) .connectionquote {
	background-color: var(--pink)
}
.connectionswrapper:nth-of-type(2) .connectionquote {
	background-color: var(--orange)
}
.connectionswrapper:nth-of-type(3) .connectionquote {
	background-color: var(--lightblue)
}
.connectionswrapper:nth-of-type(4) .connectionquote {
	background-color: var(--purple)
}
.connectionswrapper:nth-of-type(5) .connectionquote {
	background-color: var(--yellow)
}
.connectionswrapper:nth-of-type(6) .connectionquote {
	background-color: var(--green)
}
.connectionswrapper:nth-of-type(1) .connectionsquotephoto {
	border-color: var(--pink2)
}
.connectionswrapper:nth-of-type(2) .connectionsquotephoto {
	border-color: var(--orange2)
}
.connectionswrapper:nth-of-type(3) .connectionsquotephoto {
	border-color: var(--lightblue2)
}
.connectionswrapper:nth-of-type(4) .connectionsquotephoto {
	border-color: var(--purple2)
}
.connectionswrapper:nth-of-type(5) .connectionsquotephoto {
	border-color: var(--yellow2)
}
.connectionswrapper:nth-of-type(6) .connectionsquotephoto {
	border-color: var(--green2)
}
.connectionswrapper:nth-of-type(1) .connectionquote .quotemark i  {
	color: var(--pink2)
}
.connectionswrapper:nth-of-type(2) .connectionquote .quotemark i  {
	color: var(--orange2)
}
.connectionswrapper:nth-of-type(3) .connectionquote .quotemark i  {
	color: var(--lightblue2)
}
.connectionswrapper:nth-of-type(4) .connectionquote .quotemark i  {
	color: var(--purple2)
}
.connectionswrapper:nth-of-type(5) .connectionquote .quotemark i  {
	color: var(--yellow2)
}
.connectionswrapper:nth-of-type(6) .connectionquote .quotemark i  {
	color: var(--green2)
}
.connectionquote .quotemark i {
	color: #FFD700;
}
.connectionquotecontent {
	width: 65%;
}
.connectionquotecontent p {
	font: var(--quotefont);
	line-height: 1.25em;
	margin-bottom: 0px;
}
.connectionsquotephoto {
	width: 30%;
	border-radius: 50%;
	border: 10px solid var(--blue2);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.connectionsquotephoto img {
	display: block;
	width: 100%;
	border-radius: 50%;
}
.connectionquotecontent .quoteperson {
	margin-top: 20px;
	padding: 15px 30px;
	background-color: white;
	border-radius: 50px;
}
.connectionquotecontent .quoteperson p {
	color: var(--blue);
	margin-bottom: 0px;
}
.connectionquotecontent .quoteperson p:first-of-type {
	line-height: 1.5em;
	font-size: 1.3em;
	font-weight: 900;
}
.connectionquotecontent .quoteperson p:last-of-type {
	font-weight: 400;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.2em;
}
.applycta {
	margin-top: 40px;
}
.impactreportcta, .applycta {
	background: radial-gradient(circle farthest-side at right top,rgba(0, 58, 84, 1) 0%, rgba(0, 99, 148, 1) 100%);
	border-radius: 20px;
	color: white;
	display: flex;
	text-align: left;
}
.impactcontentwrapper, .applyctacontentwrapper {
	width: 70%;
	padding: 40px;
}
.impactrecportctacontent, .applyctacontent {
	margin-bottom: 20px;
}
.impactimage {
	width: 60%;
	border-radius: 20px;
	background: url('/assets/img/internal-hiring/work-at-eeg/day-of-service-2025.jpg') center center/cover;
}
.applyimage {
	width: 60%;
	border-radius: 20px;
	background: url('/assets/img/internal-hiring/work-at-eeg/apply.jpg') center center/cover;
}
@media screen and (max-width: 800px) {
	.impactreportcta, .applycta {
		flex-wrap: wrap;
	}
	.impactcontentwrapper, .applyctacontentwrapper {
		width: 100%;
	}
	.impactimage, .applyimage {
		width: 100%;
		height: 200px;
	}
	.connectionslogowrapper {
		width: 100%;
	}
	.connectionscontent {
		padding: 30px;
	}
}
.button3 {
	padding: 20px;
	border-radius: 20px;
	background-color: #99ddff;
	color: white;
	text-decoration: none;
	font-weight: 700;
	color: black;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	transition: all 250ms;
	display: inline-block;
}
.button3:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 12px;
  transform: translateY(-1px);
}
@media screen and (max-width: 1199px) {
	.connectionswrapper {
		flex-wrap: wrap;
	}
	.connectionscontent, .right .connectionscontent, .left .connectionscontent {
		width: 100%;
		order: 0;
		border-radius: 20px 20px 0px 0px;
	}
	.connectionquote, .right .connectionquote, .left .connectionquote {
		width: 100%;
		border-radius: 0px 0px 20px 20px;
		order: 1;
	}
}
@media screen and (max-width: 800px) {
	.connectionquotecontent {
		width: 100%;
	}
	.connectionsquotephoto {
		display: none;
	}
	.womenofee .connectionsquotephoto {
		display: block;
		margin: 0 auto;
	}
	.womenofee .connectionquotecontent {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
	.connectionquote {
		flex-wrap: wrap;
	}
	.mobilequoteimage .connectionsquotephoto {
		display: block;
	}
}
@media screen and (max-width: 600px) {
	.mobilequoteimage .connectionsquotephoto {
		width: 50%;
		margin-top: 20px;
	}
}
#service {
	padding-top: 100px;
}
@media screen and (max-width: 1199px) {

}
.roadmapwrapper {
	text-align: center;
	margin: 40px auto;
	display: grid;
	position: relative;
	grid-template-columns: repeat(2, 1fr);
	background-color: white;
}
.level1 {
	position: relative;
	width: fit-content;
	border-radius: 50px;
	border: 3px dashed var(--blue);
	padding: 10px 30px;
	margin: 0 auto 40px;
}
.level1 h4 {
	margin-bottom: 0px;
	font-size: 1.25em;
	color: var(--blue);
}
.level1::before {
	content: "";
	position: absolute;
	top: 104%;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 40px;
	background-color: var(--blue);
}
.level2 {
	position: relative;
	width: fit-content;
	border-radius: 50px;
	background-color: var(--blue);
	padding: 10px 30px;
	margin: 0px auto 40px;
}
.lastlevel2 {
	margin: 0px auto 80px;
}
.level2::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 40px;
	background-color: var(--blue);
}
.level2 h4 {
	margin-bottom: 0px;
	font-size: 1.1em;
	color: white;
}
.level3 {
	display: grid;
	position: relative;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
}
.level3::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 24%;
	width: 52%;
	height: 4px;
	background-color: var(--blue);
}
.level3::after {
	display: none;
	content: "";
	position: absolute;
	left: -20px;
	bottom: -20px;
	width: calc(100% + 20px);
	height: 2px;
	background-color: var(--blue);
}
.level34 {
	display: grid;
	position: relative;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
}

.level34::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 15.4%;
	width: 69.2%;
	height: 4px;
	background-color: var(--blue);
}
.level34::after {
	display: none;
	content: "";
	position: absolute;
	left: -20px;
	bottom: -20px;
	width: calc(100% + 20px);
	height: 2px;
	background-color: var(--blue);
}
.level3rectangle {
	width: fit-content;
	border-radius: 50px;
	background-color: var(--blue);
	padding: 10px 30px;
	margin: 0px auto 40px;
	position: relative;
	display: flex;
	align-items: center;
}
.level3rectangle:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 40px;
	background-color: var(--blue);
}
.level3rectangle h4 {
	margin-bottom: 0px;
	font-size: 1.1em;
	color: white;
}
.recruiterroadmap, .aeroadmap {
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.recruiterroadmap {
		margin-bottom: 50px;
	}
	.roadmapwrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 800px) {
	.recruiterroadmap, .aeroadmap {
		width: 95%;
	}
	.roadmapwrapper {
		margin: 0 auto;
	}
}
@media screen and (max-width: 550px) {
	.recruiterroadmap, .aeroadmap {
		font-size: .5em;
	}
}
.prodevelopmentitemwrapper {
	display: flex;
	justify-content: space-between;
	background-color: white;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	margin-bottom: 60px;
}
.prodevelopmentitemwrapper p {
	margin-bottom: 0px;
}
.prodevelopmentitemcontent, .prodevelopmentitemquote {
	width: 50%;
	padding: 45px;
	display: flex;
}
.prodevelopmentitemcontent {
	flex-direction: column;
	justify-content: center;
	text-align: left!important;
}
.left .prodevelopmentitemcontent {
	background-color: white;
	border-radius: 20px 0px 0px 20px;
}
.left .prodevelopmentitemquote {
	border-radius: 0px 20px 20px 0px;
	background-color: var(--blue);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: white;
}
.right .prodevelopmentitemcontent {
	background-color: white;
	border-radius: 0px 20px 20px 0px;
}
.right .prodevelopmentitemquote {
	border-radius: 20px 0px 0px 20px;
	background-color: var(--blue);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: white;
}
.prodevelopmentitemquote .quotemark i {
	color: #FFD700;
}
.prodevelopmentquotecontent {
	width: 65%;
}
.prodevelopmentquotecontent p {
	font: var(--quotefont);
	line-height: 1.25em;
}
.prodevelopmentquotephoto {
	width: 30%;
	border-radius: 50%;
	border: 10px solid var(--blue2);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.prodevelopmentquotephoto img {
	display: block;
	width: 100%;
	border-radius: 50%;
}
.quoteperson {
	margin-top: 20px;
	padding: 15px 30px;
	background-color: white;
	border-radius: 50px;
}
.quoteperson p {
	color: var(--blue);
	margin-bottom: 0px;
}
.quoteperson p:first-of-type {
	line-height: 1.5em;
	font-size: 1.3em;
	font-weight: 900;
}
.quoteperson p:last-of-type {
	font-weight: 400;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.2em;
}
.mobilequoteimage {
	display: none;
}
@media screen and (max-width: 1199px) {
	.prodevelopmentitemwrapper {
		flex-wrap: wrap;
	}
	.prodevelopmentitemcontent, .right .prodevelopmentitemcontent, .left .prodevelopmentitemcontent {
		width: 100%;
		order: 0;
		border-radius: 20px 20px 0px 0px;
	}
	.prodevelopmentitemquote, .right .prodevelopmentitemquote, .left .prodevelopmentitemquote {
		width: 100%;
		border-radius: 0px 0px 20px 20px;
		order: 1;
	}
}
@media screen and (max-width: 800px) {
	.mobilequoteimage {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.quoteperson, .prodevelopmentquotephoto {
		display: none;
	}
	.mobilequoteimage .quoteperson, .mobilequoteimage .prodevelopmentquotephoto  {
		display: block;
	}
	.mobilequoteimage .quoteperson {
		width: 65%;
	}
	.mobilequoteimage .quoteperson p {
		line-height: 1.25em;
	}
	.mobilequoteimage .prodevelopmentquotephoto {
		width: 30%;
	}
	.prodevelopmentitemquote {
		flex-wrap: wrap;
	}
	.prodevelopmentquotecontent {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.mobilequoteimage .prodevelopmentquotephoto {
		width: 50%;
		margin-top: 20px
	}
	.mobilequoteimage .quoteperson {
		width: 100%;
		margin: 20px 0px 0px 0px;
		font-size: .75em
	}
	.prodevelopmentitemcontent {
		padding: 30px;
	}
	.prodevelopmentitemquote {
		padding: 40px 30px;
	}
}
#service {
	margin-bottom: 100px;
}
.servicephotoswrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.servicephotocontainer {
	width: 32%;
	border-radius: 20px;
	background-color: #f1f1f1;
	margin-bottom: 40px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.servicephoto img {
	display: block;
	border-radius: 20px 20px 0px 0px;
	width: 100%;
}
.servicecontent {
	padding: 30px;
}
.servicecontent p {
	margin-bottom: 0px;
}
.servicecontent h4 {
	text-transform: uppercase;
	color: var(--blue);
	font-weight: 900 ;
}
@media screen and (max-width: 1199px) {
	.servicephotoswrapper {
		flex-wrap: wrap;
	}
	.servicephotocontainer {
		width: 48%;
	}
}
@media screen and (max-width: 600px) {
	.servicephotocontainer {
		width: 100%;
	}
	#service {
		margin-bottom: 50px;
		padding-top: 0px;
	}
}
.benefitswrapper h3 {
	padding: 10px 20px;
	background-color: var(--blue2);
	border-radius: 50px;
	color: var(--blue);
	margin-bottom: 40px;
	font-size: 1.5em;
	width: fit-content;
}
.benefitcontainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.benefiticon {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: var(--blue2);
	font-size: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
#ourbenefits {
	padding-top: 200px;
}
#apply {
	padding: 100px 0px;
}
#ourbenefits h2 {
	color: var(--blue);
}
.benefitcontent {
	width: 90%;
}
.benefitcontent h4 {
	font-size: 1.25em;
	margin-bottom: 10px;
	color: var(--blue);
}
.benefitcontent ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.benefitcontent ul li {
	width: 33%;
}
.benefitcontent ul li span {
	color: var(--blue);
}
@media screen and (max-width: 1500px) {
	.benefiticon {
		width: 90px;
		height: 90px;
	}
	.benefitcontent {
		width: 85%;
	}
}
@media screen and (max-width: 767px) {
	.benefitcontainer {
		flex-wrap: wrap;
	}
	.benefitcontent {
		width: 100%;
		text-align: center;
	}
	.benefiticon {
		margin: 0 auto 30px;
	}
	.benefitcontent ul {
		justify-content: center;
		text-align: center;
	}
	.benefitcontent ul li {
		width: 100%;
		text-align: left;
	}
	.benefitcontent .fa-ul {
		margin-left: 30px;
	}
	.benefitswrapper h3 {
		text-align: center;
		margin: 0px auto 40px auto;
	}
	#ourbenefits h2 {
		text-align: center;
	}
	#ourbenefits {
		padding: 70px 0px;
	}
}
.section-nav {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	padding: 10px;
	display: flex;
	justify-content: center;
}
.section-nav a {
	margin: 0px 20px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	letter-spacing: 2px;
	font-weight: 700;
	line-height: 1.5em;
}
.ourcompanies {
	background-color: var(--blue);
}
.careerdevelopment {
	background-color: var(--blue);
}
.ourculture {
	background-color: var(--blue);
}
.ourbenefits {
	background-color: var(--blue);
}
.fixed {
	position: fixed;
}
#celebrate h3 {
	text-align: center;
}
#celebrate h4 {
	font-size: 1.75em;
	color: var(--blue);
	font-family: "Baskerville", serif;
}
.celebrationcontent {
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.celebrationswrapper {
	position: relative;
	width: 95%;
	margin: 70px auto 0px;
	padding-bottom: 430px;
}
.celebrationphotos {
	margin: 0 auto;
}
.celebrationphotos img {
	display: block;
	height: 300px;
	width: 300px;
	position: absolute;
	border-radius: 20px;
}
.celebrationphotos img:nth-of-type(1) {
	top: -3%;
	left: 5%;
}
.celebrationphotos img:nth-of-type(2) {
	top: 35%;
	left: 20%;
}
.celebrationphotos img:nth-of-type(3) {
	top: 45%;
	left: 45%;
}
.celebrationphotos img:nth-of-type(4) {
	top: 30%;
	left: 60%;
}
.celebrationphotos img:nth-of-type(5) {
	top: -5%;
	left: 80%;
}
@media screen and (max-width: 1777px) {
	.celebrationswrapper {
		width: 100%;
	}
	.celebrationphotos img:nth-of-type(1) {
	top: 0%;
	left: 2%;
}
.celebrationphotos img:nth-of-type(2) {
	top: 40%;
	left: 20%;
}
.celebrationphotos img:nth-of-type(3) {
	top: 45%;
	left: 45%;
}
.celebrationphotos img:nth-of-type(4) {
	top: 40%;
	left: 60%;
}
.celebrationphotos img:nth-of-type(5) {
	top: 0%;
	left: 80%;
}
}
@media screen and (max-width: 1500px) {
	.celebrationphotos img {
	display: block;
	height: 250px;
	width: 250px;
	position: absolute;
	border-radius: 20px;
}
.celebrationphotos img:nth-of-type(5) {
	top: 0%;
	left: 78%;
}
}
@media screen and (max-width: 1199px) {
	.celebrationswrapper {
		padding: 0px;
	}
	.celebrationcontent {
		width: 90%;
		margin-bottom: 40px;
	}
	.celebrationphotos img {
	display: block;
	height: 30%;
	width: 30%;
	position: relative;
}
.celebrationphotos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.celebrationphotos img {
	margin: 10px;
}
.celebrationphotos img:nth-of-type(1) {
	top: 0%;
	left: 0%;
}
.celebrationphotos img:nth-of-type(2) {
	top: 0%;
	left: 0%;
}
.celebrationphotos img:nth-of-type(3) {
	top: 0%;
	left: 0%;
}
.celebrationphotos img:nth-of-type(4) {
	top: 0%;
	left: 0%;
}
.celebrationphotos img:nth-of-type(5) {
	top: 0%;
	left: 0%;
}
}
.conferenceswrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin: 100px auto 0px;
}
.conferencevideo {
	width: 30%;
}
.conferencevideo div {
	margin: 0 auto;
}
.conferencescontent {
	width: 33%;
	text-align: center;
}
@media screen and (max-width: 1199px) {
	.conferenceswrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.conferencescontent {
		width: 100%;
		order: 0;
		margin-bottom: 40px;
	}
	.conferencevideo {
		order: 1;
		margin: 0px 20px;
		width: 40%;
	}
}
.promotionswrapper, .rainmakerwrapper {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.promotionscontentwrapper, .rainmakercontent, .greenteamcontent {
	width: 48%;
}
.promotionsimages, .rainmakerimages, .greenteamimage {
	width: 45%;
	display: flex;
	justify-content: space-between;
}
.rainmakerimages {
	flex-wrap: wrap;
}
.promotionsimages div, .rainmakerimages div, .greenteamimage div {
	width: 48%;
}
.promotionsimages div img, .rainmakerimages div img, .greenteamimage div img {
	display: block;
	width: 100%;
	border-radius: 20px;
}
.rainmakerimages div img {
	margin-bottom: 20px;
}
.rainmakerlist {
	margin-top: 40px;
}
.rainmakerlist ul li {
	margin-bottom: 20px;
	font-weight: 700;
}
.rainmakerlist ul li i {
	color: var(--blue);
}
.rewardtripwrapper {
	display: flex;
	margin-top: 70px;
	justify-content: space-between;
}
.rewardtripvideo {
	width: 30%;
}
.rewardtripvideo div {
	margin: 0 auto;
}
.rewardtripcontent {
	width: 60%;
}
@media screen and (max-width: 1199px) {
	.rewardtripwrapper {
		flex-wrap: wrap;
		justify-content: center;
	}
	.rewardtripcontent {
		width: 100%;
		text-align: center;
		order: 0;
	}
	.rewardtripvideo {
		order: 1;
		margin-bottom: 50px;
		width: 40%;
	}
	.rewardtripwrapper .employeequotewrapper {
		text-align: left;
	}
}
.greenteamwrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}
@media screen and (max-width: 1199px) {
	.promotionswrapper, .rainmakerwrapper, .greenteamwrapper {
		flex-wrap: wrap;	
	}
	.promotionscontentwrapper, .rainmakercontent, .greenteamcontent {
		width: 100%;
	}
	.promotionscontent, .rainmakercontent {
		text-align: center;
	}
	.promotionsimages, .rainmakerimages, .greenteamimage {
		justify-content: center;
		width: 100%;
		margin-top: 40px;
	}
	.rainmakerimages div {
		width: 23%;
		margin: 0px 10px;
	}
	.promotionsimages div, .greenteamimage div {
		width: 30%;
		margin: 0px 20px;
	}
	.greenteamimage {
		order: 1;
	}
	.greenteamcontent {
		order: 0;
		text-align: center;
	}
	.rainmakerlist {
		text-align: left;
	}
	.rainmakerlist ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.rainmakerlist ul li {
		width: 45%;
		margin: 0 20px;
	}
}
@media screen and (max-width: 600px) {
	.conferenceswrapper {
		margin-top: 0px;
	}
	.celebrationphotos img {
		width: 90%;
		height: 90%;
	}
	.conferencevideo {
		width: 90%;
		margin-bottom: 40px;
	}
	.promotionsimages {
		flex-wrap: wrap;
	}
	.promotionsimages div {
		width: 90%;
		margin-bottom: 40px;
	}
	.rewardtripvideo {
		width: 90%;
	}
	.rainmakerlist ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.rainmakerimages div {
		width: 90%;
	}
	.greenteamimage {
		flex-wrap: wrap;
	}
	.greenteamimage div {
		width: 90%;
		margin-bottom: 40px;
	}
	#celebrate h3 {
		margin-bottom: 0px;
	}
}
.dropdownwrapper {
	position: absolute;
	left: 0;
	right: 0;
    z-index: 10;
    opacity: 1;
    width: 100%;
    display: none;
    float: left;
    padding: 15px;
    transition: .3s all ease;
}
#ourcompanies .dropdownwrapper {
	background-color: var(--blue);
}
#careerdevelopment .dropdownwrapper {
	background-color: var(--blue);
}
#ourculture .dropdownwrapper {
	background-color: var(--blue);
}
#ourbenefits .dropdownwrapper {
	background-color: var(--blue);
}

.dropdownwrapper p {
	text-align: left;
	font-size: 1.25em;
}

#ourcompanies .opendropdown {
	background-color: var(--orange);
}

.opendropdown .dropdownwrapper {
    transition: .3s all ease;
    display: block;
    animation: fade-in 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}
.dropdown {
	text-align: left;
	width: 100%;
	padding: 30px;
	transition: .3s all ease;
}
.dropdown ul {
	list-style: none;
	margin: 0px 10px;
	padding: 0px;
	display: block;
}
.dropdown ul li {
	margin-bottom: 20px;
	display: block;
}
.dropdown ul li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}
.dropdownnav {
	list-style: none;
}
.section-mobilenav {
	display: none;
}
@media screen and (max-width: 1300px) {
	.section-mobilenav {
		display: block;
	}
	.section-nav-desktop {
		display: none;
	}
	.section-mobilenav a {
		text-align: left;
		display: block;
	}

.section-mobilenav li {
    text-align: left;
}
  .section-nav {
  	justify-content: flex-start;
  }

}
@media screen and (max-width: 1090px) {
	nav {
		width: 100%;
		border-radius: 0px;
		justify-content: flex-start;
	}
	.mainnav {
		display: none;
	}
	nav .dropdownwrapper {
		background-color: rgba(250, 250, 250);
	}
	nav .dropdownnav a {
		color: var(--blue);
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 700;
	}
	nav .dropdownwrapper .dropdown ul li a {
		color: var(--blue);
	}
	nav .section-mobilenav {
		display: block;
	}
}