/* Tool card icon images (SVG) */
.tool_card_icon_img {
	width: 38px;
	height: 38px;
	display: block;
	margin: 0 auto;
	/* If SVGs use currentColor for fill, this will make them white: */
	color: #fff;
}
/* Imported Fonts (match Hybrid template) */
/*
@import url('fonts.css');
*/
/* Imported Fonts */

/* Global font defaults (match Hybrid template behavior) */
body, p, li, button, input, select, textarea {
	font-family: 'Manrope', Sans-Serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'NeulisSans', sans-serif !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-family: inherit !important;
}
/* Global font defaults */

/* Sections Hierarchy */


/* Wraps */
.page_intro_wrap {
	width: 88%;
	max-width: 1030px;
	height: auto;
	margin: 0px auto;
}
/* Wraps */

main {
	width: 100%;
	height: auto;
	overflow: hidden; 
}

/* Section Hero */
.hero_containter {
	width: 100%;
	height: 100vh;
	overflow: hidden; 
	background: none;
	z-index: 100;
	opacity: 1;
}

#hero {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*
.jd-slider .slide-area > li {
	border-left: 0;
	box-sizing: border-box;
	outline: none;
}
*/
.h_ranking_number {
	padding: 0.35rem;
	border-radius: 0.25rem;
	/*
	background-color: #31e27c;
	*/
	color: #fff;
	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;
}

/* Slide #1 */
#hero_one {
	position: relative;
	width: 100%;
	height: 100vh;
}
.welcome_hero_image { 
	display: none;
}
.hero_video_container {
	position: fixed;
	top: 0px;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
#hero_video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 2050px) {
	.hero_video_container {
		width: 100% !important;
		height: auto !important;
		overflow: hidden !important;
		display: block !important;
	}
	#hero_video {
		width: 100% !important;
		height: auto !important;
	}
}
.welcome_hero_overlay_top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 50vh;
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(3, 3, 3, .5) 5%, rgba(3, 3, 3, 0) 60%);
}

.welcome_hero_overlay_left_side {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	width: 50%;
	height: 100vh;
	background: none;
	opacity: 0;
}
.hero_overlay_bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
	height: 100vh;
	background: linear-gradient(360deg, rgba(16, 35, 48, 0.9) 20%, rgba(16, 35, 48, 0) 100%);
	opacity: 1;
}
.hero_overlay_fill {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0, .3);
	display: none;
}
.welcome_hero_content_layer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 8;
	width: 100%;
	height: 100vh;
}
.welcome_hero_content {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#special_offer_bg {
	position: absolute;
	top: 80px; 
	left: 0px;
	width: 100%;
	height: 44px;
	z-index: 2;
	background: radial-gradient(circle, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
}
#special_offer {
	width: 100%;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin: 0 auto;
}
#special_offer p {
	margin: 0px;
	padding: 0px;
    color: #fff;
    font-size: 1.3rem;
    text-transform: normal;
    font-weight: 400;
	max-width: auto;
	line-height: 0%;
}
#special_offer p a:link,  #special_offer p a:visited {
	text-decoration: none;
	color: #fff;
    -webkit-box-shadow: 0 2px #fff;
    -moz-box-shadow: 0 2px #fff;
            box-shadow: 0 2px #fff;
}
.irs_logo {
	width: auto;
	height: 30px;
	background-color: #00599C;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.irs_logo img {
	padding-left: .5rem;
	padding-right: .5rem;
	width: auto;
	height: 15px;
}
.welcome_hero {
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.hero_text_block {
	width: 100%;
	height: auto;
}
.hero_text_block h1 {
    font-family: 'NeulisSans', sans-serif !important;
	color: #fff;
	font-size: 4rem;
	line-height: 4rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 0;
	display: flex;
	flex-direction: column;
}
.jdp_award {
	width: auto;
	height: 180px;
	display: flex;
	justify-content: flex-start;
}
.jdp_award img {
	width: auto;
	height: 180px;
}
.bold_hero_text {
	font-weight: 600;
}
.thin_hero_text {
	font-weight: 200;
	font-size: 7rem;
}
.welcome_hero h2 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	width: 100%;
	max-width: 56ch;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.7rem;
	text-transform: none;
	font-weight: 400;
}
.welcome_hero p {
	margin-top: 2rem;
	margin-bottom: 3rem;
	width: auto;
	max-width: 600px;
	font-family: 'Manrope', sans-serif;
	font-size: 1.7rem;
	line-height: 2.6rem;
	letter-spacing: .1rem;
	font-weight: normal;
	color: #fff;
	opacity: 1;
	/* Opacity was set to 0 */
}
.hero_kba_container {
	margin-top: 2rem;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hero_kba_block {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.hero_kba_item {
	width: auto;
	height: inherit;
	display: flex;
	align-items: center;
}
.hero_kba_block .kba_margy_left {
	margin-left: 1rem;
}

.kba_primary {
	width: auto;
	height: auto;
}
.kba_primary a:link, .kba_primary a:visited {
	cursor: pointer;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: .2rem;
	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;
}
.kba_primary a:hover {
	background-color: #F17144;
}
/* 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: #000;
}
.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 */

/* New Style Guide KBA Teal */
.kba_teal {
	width: auto;
	height: auto;
}
.kba_teal a:link, .kba_teal a:visited {
	cursor: pointer;
	padding-left: .5rem;
	padding-right: 1rem;
	width: auto;
	height: 70px;
	box-shadow: rgba(0, 131, 142, 1) 0px 0px 0px 2px;
	border-radius: 5px;
	display: flex;
	text-decoration: none;
	background-color: #00838E;
	color: #fff;
}
.kba_teal a:link:hover, .kba_teal a:visited:hover {
	box-shadow: rgba(0, 107, 116, 1) 0px 0px 0px 2px;
	background-color: #006b74;
	color: #fff !important;
}
.kba_teal a:hover .kba_text_dark {
	color: #fff !important;
}
/* New Style Guide KBA Teal */

/* 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;
	background-color:rgb(0, 0, 0, .3);
}
.kba_transparent_white a:hover {
	box-shadow: rgba(0, 107, 116, 1) 0px 0px 0px 2px;
	background-color: #006b74;
	color: #fff !important;
}
/* KBA Transparent With White Hover */
.kba_icon {
	width: 45px;
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: 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-family: 'NeulisSans', sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
}
.bottom_text {
	font-family: 'NeulisSans', sans-serif;
	font-size: 1.8rem;
}
.video_controls {
	width: 100%;
	height: 30px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video_controls .hero_button {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	cursor: pointer;
	opacity: 1;
	min-height: 24px;
	padding: 0;
	gap: .35rem;
	background: none;
}
.video_controls .hero_button:hover {
	opacity: 1;
}
.video_controls .hero_button img {
	display: block;
	width: 12px;
	height: 12px;
	flex: 0 0 auto;
}
.video_controls .hero_button h6 {
	margin: 0;
	margin-top: 2.98px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	text-transform: initial;
	font-family: 'NeulisSans', sans-serif;
	font-size: 1.1rem;
	line-height: 1;
	color: #fff;
	font-weight: 300;
	letter-spacing: .1rem;
}
#play_button {
	display: none;
}

.hero_banner_background {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5;
	width: 100%;
	height: 90px;
	/* background-color: #fff; */
	/* border-top-left-radius: 3rem; */
}
.hero_banner {
	width: 100%;
	height: inherit;
}
.hero_apps_container {
	width: 100%;
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#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;
}
.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 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;
}
.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 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;
}
.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_background_color {
	background-color: #70c588 !important;
}
/* 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: 7px;
	background-size: 36px 125px;
}
.ev_savings_icon_nav:hover {
	background-position-y: -83px;
}
.ev_savings_icon {
	border-color: #70c588 !important;
}
.ev_savings_tooltip {
	background-color: #1A1A1A !important;
	border: solid 1px #70c588;

}
.tooltip .ev_savings_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Savings Calculator */
/* EV Emissions Calculator */
.ev_emissions_calc_icon_nav {
	border-color: #70c588 !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;
}
.ev_emissions_calc_icon {
	border-color: #70c588 !important;
}
.ev_emissions_calc_tooltip {
	background-color: #70c588 !important;
}
.tooltip .ev_emissions_calc_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Emissions Calculator */
/* EV Home Chargers */
.ev_home_chargers_icon_nav {
	border-color: #70c588 !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;
}
.ev_home_chargers_icon {
	border-color: #70c588 !important;
}
.ev_home_chargers_tooltip {
	background-color: #70c588 !important;
}
.tooltip .ev_home_chargers_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Home Chargers */
/* EV Route Planner */
.ev_route_planner_icon_nav {
	border-color: #70c588 !important;
	background-image: url('../../../../../../cm_jdp_ev_assets/icons/route_planner_sprite.png');
	background-repeat: no-repeat;
	background-position-x: calc(50% - 1px);
	background-position-y: 10px;
	background-size: 36px 125px;
}
.ev_route_planner_icon_nav:hover {
	background-position-y: -86px;
}
.ev_route_planner_tooltip {
	background-color: #1A1A1A !important;
	border: solid 1px #70c588;
}
.tooltip .ev_route_planner_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Route Planner */
/* EV Range Map */
.ev_range_map_icon_nav {
	border-color: #70c588 !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: -89px;
}
.ev_range_map_icon {
	border-color: #70c588 !important;
}
.ev_range_map_tooltip {
	background-color: #1A1A1A !important;
	border: solid 1px #70c588;
}
.tooltip .ev_range_map_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Range Map */
/* EV Charging Stations */
.ev_charging_stations_icon_nav {
	border-color: #70c588 !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;
}
.ev_charging_stations_icon {
	border-color: #70c588 !important;
}
.ev_charging_stations_tooltip {
	background-color: #1A1A1A !important;
	border: solid 1px #70c588;
}
.tooltip .ev_charging_stations_tooltip::after {
	border-color: #70c588 transparent transparent transparent;
}
/* EV Charging Stations */
/* 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: 10px;
	background-size: 35px 125px;
}
.ev_maps_icon_nav:hover {
	background-position-y: -89.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 */
/* App Specific Styles */
.app_name {
	margin-top: .2rem;
	width: 70px;
	height: auto;
}
.app_name h2 {
	margin-top: .2rem;
	font-family: 'NeulisSans', Sans-Serif;
	font-size: 1rem;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}
.tooltip .tooltiptext {
	/* visibility: hidden; */
	display: none;
	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;
}
.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;
	display: block;
}
/* Slide #1 */
/* Section Hero */

/* Intro Section */
/* Used for section scrolling */
#page_intro {
	/* reserved for page intro layout overrides */
	position: relative;
}
/* Used for section scrolling */
.page_intro_container {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
}
.page_intro_block {
	position: relative;
	z-index: 4;
	padding-top: 11rem;
}
.article_image {
    width: 100%;
    max-width: 494px;
    height: 617px;
    position: relative;
    z-index: 0;
}
.article_image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* The gradient overlay */
.article_image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;                /* how far the white reaches over the image */
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
  z-index: 2;                /* sits above the image */
}
.main_intro_video_play {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video_icon {
	position: relative;
	z-index: 2;
}
.play_icon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 227px;
	height: 128px;
	display: flex;
	justify-content: center;
	align-content: center;
}
/* Play Button */
 .play_btn_info {
	width: 58px;
	height: 58px;
	background-color: rgb(0,0,0,.8);
	border-radius: 50%;
	position: relative;
	display: block;
	/* margin: 100px auto; */
	box-shadow: 0px 0px 25px 3px rgb(0 0 0 / 20%);
	border: 1px solid rgba(255, 255, 255, .75);
}
/* triangle */
.play_btn_info::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 17px solid #fff;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play_btn_info:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    z-index: 4;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .75);
    top: -33%;
    left: -34%;
    background: rgba(198, 16, 0, 0);
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}
/* Play Button */

.article_preview_text p {
	margin-top: 1rem;
	font-size: 1.5rem;
	font-weight: normal;
    line-height: 2.8rem;
	color: #1A1A1A;
	font-family: 'Manrope', sans-serif;
}
.page_intro_content_layer {
	width: 100%;
	height: auto;
}
.article_flex_col {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	gap: 3.5rem;
}
.article_column_left {
	width: 50%;
	height: auto;
	position: relative;
}
.article_column_right {
	width: 50%;
	height: auto;
}
.article_frame_texture {
    position: absolute;
    top: -30px;
    left: -30px;
    z-index: -1 !important;
	width: 442px;
	height: 617px;
	background-color: #102330;
}
.article_preview_text {
	width: 100%;
	height: auto;
}
.article_preview_text h2 {
    margin-top: 6rem;
    margin-left: -190px;
    font-weight: 900;
    color: #1a1a1a;
    font-size: 4rem;
    text-transform: uppercase;
    line-height: 4rem;
    font-family: 'NeulisSans', sans-serif !important;
    position: relative;
    z-index: 3;
}
.article_preview_text p + p {
	margin-top: 3rem;
}
/* Intro Section */



/* 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;
    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 */

/* Tools & Resources Section */
.tools_resources_container {
	padding-top: 8rem;
	/*
	padding-bottom: 8rem;
	*/
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
}
.tools_resources_container .section_title h2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #00838f;
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 4rem;
	letter-spacing: 0;
	font-family: 'NeulisSans', sans-serif !important;
}
.shape { 
	display: none;
}
.tools_resources_page {
	position: relative;
	z-index: 4;
}
.tools_resources_wrap {
	width: 88%;
	max-width: 1030px;
	height: auto;
	margin: 0px auto;
}
.tools_resources_content_layer {
	width: 100%;
	height: auto;
}
/* article two column */
.article_down_arrow {
	margin-top: 2rem; 
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.arrow {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-top: 2px solid #dededf;
	border-right: 2px solid #dededf;
}
.arrow-bottom {
	transform: rotate(135deg);
}

/* Tool Cards */
.tool_cards_container { 
	padding-bottom: 8rem;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.tool_cards_wrap {
	width: 88%;
	height: auto;
	margin: 0px auto;
}
.tool_cards {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tool_cards ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	gap: 4rem;
}
.tool_cards li {
	display: inline-block;
    position: relative;
	width: 31%;
	height: 480px;
	/*
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 50px 0px;
	*/
}
.tool_cards li:first-child {
	margin-left: 0rem;
}
.tool_cards li a:link, .tool_cards li a:visited {
	width: 100%;
	height: inherit;
	text-decoration: none;
}
.tool_card_background {
	width: 100%;
	height: inherit;
}
.tool_card_flex {
	width: 100%;
	height: inherit;
	background: #102330;
	background: linear-gradient(360deg, rgba(16, 35, 48, 0.9) 10%, rgba(16, 35, 48, 0) 50%);
}

.tool_card_hover_overlay:hover,
.ev_incentives_card_hover:hover,
.ev_savings_background_hover:hover,
.ev_emissions_calc_background_hover:hover,
.ev_home_chargers_background_hover:hover,
.ev_route_planner_background_hover:hover,
.ev_range_map_background_hover:hover,
.ev_charging_stations_background_hover:hover,
.ev_maps_background_hover:hover {
	background: #00838F;
	background: linear-gradient(360deg, rgba(0, 131, 143, 0.9) 10%, rgba(0, 131, 143, 0) 50%);
}
/* 1. Tool Card Incentives */
.ev_incentives_image {
	display: block;
	background-image: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/incentives.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/* 1. Tool Card Incentives */
/* 2. Tool Card Savings Calc */
.ev_savings_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/saving_calculator.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_savings_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(3, 120, 227, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 2. Tool Card Savings Calc */

/* 3. Tool Card Emissions Calc */
.ev_emissions_calc_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/emissions_calculator.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_emissions_calc_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(9, 134, 214, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 3. Tool Card Emissions Calc */

/* 4. Tool Card Home Chargers */
.ev_home_chargers_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/home_chargers.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_home_chargers_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(15, 148, 201, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 4. Tool Card Home Chargers */
/* 5. Tool Card Route Planner */
.ev_route_planner_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/route_planner.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_route_planner_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(22, 164, 184, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 5. Tool Card Route Planner */
/* 6. Tool Card Range Map */
.ev_range_map_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/ev_range_map.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_range_map_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(26, 173, 175, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 6. Tool Card Range Map */
/* 7. Tool Card Charging Stations */
.ev_charging_stations_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/ev_charging_stations.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/*
.ev_charging_stations_background_image:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	width: 100%;
	height: inherit;
    background: rgb(0, 0, 0); 
    background: linear-gradient(360deg, rgba(32, 188, 161, 1) 25%, rgba(0, 0, 0, 0) 35%);
}
*/
/* 7. Tool Card Charging Stations */
/* 8. Tool Card General Maps */
.ev_maps_background_image {
	display: block;
	background: url(../../../../../../cm_jdp_ev_assets/widget_backgrounds/maps.jpg); 
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	/*
	box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 1) 0px 0px 0px 1px inset;
	*/
}
/* 8. Tool Card General Maps */
.tool_card_flex {
	position: relative;
	z-index: 2;
	width: 100%;
	height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.tool_card_header {
	width: 100%;
	height: auto;
}
.tool_card_wrap {
	width: 90%;
	height: auto;
	margin: 0px auto;
}
.tool_card_header_inner {
	width: 100%;
	height: 135px;
	display: flex;
	flex-direction: row;
}
.tool_card_icon_container {
	width: auto;
	display: flex;
	align-items: center;
}
.tool_card_icon {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: #1A1A1A;
    border: solid 3px #e9c67c;
    box-shadow: rgba(86, 86, 85, 1) 0px 0px 0px 1px;
    isolation: isolate;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 38px 38px;
}

/* Tool card icons: centered SVG (no hover state) */
/*
.tool_card_icon.ev_incentives_icon {
	background-image: url('../../../../../../cm_jdp_ev_assets/widget_icons/new_icons/ev_incentives_icon-BLKbg%202.svg');
}
.tool_card_icon.ev_savings_icon {
	background-image: url('../../../../../../cm_jdp_ev_assets/widget_icons/new_icons/ev_saving_calc_icon-BLKbg%202.svg');
}
.tool_card_icon.ev_route_planner_icon {
	background-image: url('../../../../../../cm_jdp_ev_assets/widget_icons/new_icons/Route-Planner-BLKbg%202.svg');
}
.tool_card_icon.ev_range_map_icon {
	background-image: url('../../../../../../cm_jdp_ev_assets/widget_icons/new_icons/Range-Map-BLKbg%202.svg');
}
.tool_card_icon.ev_charging_stations_icon {
	background-image: url('../../../../../../cm_jdp_ev_assets/widget_icons/new_icons/Charger-Stations-BLKbg%202.svg');
}
*/
/* Ensure EV Hub tool-card Route Planner icon matches the green set */
.tool_card_icon.ev_route_planner_icon {
	border-color: #70c588 !important;
}
.tool_card_icon img {
	width: 42px;
	height: 42px;
}
.tool_card_text {
	margin-left: 1.5rem;
	width: auto;
	height: 135px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tool_card_text h3 {
	width: 100%;
	height: auto;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0rem;
    text-transform: uppercase;
}
.tool_card_text p {
    margin-top: .2rem;
    font-weight: normal;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
}
.view_all_app_cards_container {
	margin-top: 3.5rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.view_all_ac_wrap {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0px auto;
}
#load_more_apps {
	font-family: 'NeulisSans', sans-serif;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 50vh;
	text-transform: uppercase;
	letter-spacing: 0;
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 2px;
	background-color: #fff;
	color: #1A1A1A;
	cursor: pointer;
}

#load_more_apps p {
	margin: 0;
	font-family: 'NeulisSans', sans-serif;
	font-weight: 900;
	font-size: 1.1rem;
	line-height: 1;
	color: inherit;
}
#load_more_apps:hover {
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 3px;
	/*
	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;
	*/
}


.view_all_articles_container {
	margin-top: 8rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.view_all_articles_wrap {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0px auto;
}
#load_more_articles {
	font-family: 'NeulisSans', sans-serif;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 50vh;
	text-transform: uppercase;
	letter-spacing: 0;
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 2px;
	background-color: #fff;
	color: #1A1A1A;
	cursor: pointer;
}
#load_more_articles p {
	margin: 0;
	font-family: 'NeulisSans', sans-serif;
	font-weight: 900;
	font-size: 1.1rem;
	line-height: 1;
	color: inherit;
}
#load_more_articles:hover {
	box-shadow: rgba(0, 131, 143, 1) 0px 0px 0px 3px;
	/*
	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;
	*/
}



.d_none {
	display: none !important;
}
.d_none_articles {
	display: none !important;
}
.fadeIn {
	display: block !important;
	animation: 1.8s fadeIn;
}
@keyframes fadeIn {
  0% {
    /* transform: translateY(100%); */
    opacity: 0;
  }
  100% {
    /* transform: translateY(0%); */
    opacity: 1;
  }
}
/* Tool Cards */


/* Article two column */
/* Tools & Resources Section */

/* Banner #2 (Hybrid-style) */
.large_ad_container {
	width: 100%;
	padding-top: 8rem;
	padding-bottom: 8rem;
	height: auto;
	background-color: #000;
	position: relative;
	overflow: hidden;
	background: url(../../../../../../cm_jdp_ev_assets/backgrounds/banner_two_try.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.large_ad_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%);
}

/* Left-side overlay for Banner #2 (keeps content clickable) */
.large_ad_container .c_hero_overlay_left_side {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, #102330 0%, rgba(16, 35, 48, 0) 100%);
	opacity: 1;
	pointer-events: none;
}
.banner_two {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
}
.banner_two_columns {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.banner_para {
	width: 50%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner_para h2 {
	margin-top: 1rem;
	width: 100%;
	font-family: 'NeulisSans', sans-serif;
	color: #fff;
	font-size: 4rem;
	line-height: 5.2rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0;
}
.banner_para h3 {
	width: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: .1px;
	line-height: 2.5rem;
	color: #76CE8D;
	text-transform: uppercase;
}
.pc_text_100 {
	display: block;
	width: 100%;
	height: auto;
}
.banner_para p {
	width: 100%;
	font-weight: normal;
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.featured_image_container {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.featured_image {
	width: 90%;
	height: auto;
}
.featured_image img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow:
		2em 4em 6em -2em rgba(0,0,0,1),
		1em 2em 3.5em -2.5em rgba(0,0,0,1);
}
.banner_two_kba_block {
	margin-top: 2rem;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.large_ad_container .kba_margy_left {
	margin-left: 1rem;
}
.route_planner_kba a:link, .route_planner_kba a:visited {
	background: #16a4b8;
	background-color: #16a4b8;
	box-shadow: rgba(22, 164, 184, 1) 0px 0px 0px 2px !important;
}
.route_planner_kba a:hover {
	background: #16a4b8 !important;
	background-color: #16a4b8 !important;
	box-shadow: rgba(22, 164, 184, 1) 0px 0px 0px 2px !important;
}

.banner_two_kba_red {
	width: auto;
	height: auto;
}
.banner_two_kba_red a:link, .banner_two_kba_red 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;
}
.banner_two_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;
}
.banner_two_kba_icon {
	width: auto;
	max-width: 45px;
	height: inherit;
	display: flex;
	align-items: center;
}
.banner_two_kba_icon img {
	width: auto;
	height: auto;
}
.banner_two_kba_text {
	margin-left: .5rem;
	width: auto;
	height: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.banner_two_article_link {
	margin-top: 3rem;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
}
.banner_two_article_link p a:link,  .banner_two_article_link p a:visited {
	padding: 1rem;
	text-decoration: none;
	background-color: rgb(68, 68, 68, .3);
	color: #000;
	border-radius: 5px;
	font-family: 'Manrope', Sans-Serif;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .1rem;
}
#route_planner_icon_white {
   -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}
/* Banner #2 */

/* Common EV Questions Section */
.common_questions_container {
	padding-top: 8rem;
	padding-bottom: 8rem;
    width: 100%;
    height: auto;
	background-color: #fff;
    /* border-bottom-left-radius: 3rem; */
    position: relative;
	overflow: hidden;
}
.common_questions_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;
}
.c_hero_shape_one {
    position: absolute;
    top: 0%;
    right: 0px;
    z-index: 1;
    background: url(../../../../../../cm_jdp_ev_assets/textures/texture.png);
    background-repeat: repeat;
	background-color: #000;
    width: 83%;
    height: 450px;
}
.c_hero_shape_two {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    background: url(../../../../../../cm_jdp_ev_assets/textures/texture.png);
    background-repeat: repeat;
	background-color: #eeeeee7e;
    width: 83%;
    height: 61px;
}
.common_questions_content {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	*/
}

#question_one {
	display: none;
}
#question_two {
	display: none;
}
#question_three {
	display: none;
}
#question_four {
	display: none;
}
.cq_question_content {
	width: 100%;
	height: auto;
}
.cq_content_container {
	margin-top: 4rem;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.cq_content {
	width: 100%;
	height: auto;
	position: relative;
}
.cq_content_title {
	width: 100%;
	height: auto;
}

.c_hero_bg {
	width: 100%;
	height: 482px;
	background-color: #222;
	position: relative;
}
.question_video_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 482px;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;

	background-size: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
.c_hero_overlay_left_side {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	width: 100%;
	height: inherit;
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, #102330 0%, rgba(16, 35, 48, 0) 100%);
	opacity: 1;
}
.c_hero_overlay_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: inherit;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 30%);
	opacity: 1;
}
.c_hero_content_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	width: 100%;
	height: inherit;
}
.c_hero_wrap {
	width: 95%;
	height: auto;
	margin: 0px auto;
}
.c_hero_content {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}
.q_a_video_wrap {
	width: 300px;
	height: auto;
	margin: unset;
}
.cq_video_title {
	position: relative;
	z-index: 2;
	height: inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.jdp_logo_video {
	margin-top: 3rem;
	width: 73px;
	height: auto;
}
.jdp_logo_video img {
	width: 100%;
	height: auto;
}
.cq_video_title h3 {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0rem;
    text-transform: uppercase;
}
.cq_video_title p {
    margin-top: 0.5rem;
	width: 47%;
    font-weight: 200;
    color: #fff;
	font-size: 2rem;
}
.article_preview_q_a {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	margin-top: 3rem;
	width: 100%;
	height: auto;
	box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
    cursor: pointer;
	position: relative;
	background-size: 100% 100%;
}
/*
.article_preview_q_a:after {
	content: ' ';
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    content: "";
    width: 100%;
    height: inherit;
    background-color: rgb(0,0,0,0.2); 
}
*/
.article_preview_q_a img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.article_play_btn_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.video_icon {
	position: relative;
	z-index: 2;
}
.play_icon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 280px;
	height: 158px;
	display: flex;
	justify-content: center;
	align-content: center;
}
/* Play Button */
.play-btn {
	width: 90px;
	height: 90px;
	background-color: rgb(16,35,48,.9);
	border-radius: 50%;
	position: relative;
	display: block;
	/* margin: 100px auto; */
	box-shadow: 0px 0px 25px 3px rgb(0 0 0 / 20%);
}

/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  z-index: 4;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -31%;
  left: -31%;
  background: rgba(198, 16, 0, 0);
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}
/* Play Button */
.sl_title {
	width: 100%;
	height: auto;
	min-height: 70px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 0px;
	background: transparent;
	cursor: pointer;
}

.sl_icon {
	width: auto;
	max-width: 40px;
	height: auto;
	max-height: 40px;
}

.sl_text {
	width: 90%;
	text-align: left;
}
.sl_text h4 {
	font-family: 'Neulis Sans', sans-serif;
	font-size: 1.6rem;
	    color: #1A1A1A;
    font-style: normal;
    font-kerning: normal;
    display: flex;
	line-height: 2.8rem;
    align-items: center;
	font-weight: 600;
}
/*
.first_question h3 {
	font-size: 2.5rem;
}
*/
/*
@media only screen and (max-width: 980px) {
	.sl_text {
		margin-left: 5%;
		width: auto;
	}
}
*/
.sl_toggle {
	margin-left: auto;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1A1A1A;
	border-radius: 50%;
	opacity: 1;
}
.sl_toggle:hover {
	opacity: .7;
}

.toggle_arrow {
	margin-top: -.2rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 800;
}

.si_content_list {
    padding-top: 1rem;
    padding-bottom: 1rem;
	width: 100%;
	height: auto;
	display: none;
}
.question {
	font-size: 2.1rem;
	margin-right: 1rem;
	color: #7e7e81;
	display: none;
}
.answer {
	font-size: 1.7rem;
	margin-right: 2.3rem;
	color: #7e7e81;
	display: none;
}
.safety_list_item {
	position: relative;
	width: 100%;
	height: auto;
}
.si_content_list ul {
	list-style-type: none;
	list-style-position: outside;
}
.si_content_list li {
	font-family: 'Manrope', Sans-Serif;
    font-weight: normal;
	    color: #757575;
	font-size: 1.5rem;
    line-height: 2.8rem;
}
.safety_ending_wrap {
	width: 85%;
	max-width: 1366px;
	height: auto;
	margin: 0px auto;
}
.safety_ending_para {
	width: 100%;
	height: auto;
}
.safety_ending_para p {
	text-align: center;
	color: #000;
	font-size: 1rem;
	line-height: 1.8rem;
}
/* Common EV Questions Section */

/* Scores & Rankings */
/* Scores & Rankings */

/* Vehicle Spotlight */
/* Vehicle Spotlight */

/* Latest Reviews */
/* Latest Reviews */


/* Patrons convoy */
.patrons_container {
    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 {
	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_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%);
}
*/
.patrons_overlay_bottom_convoy {
    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 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_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: underline;
}
/* Breadcrumbs */

@keyframes rotateAnimation {
	from {
		transform: rotateY(45deg);
	}

	to {
		transform: rotateY(360deg);
	}
}