/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 17 2026 | 00:51:00 */
/* Story and Pathways */

#story-title-col {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:32% !important;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		width:52% !important;
	}
}

#story-path-col {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:62% !important;
	}
}

#story-dots {
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		left: 360px;
		top: -104px;
		width: 40vw !important;
		transform: rotate(0deg);	
	}	
}

#service-offering-title-row {
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		diplay: none !important;	
	}		
}

#service-col-1  {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:38% !important;
	}
}

#service-col-2  {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:53% !important;
	}	
}

#story-desc-col
	{
		@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:39% !important;
	}
		@media screen and (min-width: 980px) and (max-width: 1411px) {
		width:100% !important;
	}
}


#desktop-service-heading {
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		display:none;
	}	
}

#mobile-service-heading {
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		display: block !important;
		margin-top: 60px;
		margin-bottom:40px;
	}	
}

#guided-pathways-col,
#designed-pathways-col {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		width:25% !important;
	}
	@media screen and (min-width: 980px) and (max-width: 1411px) {
		width:45% !important;
	}
}


/* Our Vision */

#story-vision-dots {
	@media screen and (min-width: 1571px) and (max-width: 1780px) {
		position: bottom;
		bottom: -240px;
		left: -54px;
		width: 42vw;
		transform: rotate(-18deg);
	}
	@media screen and (min-width: 1481px) and (max-width: 1570px) {
		position: bottom;
		bottom: -160px;
		left: -54px;
		width: 42vw;
		transform: rotate(-18deg);
	}
	@media screen and (min-width: 1412px) and (max-width: 1480px) {
		position: bottom;
		bottom: -140px;
		left: -54px;
		width: 42vw;
		transform: rotate(-10deg);
	}
	@media screen and (min-width: 1200px) and (max-width: 1411px) {
		display: none;	
	}
	@media screen and (min-width: 980px) and (max-width: 1199px) {
		display: none;	
	}	
}

#vision {
	@media screen and (min-width: 981px) and (max-width: 1780px) {
		padding-top: 100px !important;
	}
}

#our-vision-photo-col {
	@media screen and (min-width: 981px) and (max-width: 1780px) {
		width:46% !important;
		margin-top: 40px;
	}	
}

#our-vision-col {
	@media screen and (min-width: 981px) and (max-width: 1780px) {
		width:46% !important;
	}	
}

/* Our Approach */

#aproach-hawk {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		top: -50px;
		left: 30%;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		top: -50px;
		left: 0%;
	}	
}

#vision-approach-dots {
	@media screen and (min-width: 1569px) and (max-width: 1780px) {
		width: 100%;
		top: 0px;
		left: 0%;
	}	
	@media screen and (min-width: 1412px) and (max-width: 1570px) {
		width: 100%;
		top: 0px;
		left: 0%;
	}
	@media screen and (min-width: 1200px) and (max-width: 1411px) {
		width: 100%;
		top: 0px;
		left: 0%;
	}
	@media screen and (min-width: 981px) and (max-width: 1199px) {
		width: 100%;
		top: 0px;
		left: -80px;
	}	
}

/* Processes */

#approach-processes-dots {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		top: 30px;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		top: 50px;
	}
}

#processes {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		padding-top: 80px;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		padding-top: 100px;
	}
}

#processes-hawk {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		top: 10px;
		left: -20px;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		top: 40px;
		left: -60px;
	}
}

@media screen and (min-width: 981px) and (max-width: 1411px) {
	#processes-row {
		display: flex;
		flex-wrap: wrap;
	}
	#processes-row .et_pb_column {
		width:44% !important;
	}
	#processes-row .et_pb_column img {
		width:50%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Team */

#engoori-team-dots {
	@media screen and (min-width: 1412px) and (max-width: 1780px) {
		top: -400px;
	}
	@media screen and (min-width: 981px) and (max-width: 1411px) {
		top: -440px;
		transform: rotate(-18deg);
	}
}

#team-col-1, #team-col-2, #team-col-3 {
	@media screen and (min-width: 981px) and (max-width: 1780px) {
		width:32% !important;
	}
}

/* Case Studies */

#case-studies-dots {
	@media screen and (min-width: 1569px) and (max-width: 1780px) {
	
	}	
	@media screen and (min-width: 1412px) and (max-width: 1570px) {

	}
	@media screen and (min-width: 1200px) and (max-width: 1411px) {
		width: 100% !important;
		left: -80px !important;
		top: -420px !important;
		transform: rotate(18deg);
	}
	@media screen and (min-width: 981px) and (max-width: 1199px) {

	}	
}