/* T4 Services Area Light Theme General Setup */

.light-bg.services-area.t4 {
}

.light-bg.services-area.t4 header h4 {
	color: #F48402; /* $Color3 */
}

.light-bg.services-area.t4 header > strong {
}

/* End T4 Services Area Light Theme General Setup */

/* T4 Services Area Dark Theme General Setup */

.dark-bg.services-area.t4 {
}

.dark-bg.services-area.t4 header h4 {
}

.dark-bg.services-area.t4 header > strong {
}

/* End T4 Services Area Dark Theme General Setup */

/* T4 Services Area Light Theme List Styles */

.light-bg.services-area.t4 .services-list li a {
	background-color: #051585; /* $Color1 */
	border-radius: 1em;
}

.no-touch .light-bg.services-area.t4 .services-list li a:hover {
	background-color: #FFFFFF; /* $White */
}

.light-bg.services-area.t4 .services-list li a > icon {
	background-color: rgba(255,255,255,0.012); /* alpha($White,1%) */
	color: #FFFFFF; /* $White */
}

.light-bg.services-area.t4 .services-list li a > strong {
	color: #FFFFFF; /* $White */
}

/* End T4 Services Area Light Theme List Styles */

/* T4 Services Area Dark Theme List Styles */

.dark-bg.services-area.t4 .services-list li a {
	background-color: rgba(235,235,235,0.902); /* alpha($Color5,90%) */
}

.no-touch .dark-bg.services-area.t4 .services-list li a:hover {
	background-color: rgba(5,21,133,0.902); /* alpha($Color1,90%) */
}

.dark-bg.services-area.t4 .services-list li a > icon {
	background-color: #FFFFFF; /* $White */
	color: #E04500; /* $Color2 */
}

.dark-bg.services-area.t4 .services-list li a > strong {
	color: #FFFFFF; /* $White */
}

/* End T4 Services Area Dark Theme List Styles */

/* T4 Services Area Scrolling List Light Theme Nav Styles */

.light-bg.services-area.t4 .scrolling-list-nav icon {
	color: rgba(5,21,133,0.902); /* alpha($Color1,90%) */
}

.no-touch .light-bg.services-area.t4 .scrolling-list-nav icon:hover {
	color: rgba(244,132,2,0.902); /* alpha($Color3,90%) */
}

/* End T4 Services Area Scrolling List Light Theme Nav Styles */

/* T4 Services Area Scrolling List Dark Theme Nav Styles */

.dark-bg.services-area.t4 .scrolling-list-nav icon {
	color: rgba(5,21,133,0.902); /* alpha($Color1,90%) */
}

.no-touch .dark-bg.services-area.t4 .scrolling-list-nav icon:hover {
	color: rgba(244,132,2,0.902); /* alpha($Color3,90%) */
}

/* End T4 Services Area Scrolling List Dark Theme Nav Styles */