
.hero_kba_container {
	width: 100%;
	height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/
}
.hero_kba_block {
	width: 100%;
	height: 200px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.hero_kba_item {
	width: auto;
	height: inherit;
	display: flex;
	align-items: center;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/
}
.kba_margy_left {
	margin-left: 3rem;
}
/* KBA Gold */
.kba_transparent_gold {
	width: auto;
	height: auto;
}
.kba_transparent_gold a:link, .kba_transparent_gold a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(229, 198, 99, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	background-color: #e5c663;
	color: #1A1A1A;
}
.kba_transparent_gold a:hover {
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	background-color: #000;
	color: #fff;
}
.kba_transparent_gold:hover .dark_icon {
    filter: brightness(0) invert(1);
}
/* KBA Gold */
/* KBA EV Blue */
.kba_blue {
	width: auto;
	height: auto;
}
.kba_blue a:link, .kba_blue a:visited {
	cursor: pointer;
	padding-left: 2.5rem;
	padding-right: 3rem;
	width: auto;
	height: 70px;
	/* box-shadow: rgba(72, 186, 235, 1) 0px 0px 0px 2px; */
	/* box-shadow: rgba(250, 250, 250, 1) 0px 0px 0px 2px; */
	box-shadow: rgba(155, 246, 251, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	background-color: #9bf6fb;
	color: #1A1A1A;
}
.kba_blue a:hover {
	box-shadow: rgba(155, 246, 251, 1) 0px 0px 0px 2px;
	background-color: #000;
	color: #fff;
}
.kba_vehicle_icon {
	margin-left: -.5rem;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	/*
    filter: brightness(0%);
	opacity: .8;
	*/
}
/*
.kba_blue:hover .kba_vehicle_icon {
    filter: brightness(0) invert(1);
	opacity: .8;
}
*/

/* KBA EV Blue */
/* KBA Transparent With White Hover */
.kba_transparent_white {
	width: auto;
	height: auto;
}
.kba_transparent_white a:link, .kba_transparent_white a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(225, 225, 225, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	color: #fff;
}
.kba_transparent_white a:hover {
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	background-color: #000;
}
/* KBA Transparent With White Hover */
.kba_icon {
	width: 45px;
	height: inherit;
	display: flex;
	align-items: center;
}
.kba_icon img {
	width: 52px;
	height: 52px;
}
.dark_icon {
	filter: brightness(0%);
}
.kba_text {
	margin-left: .5rem;
	width: auto;
	height: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.kba_icon {
	width: 45px;
	height: inherit;
	display: flex;
	align-items: center;
}
.kba_icon img {
	width: 52px;
	height: 52px;
}
.dark_icon {
	filter: brightness(0%);
}
.kba_text {
	margin-left: .5rem;
	width: auto;
	height: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.top_text {
	width: 100%;
	font-size: 1.2rem;
	font-weight: 600;
}
.bottom_text {
	font-size: 1.8rem;
}

/* App Specific styles */
/* EV Learning Center Home */
.ev_learning_center_icon_nav {
	border-color: #70c588 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/learning_center_home_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 11px;
	background-size: 35px 125px;
}
.ev_learning_center_icon_nav:hover {
	background-position-y: -89.5px;
}
.ev_learning_center_icon {
	border-color: #70c588 !important;
}
.ev_learning_center_tooltip {
	background-color: #70c588 !important;
}
.tooltip .ev_learning_center_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
.ev_learning_center_background_color {
	background-color: #70c588 !important;
}
/* EV Learning Center Home */

/* EV Maps */
.ev_maps_icon_nav {
	border-color: #70c588 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/maps_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 11px;
	background-size: 35px 125px;
}
.ev_maps_icon_nav:hover {
	background-position-y: -88.5px;
}
.ev_maps_icon {
	border-color: #70c588 !important;
}
.ev_maps_tooltip {
	background-color: #70c588 !important;
}
.tooltip .ev_maps_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
.ev_maps_border_top {
	border-top: solid 1px rgba(0, 55, 235);
}
.ev_maps_border_proper {
	border: solid 1px rgba(0, 55, 235);
}
.ev_maps_background_color {
	background-color: #70c588 !important;
}
.ev_incentives_font_color {
	color: #70c588 !important;
}
.ev_incentives_font_color a:link, .ev_incentives_font_color a:visited {
	color: #70c588 !important;
}
/* EV Maps */

/* EV Incentives */
.ev_incentives_icon_nav {
	border-color: #70c588 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/incentives_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 7px;
	background-size: 35px 125px;
}
.ev_incentives_icon_nav:hover {
	background-position-y: -84px;
}
.nav_item_active.ev_incentives_icon_nav {
	background-position-y: -84px !important;
}
.ev_incentives_icon {
	border-color: #70c588 !important;
}
.ev_incentives_tooltip {
	background-color: #1A1A1A !important;
	border: solid 1px #70c588;
}
.tooltip .ev_incentives_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Incentives */
/* EV Savings Calculator */
.ev_savings_icon_nav {
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/savings_calc_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 6px;
	background-size: 36px 125px;
}
.ev_savings_icon_nav:hover {
	background-position-y: -84px;
}

.nav_item_active.ev_savings_icon_nav {
	background-position-y: -84px !important;
}

.ev_savings_icon {
	border-color: #70c588 !important;
}
.ev_savings_tooltip {
	background-color: #70c588 !important;
}
.tooltip .ev_savings_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
.ev_savings_border_top {
	border-top: solid 1px rgba(3, 120, 227);
}
.ev_savings_border_proper {
	border: solid 1px rgba(3, 120, 227);
}
/*
.ev_icon_nav_savings {
	background: rgb(3,120,227);
	background: radial-gradient(circle at center top, rgba(3,120,227,.1) 0%, rgba(246,243,237,1) 70%);
}
*/
.ev_savings_font_color {
	color: #0378e3;
}
.ev_savings_font_color a:link, .ev_savings_font_color a:visited {
	color: #0378e3;
}
.ev_savings_calculator_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/savings_calculator_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.savings_calculator_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/test.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Savings Calculator */
/* EV Emissions Calculator */
.ev_emissions_calc_icon_nav {
	border-color: #0986d6 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/emissions_calc_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 5px;
	background-size: 35px 125px;
}
.ev_emissions_calc_icon_nav:hover {
	background-position-y: -83px;
}

.nav_item_active.ev_emissions_calc_icon_nav {
	background-position-y: -83px !important;
}

.ev_emissions_calc_icon {
	border-color: #0986d6 !important;
}
.ev_emissions_calc_tooltip {
	background-color: #0986d6 !important;
}
.tooltip .ev_emissions_calc_tooltip::after {
	border-color: #0986d6 transparent transparent transparent;
}
.ev_emissions_border_top {
	border-top: solid 1px #0986d6;
}
.ev_emissions_border_proper {
	border: solid 1px #0986d6;
}
.ev_icon_nav_emissions {
	background: rgb(9,134,214);
	background: radial-gradient(circle at center top, rgba(9,134,214,.1) 0%, rgba(255,255,255,1) 70%);
}
.ev_incentives_background_color {
	background-color: #0986d6 !important;
}
.ev_emissions_font_color {
	color: #0986d6;
}
.ev_emissions_font_color a:link, .ev_emissions_font_color a:visited {
	color: #0986d6;
}
.ev_emissions_calculator_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/emissions_calculator_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.emissions_calculator_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/emissions_funnel_bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Emissions Calculator */
/* EV Home Chargers */
.ev_home_chargers_icon_nav {
	border-color: #0f94c9 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/home_chargers_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 7px;
	background-size: 35px 125px;
}
.ev_home_chargers_icon_nav:hover {
	background-position-y: -83px;
}

.nav_item_active.ev_home_chargers_icon_nav {
	background-position-y: -83px;
}

.ev_home_chargers_icon {
	border-color: #0f94c9 !important;
}
.ev_home_chargers_tooltip {
	background-color: #0f94c9 !important;
}
.tooltip .ev_home_chargers_tooltip::after {
	border-color: #0f94c9 transparent transparent transparent;
}
.ev_home_chargers_border_top {
	border-top: solid 1px rgba(15, 148, 201);
}
.ev_home_chargers_border_proper {
	border: solid 1px rgba(15, 148, 201);
}
.ev_icon_nav_home_chargers {
	background: rgb(15,148,201);
	background: radial-gradient(circle at center top, rgba(15,148,201,.1) 0%, rgba(255,255,255,1) 70%);
}
.ev_home_chargers_background_color {
	background-color: #0f94c9 !important;
}
.ev_home_chargers_font_color {
	color: #0f94c9;
}
.ev_home_chargers_font_color a:link, .ev_home_chargers_font_color a:visited {
	color: #0f94c9;
}
.ev_home_chargers_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/home_chargers_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.home_chargers_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/test.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Home Chargers */
/* EV Route Planner */
.ev_route_planner_icon_nav {
	border-color: #16a4b8 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/route_planner_sprite.png');
	background-repeat: no-repeat;
	background-position-x: calc(50% - 2px);
	background-position-y: 9px;
	background-size: 35px 125px;
}
.ev_route_planner_icon_nav:hover {
	background-position-y: -86.56px;
}

.nav_item_active.ev_route_planner_icon_nav {
	background-position-y: -87.5px;
}

.ev_route_planner_icon {
	border-color: #16a4b8 !important;
}
.ev_route_planner_tooltip {
	background-color: #16a4b8 !important;
}
.tooltip .ev_route_planner_tooltip::after {
	border-color: #16a4b8 transparent transparent transparent;
}
.ev_route_planner_border_top {
	border-top: solid 1px rgba(22, 164, 184);
}
.ev_route_planner_border_proper {
	border: solid 1px rgba(22, 164, 184);
}
/*
.ev_icon_nav_route_planner {
	background: rgb(22,164,184);
	background: radial-gradient(circle at center top, rgba(22,164,184,.1) 0%, rgba(246,243,237,1) 70%);
}
*/
.ev_route_planner_background_color {
	background-color: #16a4b8 !important;
}
.ev_route_planner_font_color {
	color: #16a4b8;
}
.ev_route_planner_font_color a:link, .ev_route_planner_font_color a:visited {
	color: #16a4b8;
}
.ev_route_planner_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/route_planner_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ev_route_planner_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/test.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Route Planner */
/* EV Range Map */
.ev_range_map_icon_nav {
	border-color: #1aadaf !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/range_map_sprite.png');
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 10px;
	background-size: 35px 125px;
}
.ev_range_map_icon_nav:hover {
	background-position-y: -89.5px;
}

.nav_item_active.ev_range_map_icon_nav {
	background-position-y: -89.5px;
}

.ev_range_map_icon {
	border-color: #1aadaf !important;
}
.ev_range_map_tooltip {
	background-color: #1aadaf !important;
}
.tooltip .ev_range_map_tooltip::after {
	border-color: #1aadaf transparent transparent transparent;
}
.ev_range_map_border_top {
	border-top: solid 1px rgba(26, 173, 175);
}
.ev_range_map_border_proper {
	border: solid 1px rgba(26, 173, 175);
}
/*
.ev_icon_nav_range_map {
	background: rgb(26,173,175);
	background: radial-gradient(circle at center top, rgba(26,173,175,.1) 0%, rgba(246,243,237,1) 70%);
}
*/
.ev_range_map_font_color {
	color: #1aadaf;
}
.ev_range_map_font_color a:link, .ev_range_map_font_color a:visited {
	color: #1aadaf;
}
.ev_range_map_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/range_map_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.ev_range_map_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/test.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Range Map */
/* EV Charging Stations */
.ev_charging_stations_icon_nav {
	border-color: #20bca1 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/charging_stations_sprite.png');
	background-repeat: no-repeat;
	background-position-x: calc(50% + 3px);
	background-position-y: 9px;
	background-size: 35px 125px;
}
.ev_charging_stations_icon_nav:hover {
	background-position-y: -87px;
}

.nav_item_active.ev_charging_stations_icon_nav {
	background-position-y: -87px;
}

.ev_charging_stations_icon {
	border-color: #20bca1 !important;
}
.ev_charging_stations_tooltip {
	background-color: #20bca1 !important;
}
.tooltip .ev_charging_stations_tooltip::after {
	border-color: #20bca1 transparent transparent transparent;
}
.ev_charging_stations_border_top {
	border-top: solid 1px rgba(32, 188, 161);
}
.ev_charging_stations_border_proper {
	border: solid 1px rgba(32, 188, 161);
}
/*
.ev_icon_nav_charging_stations {
	background: rgb(32,188,161);
	background: radial-gradient(circle at center top, rgba(32,188,161,.1) 0%, rgba(246,243,237,1) 70%);
}
*/
.ev_charging_stations  {
	background-color: #20bca1 !important;
}
.ev_charging_stations_font_color {
	color: #20bca1;
}
.ev_charging_stations_font_color a:link, .ev_charging_stations_font_color a:visited {
	color: #20bca1;
}
.ev_charging_stations_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/charging_stations_background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.charging_stations_funnel_bg {
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/test.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* EV Charging Stations */

/* Disclaimer Top */
.widget_page_disclaimer {
	margin-top: 3rem;
	margin-bottom: 2.5rem;
	width: 100%;
	height: auto;
}
.widget_page_disclaimer p {
	width: 100%;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1rem;
}
/* Disclaimer Top */
/* Disclaimer Bottom */
.widget_page_disclaimer_bottom_container {
	margin-top: 3rem;
	margin-bottom: 8rem;
	width: 100%;
	height: auto;
}
.widget_page_disclaimer_bottom {
	width: 100%;
	height: auto;
}
.widget_page_disclaimer_bottom p {
	width: 100%;
	text-align: center;
	color: #1A1A1A;
	font-size: 1rem;
}
/* Disclaimer Bottom */

#vue-app-incentives {
	width: 100%;
	height: auto;
}
/* Section Widget Page Hero */
.wp_hero_container {
	padding-top: 80px;
	width: 100%;
	height: auto;
	min-height: auto;
	position: relative;
}
.hero_title {
	width: 100%;
	height: auto;
	position: relative;
}
.hero_title .wp_hero_title_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(90deg, #102330 0%, rgba(16, 35, 48, 0) 100%);
	pointer-events: none;
}
.hero_banner_image {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
.hero_product_icon {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translate(-50%);
	z-index: 200;
	background-color: #fff;
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 1rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; */
	box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
	display: none;
}
/*
.hero_product_icon:hover {
 border: solid 2px red; 
}
*/
.hero_product_icon img {
	width: 40px;
	height: 40px;
}
.tpt {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.icon_nav_bg {
	width: 100%;
	height: auto;
	position: relative;
	z-index: -1;
	background-color: #E8E8E8;
	border-bottom: solid 1px #C6C6C6;
}
/* three_col_sec */
.three_col_sec {
	padding-top: .5rem;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
}
.three_col_sec > div {
	width: 33.3%;
	min-height: 40px;
	height: auto;
}
.hero_breadcrumbs {
	width: 100%;
	min-height: inherit;
	height: auto;
	display: flex;
	align-items: center;
}
.hero_breadcrumbs P {
	font-family: 'NeulisSans', sans-serif !important;
    font-size: 1.1rem;
	color: #1A1A1A;
	text-transform: uppercase;
}
.hero_breadcrumbs p a:link, .hero_breadcrumbs p a:visited {
    font-family: 'NeulisSans', Sans-Serif;
    color: #1A1A1A;
    text-decoration: none;
    text-transform: uppercase;
    align-items: center;
    font-weight: 700;
}
.hero_breadcrumbs p a:hover {
	color: #1A1A1A;
    text-decoration: underline;
}
.hero_bread_kba {
	width: 100%;
	min-height: inherit;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.hero_bread_kba P {
    font-size: 1.1rem;
    color: #444;
	display: flex;
	flex-direction: row;
}
.hero_bread_kba p a:link, .hero_bread_kba p a:visited {
	font-family: 'NeulisSans', Sans-Serif;
    color: #1A1A1A;
    text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	font-weight: 700;
}
.hero_bread_kba p a:hover {
	color: #1A1A1A;
    text-decoration: underline;
}
.hero_bread_kba_icon {
	width: 20px;
	height: 20px;
}
.hov {
	margin-top: -6px;
	font-size: 1.3rem;
	margin-left: .2rem;
	font-weight: bold;
}

/* Three_col_sec */
/* Apps List */
.hero_banner_background {
	display: block;
	z-index: 5;
	width: 100%;
	height: 90px;
	/* background-color: #fff; */
	/* border-top-left-radius: 3rem; */
}
.tools_resources_title {
	margin-top: 1rem;
	width: 100%;
	height: auto;
}
.tools_resources_title h2 {
	width: 100%;
    height: auto;
    text-align: center;
	font-family: 'NeulisSans', sans-serif !important;
	color: #1A1A1A;
    font-size: 1.4rem;
	font-weight: bold;
}
.hero_apps_container {
	padding-top: 1.5rem;
	height: inherit;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	overflow-x: auto;
	width: auto;
}
.ev_apps_list {
	padding-bottom: 2.5rem;
	list-style-type: none;
	display: inline-flex;
	gap: 1rem;
}

.ev_apps_list li {
	display: flex;
	flex-direction: column;
	/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
	*/
}

.tooltip a:link, .tooltip a:visited {
	text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	color: #fff;
	border-color: #70c588;
	position: relative;
	transition: none;
}
.app_icon {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	border: solid 2px #70c588;
	box-shadow: rgba(86, 86, 85, 1) 0px 0px 0px 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1A1A1A;
	position: relative;
	z-index: -1;
}
.app_icon:after {
	content: "";
	position: absolute;
	width: 64%;
	height: 7%;
	border-radius: 50%;
	z-index: 1;
	bottom: 0%;
	box-shadow: 0 30px 24px rgba(0,0,0,1);
}

.tooltip .tooltiptext {
	visibility: hidden; 
	padding-top: 8px;
	padding-left: 2rem;
	padding-bottom: 8px;
	padding-right: 2rem;
	min-width: 100px;
	width: auto;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: calc(15%);
	text-align: center;
	margin-left: -50px;
	opacity: 0;
	transition: opacity 0.3s;
	display: none; /* Turn this off for now */
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	/* border-color: #444 transparent transparent transparent; */
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.app_name {
	margin-top: .2rem;
	width: 70px;
	height: auto;
}
.app_name h2 {
    margin-top: 0.2rem;
    font-family: NeulisSans, sans-serif;
    font-size: 1rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
	color: #1A1A1A;
}
/* Apps List */



.wp_hero_overlay_bottom_mobile {
	display: none;
}
.mobile_banner_image {
	display: none;
}
.wp_hero_text_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.wp_banner_content_wrap {
	width: 95%;
	height: inherit;
	margin: 0px auto;
}
.wp_hero_text_block {
	width: 100%;
	height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wp_hero_text {
	width: 100%;
	height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wp_hero_text h1 {
	width: 100%;
	font-family: 'NeulisSans', sans-serif !important;
	color: #fff;
	font-size: 4rem;
	line-height: 4rem;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	flex-direction: column;
}
.wp_hero_text h2 {
    margin-top:.5rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.7rem;
    text-transform: none;
    font-weight: 400;
}
.wp_hero_content_layer_proper {
	width: 100%;
	height: auto;
}
.wp_hero_content_layer {
    width: 100%;
	height: auto;
}
.widget_hero_wrap {
	width: 90%;
	max-width: 1000px;
	height: auto;
	margin: 0px auto;
}
.wp_hero_content {
	width: 100%;
	height: auto;
}
/*
.wp_hero_image_text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
*/
.idk {
    width: 61px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.idk img {
    width: 61px;
    height: 61px;
}
.wp_hero_icon_image {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: #000;
    border: solid 3px #e9c67c;
    box-shadow: rgba(86, 86, 85, 1) 0px 0px 0px 1px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.wp_hero_icon_image img {
	margin-top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.tools_subnav {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.4em;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.tool_subnav_card {
	padding: 1rem 0rem 0.5rem 0rem;
	width: 105px;
	height: 125px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
}
.tool_subnav_card_active {
	background-color: rgb(0, 113, 235);
	background: linear-gradient(180deg, rgba(0, 113, 235, 1) 0%, rgba(13, 88, 170, 1) 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.subnav_link {
	color: white;
	transition: all 0.1s ease;
}
.subnav_link:hover {
	color: #1cb2ab;
	transition: all 0.2s ease;
	text-decoration: none;
}
.subnav_link_active {
	color: #32E479 !important;
	text-decoration: none;
}
.subnav_link_active:hover {
	color: #32E479;
	text-decoration: none;
}
.wp_kbas {
	margin-left: 3rem;
	display: flex;
	align-items: center;
	justify-content: left;
	flex-direction: row;
	opacity: 1;
}
.wp_kba a:link,
.wp_kba a:visited {
	font-family: 'Manrope', Sans-Serif;
	display: block;
	color: blue;
	text-transform: initial;
	padding-top: 1.2rem;
	padding-left: 2rem;
	padding-bottom: 1.2rem;
	padding-right: 2rem;
	font-size: 1.3rem;
	letter-spacing: .1rem;
	background-color: #fff;
	transition: .4s ease;
	text-decoration: none;
	color: rgb(55, 54, 55);
	text-transform: uppercase;
	text-align: center;
}
.wp_kba a:hover {
	transition: .4s ease;
	background-color: #e7e8e8;
	opacity: 1;
}
.wp_kba_blue_style a:link,
.wp_kba_blue_style a:visited {
	/* margin-left: 2rem; */
	color: #fff;
	background-color: #3c86f1;
}
.wp_kba_blue_style a:hover {
	background-color: #34aadc;
}
/* Widget Page Hero */

#vue-app-incentives {
	width: 100%;
	height: auto;
}
#vue-app-incentives {
	width: 100%;
	height: auto;
}
.widget_application_bg {
	position: relative;
	z-index: 2;
	margin-top: 0px;
	width: 100%;
	height: auto;
}
.widget_application {
	margin-top: 5rem;
	width: 100%;
	min-height: 600px;
	height: auto;
}
/* waves animation */
.waves {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: -7px;
	min-height: 150px;
	max-height: 60px;
	background-color: #000;
}
/* Animation */
.parallax > use {
  animation: move-forever 500s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -22s;
  animation-duration: 27s;
}
.parallax > use:nth-child(2) {
  animation-delay: -23s;
  animation-duration: 20s;
}
.parallax > use:nth-child(3) {
  animation-delay: -24s;
  animation-duration: 23s;
}
.parallax > use:nth-child(4) {
  animation-delay: -25s;
  animation-duration: 30s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/* waves animation */
/* Incentives Page / cards Styles */
.incentive_cards {
	width: 100%;
	height: auto
}
.incentive_cards ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
}
.incentive_cards li {
    display: flex;
    position: relative;
    width: 23.7%;
    background-color: #fff;
    /* box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; */
	justify-content: space-between;
}
.incentive_cards li a:link, .incentive_cards li a:visited {
	padding-top: 3rem;
    width: 100%;
  	min-height: 300px;
	height: auto;
    text-decoration: none;
  	/* background: radial-gradient(ellipse at center, #0071eb 0%, #08070f 60%); */
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 1) 0px 0px 0px 1px inset;
	*/
	box-shadow: rgba(105, 105, 105, 1) 0px 0px 0px 1px;
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.incentive_cards li a:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	content: ' ';
	/*
	background: linear-gradient(360deg, rgba(0, 0, 0, .9) 5%, rgba(0, 0, 0, 0) 100%);
	*/
}
.incentive_card_wrap {
	width: 90%;
	height: auto;
	margin: 0px auto;
}
.incentive_card_block {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}
.incentive_card_content {
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
	line-height: normal;
	text-align: center;
	position: relative;
	z-index: 1;
}
.incentive_card_content h1 {
	margin-bottom: 1rem;
	height: auto;
	color: rgb(118, 206, 141);
    font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0rem;
}
.incentive_card_content h2 {
	width: 100%;
	height: auto;
	color: #1A1A1A;
	font-weight: 500;
    font-size: 2.4rem;
    letter-spacing: .1px;
    line-height: 3rem;
	text-transform: uppercase;
	font-weight: bold;
}
.incentive_card_content h3 {
	margin-top: 1rem;
	height: auto;
	color: #1A1A1A;
	font-size: 1.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0rem;
	line-height: normal;
}
.incentive_break_wrap {
	width: 80%;
	height: auto;
	margin: 0px auto;
}
.incentive_break {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.incentive_card_content p {
	height: auto;
	color: #1A1A1A;
	font-size: 1.3rem;
    line-height: 2.5rem;
	font-weight: 300;
	text-transform: none;
}
.incentive_card_kba_block {
	margin-bottom: 3rem;
  	margin-left: auto;
	width: 100%;
	height: auto;
}	
.incentive_card_kba_wrap {
	width: 90%;
	height: auto;
	margin: 0px auto;
}
.incentive_card_kba {
	width: 100%;
	height: auto;
	position: relative; 
	z-index: 1;
}
.incentive_card_kba p {
	font-family: 'NeulisSans', sans-serif;
	display: flex;
    justify-content: center;
    padding-top: 10px;
	padding-bottom: 10px;
    width: 100%;
    height: auto;
	font-weight: 900;
    text-decoration: none;
	border-radius: 50vh;
	font-size: 1.333rem;
	color: #1A1A1A;
	letter-spacing: 0;
	text-transform: uppercase;
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 2px;
	background-color: #fff;
	position: relative;
}
.incentive_card_kba p:hover {
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 3px;
}

.suspense_light_bg {
    background-color: #F1F2F8 !important;
}

.suspense_dark_bg {
	background-color: rgba(225, 225, 225, 1) !important;
}

.suspense_border {
	box-shadow: rgba(225, 225, 225, 1) 0px 0px 0px 2px !important;
}

.suspense_text {
	color: rgba(225, 225, 225, 1) !important;
}
/* Incentives Section */


/* Sales Funnel */
.sales_funnel_contaner {
    width: 100%;
    /* height: auto; */
    /* max-height: 450px; */
    height: 110vh;
    background-color: #000;
    overflow: hidden;
	position: relative;
}
.funnel_overlay_bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 200vh;
    background: rgb(0, 0, 0);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 0) 50%);
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.sales_funnel_content {
	width: 100%;
    height: 110vh;
    position: relative;
    z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.sales_funnel_block {
	width: 100%;
    height: 110vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.sales_funnel {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	position: relative;
	overflow: hidden;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/
}
.vehicle_image_shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 45%;
	height: 100%;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(246,246,246,0) 75%);
}
.funnel_vehicle {
	position: absolute;
    bottom: -4rem;
    right: 0px;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    height: auto;
}
.funnel_vehicle img {
	width: 100%;
	height: auto;
}
.funnel_content {
    width: 100%;
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/
}

.funnel_logo_bg {
	margin-top: 20%;
    width: 100%;
    height: auto;
}
/*
.funnel_logo_wrap {
    width: 80%;
    height: auto;
    margin: 0px auto;
}
*/
.funnel_logo {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.funnel_logo_jdp_logo {
    width: auto;
	max-width: 163px;
    height: auto;
}
.funnel_logo_jdp_logo img {
    width: 100%;
    height: auto;
}
.funnel_jdp_category_page_title {
    width: auto;
    height: auto;
}
.funnel_jdp_category_page_title p a:link, .funnel_jdp_category_page_title p a:visited {
	margin-left: .5rem;
    font-weight: 200;
    font-size: 2.5rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.funnel_jdp_category_page_title p a:hover {
	text-decoration: underline;
}
.funnel_content h2 {
	margin-top: 1rem;
    width: 100%;
    color: #fff;
    font-size: 5.2rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-weight: 300;
	letter-spacing: 0;
}
.thin_funnel_text {
    font-weight: 200;
    font-size: 2.5rem;
	word-spacing: .5rem;
}
/* Sales Funnel */

/* App KBA's */
.funnel_kba_block {
	margin-top: 2.5rem;
    width: 44%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/

}
.funnel_kba_item {
	width: auto;
	height: inherit;
	display: flex;
	align-items: flex-start;
/*
	-moz-box-shadow: 0 0 5px green;
	-webkit-box-shadow: 0 0 5px green;
	box-shadow: 0 0 5px green;
*/
}
.kba_margy_left {
	margin-left: 3rem;
}
/* KBA Transparent With Blue Hover */
.kba_transparent_blue {
	width: auto;
	height: auto;
}
.kba_transparent_blue a:link, .kba_transparent_blue a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
}
.kba_transparent_blue a:hover {
	background: linear-gradient(180deg, rgba(13,145,203,1) 0%, rgba(51,231,118,0) 100%);
	background-color: #0072ea;
	box-shadow: rgba(0, 114, 234, 1) 0px 0px 0px 2px;
}
/* KBA Transparent With Blue Hover */
/* KBA Gold With Gold Hover */
.kba_transparent_gold {
	width: auto;
	height: auto;
}
.kba_transparent_gold a:link, .kba_transparent_gold a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(229, 198, 99, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	background-color: #e5c663;
	color: #1A1A1A;
}
.kba_transparent_gold a:hover {
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	background-color: #000;
	color: #fff;
}
.kba_transparent_gold:hover .dark_icon {
    filter: brightness(0) invert(1);
}
/* KBA Gold With Gold Hover */
/* KBA Black */
.kba_black {
	width: auto;
	height: auto;
}
.kba_black a:link, .kba_black a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	color: #fff;
	background-color: #000;
}
.kba_transparent_black a:hover {
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	background-color: #000;
}
/* Kba Black */
/* KBA Transparent With White Hover */
.kba_transparent_white {
	width: auto;
	height: auto;
}
.kba_transparent_white a:link, .kba_transparent_white a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(225, 225, 225, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	color: #fff;
}
.kba_transparent_white a:hover {
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 2px;
	background-color: #000;
}
/* KBA Transparent With White Hover */
.kba_icon {
	width: 45px;
	height: inherit;
	display: flex;
	align-items: center;
}
.kba_icon img {
	width: 52px;
	height: 52px;
}
.dark_icon {
	filter: brightness(0%);
}
.kba_text {
	margin-left: .5rem;
	width: auto;
	height: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.top_text {
	width: 100%;
	font-size: 1.2rem;
	font-weight: 600;
}
.bottom_text {
	font-size: 1.8rem;
}
/* App KBA's */

/* Video Banner Section */
.wp_banner_video_container {
	width: 100%;
	height: 400px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.wp_banner_video_container .wp_banner_overlay_bottom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(16, 35, 48, 0.9) 0%, rgba(16, 35, 48, 0) 70%);
	opacity: 1;
	pointer-events: none;
}
#wp_banner_video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
/* Video Banner Section */

/* Widget Articles Section */
.w_articles_section {
	padding-top: 8rem;
    padding-bottom: 8rem;
    width: 100%;
    height: auto;
	background-color: #fff;
    /* border-bottom-left-radius: 3rem; */
    position: relative;
}

/* News & Articles Section (EV Hub markup port) */
.news_articles_container {
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: 100%;
	height: auto;
	background-color: #fff;
	position: relative;
}
.news_articles_container .section_header {
	margin-bottom: 1rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}
.news_articles_container .section_title {
	height: auto;
}
.news_articles_container .section_title h2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #00838f;
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 5.5rem;
	letter-spacing: 0;
	font-family: 'NeulisSans', sans-serif !important;
}
.close-btn:focus {
	outline: 1px solid white;
}
/* News & Articles Section */
.articles_content_layer {
	width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

/* News & Articles Section */
.news_articles_container {
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: 100%;
	height: auto;
	background-color: #fff;
	/* border-bottom-left-radius: 3rem; */
	position: relative;
}
.news_shape_one {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    background: url(../../../../../../cm_jdp_ev_assets/textures/texture.png);
    background-repeat: repeat;
    width: 83%;
    height: 61px;
}
.news_shape_two {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    background: url(../../../../../../cm_jdp_ev_assets/textures/texture.png);
    background-repeat: repeat;
    width: 83%;
    height: 61px;
}
.close-btn:focus {
	outline: 1px solid white;
}
.article_filter {
	color: white;
	transition: all 0.1s ease;
}
.article_filter_active {
	color: #cf202f !important;
	text-decoration: none !important;
	opacity: 1 !important;
}
.grow:hover {
	transform: scale(1.1);
	transition: all 300ms;
}
.articles_content_layer {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.section_header {
	margin-bottom: 1rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}
.section_title {
	height: auto;
}
.section_title h2 {
    font-weight: 500;
    color: #000;
    font-size: 2.4rem;
    letter-spacing: .1px;
    line-height: 5.5rem;
}
.news_articles_container .section_title h2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #00838f;
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 5.5rem;
	letter-spacing: 0;
	font-family: 'NeulisSans', sans-serif !important;
}
/*
.section_title h2:after {
	content: "";
	position: absolute;
	height: 0.4rem;
	bottom: -10px;
	left: 0;
	background: -webkit-gradient(linear, left top, right top, from(#0071eb), color-stop(30%, #16a7cb), color-stop(67%, #23c0a8), to(#33e776));
	background: -webkit-linear-gradient(left, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background: linear-gradient(90deg, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background-size: 400% 400%;
	z-index: 0;
}
*/
/*
#na_title:after {
	width: 18.5rem;
}
*/
/*
#tr_title:after {
	width: 21.7rem;
}
*/
#p_title:after {
	width: 32.5rem;
}
#ceq_title:after {
	width: 26.8rem;
}
.section_title h2 a:link, .section_title h2 a:visited {
	color: #fff;
	text-decoration: none;
}
.section_description {
	margin-top: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.section_description h3 {
	width: 70%;
	color: #fff;
	font-size: 2rem;
	line-height: 3.0rem;
}
.section_kbas {
	margin-top: 8rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.section_kbas a:link,
.section_kbas a:visited {
	display: block;
	text-transform: initial;
	padding-top: 1.2rem;
	padding-left: 5rem;
	padding-bottom: 1.2rem;
	padding-right: 5rem;
	font-size: 1.3rem;
	letter-spacing: .1rem;
	background-color: #fff;
	outline: none;
	outline-style: none;
	text-decoration: none;
	color: rgb(55, 54, 55);
	text-align: center;
	border-radius: 6px;
}

.section_kbas a:hover {
	transition: .4s ease;
	background-color: #e7e8e8;
	opacity: 1;
}

.section_kba_blue_style a:link,
.section_kba_blue_style a:visited {
	color: #fff;
	/*
	background-color: #0071eb;
	*/
	background: -webkit-gradient(linear, left top, right top, from(#0071eb), color-stop(30%, #16a7cb), color-stop(67%, #23c0a8), to(#33e776));
	background: -webkit-linear-gradient(left, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background: linear-gradient(90deg, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background-size: 400% 400%;
	z-index: 0;
}

.section_kba_blue_style a:hover {
	background-color: #34aadc;
}

.section_nav {
	width: auto;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-left: auto; */
}
.section_nav_dark {
	background-color: transparent;
	box-shadow: inset 0 -1px 0 0 #fff;
}
.section_nav_dark ul {
	margin-right: 0rem !important;
}
.section_nav_dark li:first-child {
	margin-left: 0rem !important;
}
.section_nav ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
}
.section_nav li {
	position: relative;
	z-index: 1;
	margin-left: 3rem;
	display: inline;
}
.section_nav li:first-child {
	margin-left: 0rem;
}
.section_nav li button {
    width: 100%;
    height: 49px;
	font-family: 'Neulis Sans', Sans-Serif;
	font-weight: 900;
	color: #1A1A1A;
    font-size: 1.3rem;
    text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	opacity: 1;
}
.section_nav_dark li button {
	color: #fff;
}
.section_nav li button:hover {
	/*color: #cf202f; */
	opacity: 1;
	transition: all 0.2s ease;
}
.active_cq_nav {
    /* color: #31e27b !important; */
    text-decoration: none !important;
	box-shadow: inset 0 -2px 0 0 #08070f;
	opacity: 1 !important;
	color: #000;
}
.section_nav_dark .active_cq_nav li button {
	box-shadow: inset 0 -2px 0 0 #fff;
}
.section_nav_selector {
	display: none;
}
.articles_container {
	width: 100%;
	height: auto;
}
.articles {
	width: 100%;
	height: auto;
}

.articles ul {
	list-style-type: none;
}
.articles ul li:first-child {
	margin-top: 0px;
}
.articles li {
	margin-top: 5rem;
    width: 100%;
    height: auto;
}
.articles li:first-child {
	margin-top: 0px;
}
.articles li a:link,
.articles li a:visited {
	text-decoration: none;
}
.article_preview_bg {
	width: 100%;
	height: auto;
}
.article_preview_wrap_outer {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
.articles_wrap_preview_inner {
	width: 50%;
	height: auto;
	position: relative;
}
.article_content_ts {
	width: 90%;
	height: auto;
	display: flex;
	flex-direction: row;
}
.article_preview {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	gap: 0rem;
}
.article_preview > .articles_wrap_preview_inner {
	margin-left: 3rem;
}
.article_preview_even {
	display: flex;
	flex-direction: row-reverse;
}
.article_preview_even > .articles_wrap_preview_inner {
	display: block;
	margin-left: 0px !important;
}
/* Tim Made me do this */


.article_preview_media {
	display: flex; 
	justify-content: center;
	align-items: center;
	width: 50%;
	height: auto;
	max-height: 420px;
	transition: all 300ms;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.article_preview_media::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgb(0, 0, 0);
	background: linear-gradient(to top, rgba(16, 35, 48, 0.9) 0%, rgba(16, 35, 48, 0) 70%);
	opacity: 1;
	pointer-events: none;
}
.article_preview_media img {
    width: 100%;
    height: auto;
	position: relative;
	z-index: 0;
}
.play_icon {
	max-height: 200px;
}
.play_icon {
	position: absolute;
	max-width: 45%;
	transition: all 300ms;
	z-index: 100;
}
.article_preview_media:hover .play_icon {
	max-width: 40%;
	transition: all 300ms;
}
.article_preview_tag_name {
	padding: .5rem;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	height: auto;
	width: auto;
	display: flex;
	flex-wrap: nowrap;
	background-color: #fff;
    box-shadow:  rgba(0, 0, 0, 1) 0px 0px 0px .5px inset;
}
.article_preview_tag_name h3 {
	margin-left: 0.4rem;
	font-size: 1.2rem;
	font-family: 'NeulisSans', sans-serif;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
.article_preview_tag_name h3:first-child {
	margin-left: 0px;
}
.article_preview_tag_name_text {
	margin-left: 1.3%;
	font-size: 1.7rem;
	line-height: 2.6rem;
	letter-spacing: .1rem;
	font-weight: bold;
	color: #31e27c;
}
.capitalize:first-child {
	margin-left: 0%;
}
.article_preview_title {
	margin-top: 1rem;
	width: 90%;
	height: auto;
}
.article_preview_title h2 {
	margin-top: 3rem;
	font-family: 'NeulisSans', sans-serif;
	color: #1A1A1A;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 4rem;
	font-size: 3.7rem;
}
.article_author {
	margin-top: 0.5rem;
	width: 100%;
	height: auto;
}
.article_author p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #605f63;
}

.author_preview_content {
	margin-top: 2.5rem;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	display: none;
}
.author_preview_image img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: solid 2px #999;
}
.author_preview_name {
	margin-left: 1rem;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.author_preview_name p {
	font-size: 1.3rem;
	font-weight: normal;
	color: #999;
	font-style: italic;
}
.article_content_seperation_wrap {
	width: 60%;
	height: auto;
	margin: 0px auto;
}
.article_seporator {
	display: none;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	width: 100%;
	height: 0.5rem;
	bottom: 0;
	left: 0;
	width: 100%;
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(#0071eb), color-stop(30%, #16a7cb), color-stop(67%, #23c0a8), to(#33e776));
	background-image: -webkit-linear-gradient(left, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background-image: linear-gradient(90deg, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	*/
	background: -webkit-gradient(linear, left top, right top, from(#0071eb), color-stop(30%, #16a7cb), color-stop(67%, #23c0a8), to(#33e776));
	background: -webkit-linear-gradient(left, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background: linear-gradient(90deg, #0071eb, #16a7cb 30%, #23c0a8 67%, #33e776);
	background-size: 400% 400%;
	z-index: 0;
}
.article_content_preview_title {
	width: 95%;
	height: auto;
}
.article_content_preview_title p {
	margin-top: 1rem;
	color: #1A1A1A;
	font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.8rem;
}
.article_link_preview_bg {
	margin-top: 3rem;
    width: 100%;
    height: auto;
}
.article_link_wrap {
	width: 40%;
	height: auto;
}
.article_link_preview {
	width: 100%;
	display: flex;
	justify-content: center;
}
.article_link_preview h4 {
	display: block;
	width: 100%;
	height: auto;
	padding: 1px;
	transition: .4s ease;
	outline: none;
	outline-style: none;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
}
.article_link_preview h4 a:link, .article_link_preview h4 a:visited {
	font-family: 'NeulisSans', sans-serif;
	display: flex;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
	font-weight: 900;
	text-decoration: none;
	border-radius: 50vh;
	font-size: 1.333rem;
	color: #1A1A1A;
	letter-spacing: 0;
	text-transform: uppercase;
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 2px;
	background-color: #fff;
	position: relative;
}
.article_link_preview h4 a:hover {
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 3px;
}
#see_articles {
    display: none;
}
.working {
    display: block !important;
}
/* News & Articles Section */
/* Patrons */
.patrons_container {
	width: 100%;
	height: 600px;
	background-color: #000;
	background: url(../../../../../../cm_jdp_ev_assets/patrons/cev_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	background-repeat: no-repeat;
	position: relative;
}

.patrons_overlay_top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100vh;
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(8, 7, 15, 1) 5%, rgba(0, 0, 0, 0) 100%);
}

.patrons_overlay_bottom_ev,
.patrons_overlay_bottom_convoy,
/* Back-compat: older widget markup */
.patrons_overlay_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #102330;
	background: linear-gradient(360deg, rgba(16, 35, 48, 0.9) 5%, rgba(16, 35, 48, 0) 100%);
}
.patrons_content {
	width: 100%;
	height: inherit;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.patrons_header {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}
.patrons_header h2 {
	width: 100%;
	font-family: 'NeulisSans', sans-serif;
	color: #fff;
	font-size: 4rem;
	line-height: 4rem;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.patrons_header h1 {
	width: 100%;
    color: #fff;
    font-size: 5.2rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-weight: 400;
	letter-spacing: 0;
    display: flex;
    flex-direction: column;
	justify-content: center;
    align-items: center;
    text-align: center;
}
.thin_patrons_text {
    font-weight: 200;
    font-size: 3rem;
}
.patrons_header p {
	width: 70%;
	margin-top: 2rem;
	text-align: center;
	font-family: 'Manrope', sans-serif;
	font-weight: normal;
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.8rem;
}

.patrons_header p a:link, .patrons_header p a:visited {
	text-decoration: underline;
	color: white;
	font-weight: bold;
}
.patrons_header a:hover {
	text-decoration: underline;
}

.patrons_kba_block {
	margin-top: 2rem;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.patrons_kba_item {
    width: auto;
    height: inherit;
    display: flex;
    align-items: center;
}

/* Patrons: primary KBA (match EV Hub orange pill) */
.patrons_container .kba_primary {
	width: auto;
	height: auto;
}
.patrons_container .kba_primary a:link,
.patrons_container .kba_primary a:visited {
	cursor: pointer;
	padding-left: 1rem;
	padding-right: 1rem;
	width: auto;
	height: 45px;
	border-radius: 50vh;
	text-decoration: none;
	background-color: #D34612;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3rem;
	font-family: 'NeulisSans', sans-serif !important;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
}
.patrons_container .kba_primary a:hover {
	background-color: #F17144;
}
.patrons_kba_red {
	width: auto;
	height: auto;
}
.patrons_kba_red a:link, .patrons_kba_red a:visited {
    cursor: pointer;
    padding-left: 0.5rem;
    padding-right: 1rem;
    width: auto;
    height: 70px;
    box-shadow: rgba(255, 255, 255, 1) 0px 0px 0px 2px;
    border-radius: 5px;
    display: flex;
	text-decoration: none;
}
.patrons_kba_red a:hover {
	background: linear-gradient(180deg, rgba(192,24,34,1) 0%, rgba(51,231,118,0) 100%);
	background-color: #cf202f;
	box-shadow: rgba(207, 32, 47, 1) 0px 0px 0px 2px;
}
.patrons_kba_icon {
    width: 45px;
    height: inherit;
    display: flex;
    align-items: center;
}
.patrons_kba_text {
    margin-left: 0.5rem;
    width: auto;
    height: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* Patrons */
/* Breadcrumbs */
.breadcrumbs_container {
	width: 100%;
	min-height: auto;
	position: relative;
	background: #102330;
	border-bottom: solid 1px #C6C6C6;
	z-index: 100;
}
/* Breadcrumbs */
.footer_wrap {
	padding-left: 24px;
}
/* Breadcrumbs */
.breadcrumbs_content {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.breadcrumbs_content p {
	font-size: 1.1rem;
	color: #fff;
}
.breadcrumbs_content p a:link,
.breadcrumbs_content p a:visited {
	color: #fff;
	text-decoration: none;
}
.breadcrumbs_content p a:hover {
	text-decoration: underline;
}
/* Breadcrumbs */
/* Charging Map Key & Charging Description */
.map_widget_application_bg {
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: 100%;
	height: auto;
}
.charging_pin {
	margin-right: .3rem;
	width: 30px;
	height: auto;
}
.charging_pin_small {
	margin-right: .3rem;
	width: 18px;
	height: auto;
}
.level_one_color {
	color: #999999;
}
.level_two_color {
	color: #1a82ae;
}
.level_three_color {
	color: #4cb556;
}
.dealership_color {
	color: #005ebd;
}
.map_key_container {
	margin-bottom: .5rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-end;
	display: none;
}
.map_key {
	/*
	padding: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.3);
	*/
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2rem;
}
.map_key_item {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.map_key_item h3 {
	margin-top: 0px;
    font-size: 1.2rem;
    font-weight: normal;
	text-align: center;
    color: #fff;
}
.map_key_item h3 a:link, .map_key_item h3 a:visited {
	display: block;
	margin-top: .5rem;
    font-size: 1.2rem;
    font-weight: normal;
	text-align: center;
    color: #fff;
	text-decoration: underline;
}
#charging_description {
	margin-bottom: 8rem;
}
.charging_description_container {
	margin-top: 4rem;
	padding: 2rem;
	height: auto;
	margin-bottom: 1rem;
	box-shadow: rgba(0, 0, 0, 1) 0px 0px 0px 1px;
}
.charging_description_title {
	height: auto;
}
.charging_description_title h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
	text-align: center;
	color: #1A1A1A;
	font-weight: bold;
}
.charging_description_items {
	height: auto;
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
}
.charging_description_item {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.charging_description_item h3 {
	margin-top: 0px;
    font-size: 1.5rem;
    font-weight: normal;
	text-align: center;
	color: #1A1A1A;
}
.charging_description_item p {
	margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: normal;
	text-align: center;
	line-height: 1.7rem;
    color: #333;
}
/* Charging Map Key & Charging Description */

/* Breadcrumbs */
.footer_wrap {
	padding-left: 24px;
}
/* Breadcrumbs */


