:root {
  --Primary-Primary-25: #f4f7fb;
  --white: #ffffff;
  --darkgreen: #006827;
  --green: #00ae41;
  --green-50: rgba(0, 174, 65, 1);
  --purple: #1d3a68;
  --dblue: #142645;
  --white75: rgba(255, 255, 255, 0.75);
  --white25: rgba(255, 255, 255, 0.25);
  --white50: rgba(255, 255, 255, 0.5);
  --grey: #eaeff7;
  --grey75: rgba(255, 255, 255, 0.75);
  --grey50: rgba(255, 255, 255, 0.5);
  --blackish: #050a11;
  --blackish75: rgba(5, 10, 17, 0.75);
  --blackish50: rgba(5, 10, 17, 0.5);
  --blackish60: rgba(5, 10, 17, 0.6);
  --Primary-Primary-500: #3160AD;
  --primary-primary-50025: rgba(49, 96, 173, 0.25);
  --primary-font: "DM Sans", sans-serif;
  --secondary-font: "Open Sans", sans-serif;
}
:root .gap-52 {
  gap: 5.2rem;
  margin-top: 1rem;
}

.border-top-1px {
  border-top: 1px solid #eaeff7;
}

.row-color {
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.1);
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.mb-22 {
  margin-bottom: 2.2rem;
}

.mt-14 {
  margin-top: 1.4rem;
}

.mt-16 {
  margin-top: 1.6rem;
}

.mt-18 {
  margin-top: 1.8rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mt-30 {
  margin-top: 3rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mt-50 {
  margin-top: 5rem;
}

.mt-60 {
  margin-top: 6rem;
}

.mt-70 {
  margin-top: 7rem;
}

.mt-80 {
  margin-top: 8rem;
}

.mt-90 {
  margin-top: 9rem;
}

.mt-100 {
  margin-top: 10rem;
}

.mt-120 {
  margin-top: 12rem;
}

.mt-150 {
  margin-top: 15rem;
}

.mb-160 {
  margin-bottom: 16rem;
}

.mt-200 {
  margin-top: 20rem;
}

.mb-16 {
  margin-bottom: 1.6rem;
}

.mb-18 {
  margin-bottom: 1.8rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-24 {
  margin-bottom: 2.4rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}

.mb-40 {
  margin-bottom: 4rem;
}

.mb-44 {
  margin-bottom: 4.4rem;
}

.mb-48 {
  margin-bottom: 4.8rem;
}

.mb-50 {
  margin-bottom: 5rem;
}

.mb-56 {
  margin-bottom: 5.6rem;
}

.mb-60 {
  margin-bottom: 6rem;
}

.mb-64 {
  margin-bottom: 6.4rem;
}

.mb-70 {
  margin-bottom: 7rem;
}

.mb-76 {
  margin-bottom: 7.6rem;
}

.mb-80 {
  margin-bottom: 8rem;
}

.mb-90 {
  margin-bottom: 9rem;
}

.mb-100 {
  margin-bottom: 10rem;
}

.mb-120 {
  margin-bottom: 12rem;
}

.mb-150 {
  margin-bottom: 15rem;
}

.mb-200 {
  margin-bottom: 20rem;
}

.pt-10 {
  padding-top: 1rem;
}

.pt-16 {
  padding-top: 1.6rem;
}

.pt-18 {
  padding-top: 1.8rem;
}

.pt-20 {
  padding-top: 2rem;
}

.pt-24 {
  padding-top: 2.4rem;
}

.pt-30 {
  padding-top: 3rem;
}

.pt-32 {
  padding-top: 3.2rem;
}

.pt-40 {
  padding-top: 4rem;
}

.pt-50 {
  padding-top: 5rem;
}

.pt-60 {
  padding-top: 6rem;
}

.pt-70 {
  padding-top: 7rem;
}

.pt-80 {
  padding-top: 8rem;
}

.pt-90 {
  padding-top: 9rem;
}

.pt-100 {
  padding-top: 10rem;
}

.pt-110 {
  padding-top: 10rem;
}

.pt-120 {
  padding-top: 12rem;
}

.pt-130 {
  padding-top: 13rem;
}

.pt-136 {
  padding-top: 13.6rem;
}

.pt-140 {
  padding-top: 14rem;
}

.pt-150 {
  padding-top: 15rem;
}

.pt-160 {
  padding-top: 16rem;
}

.pt-170 {
  padding-top: 16rem;
}

.pt-180 {
  padding-top: 18rem;
}

.pt-200 {
  padding-top: 20rem;
}

.pb-10 {
  padding-bottom: 1rem;
}

.pb-16 {
  padding-bottom: 1.6rem;
}

.pb-18 {
  padding-bottom: 1.8rem;
}

.pb-20 {
  padding-bottom: 2rem;
}

.pb-24 {
  padding-bottom: 2.4rem;
}

.pb-30 {
  padding-bottom: 3rem;
}

.pb-32 {
  padding-bottom: 3.2rem;
}

.pb-40 {
  padding-bottom: 4rem;
}

.pb-48 {
  padding-bottom: 4.8rem;
}

.pb-50 {
  padding-bottom: 5rem;
}

.pb-60 {
  padding-bottom: 6rem;
}

.pb-70 {
  padding-bottom: 7rem;
}

.pb-80 {
  padding-bottom: 8rem;
}

.pb-90 {
  padding-bottom: 9rem;
}

.pb-100 {
  padding-bottom: 10rem;
}

.pb-120 {
  padding-bottom: 12rem;
}

.pb-120 {
  padding-bottom: 12rem;
}

.pb-130 {
  padding-bottom: 13rem;
}

.pb-136 {
  padding-bottom: 13.6rem;
}

.pb-140 {
  padding-bottom: 14rem;
}

.pb-150 {
  padding-bottom: 15rem;
}

.pb-160 {
  padding-bottom: 16rem;
}

.pb-180 {
  padding-bottom: 18rem;
}

.pb-200 {
  padding-bottom: 20rem;
}

.ps-10 {
  padding-left: 1rem;
}

.ps-16 {
  padding-left: 1.6rem;
}

.ps-18 {
  padding-left: 1.8rem;
}

.ps-20 {
  padding-left: 2rem;
}

.ps-24 {
  padding-left: 2.4rem;
}

.ps-30 {
  padding-left: 3rem;
}

.ps-32 {
  padding-left: 3.2rem;
}

.ps-40 {
  padding-left: 4rem;
}

.ps-50 {
  padding-left: 5rem;
}

.ps-60 {
  padding-left: 6rem;
}

.ps-70 {
  padding-left: 7rem;
}

.ps-80 {
  padding-left: 8rem;
}

.ps-90 {
  padding-left: 9rem;
}

.ps-100 {
  padding-left: 10rem;
}

.ps-150 {
  padding-left: 15rem;
}

.ps-200 {
  padding-left: 20rem;
}

.pe-10 {
  padding-right: 1rem;
}

.pe-16 {
  padding-right: 1.6rem;
}

.pe-18 {
  padding-right: 1.8rem;
}

.pe-20 {
  padding-right: 2rem;
}

.pe-24 {
  padding-right: 2.4rem;
}

.pe-30 {
  padding-right: 3rem;
}

.pe-32 {
  padding-right: 3.2rem;
}

.pe-40 {
  padding-right: 4rem;
}

.pe-50 {
  padding-right: 5rem;
}

.pe-60 {
  padding-right: 6rem;
}

.pe-70 {
  padding-right: 7rem;
}

.pe-80 {
  padding-right: 8rem;
}

.pe-90 {
  padding-right: 9rem;
}

.pe-100 {
  padding-right: 10rem;
}

.pe-150 {
  padding-right: 15rem;
}

.pe-200 {
  padding-right: 20rem;
}

.p-20 {
  padding: 2rem;
}

.p-30 {
  padding: 3rem;
}

.p-40 {
  padding: 4rem;
}

.p-50 {
  padding: 5rem;
}

.pe-md-32 {
  padding-right: 3.2rem;
}

.pe-md-22 {
  padding-right: 2.2rem;
}

.gap-32 {
  gap: 3.2rem;
}

.gap-17 {
  gap: 1.7rem;
}

.max-31 {
  max-width: 31.4rem;
}

.max-32 {
  max-width: 32.4rem;
}

.max-34 {
  max-width: 34.5rem;
}

.max-280 {
  max-width: 28rem;
}

.max-300 {
  max-width: 30rem;
}

.max-350 {
  max-width: 30.5rem;
}

.max-36 {
  max-width: 36.2rem;
}

.max-360 {
  max-width: 36rem;
}

.max-365 {
  max-width: 36.5rem;
}

.max-388 {
  max-width: 38.8rem;
}

.max-39 {
  max-width: 39.45rem;
}

.max-400 {
  max-width: 40rem;
}

.max-402 {
  max-width: 40.2rem;
}

.max-500 {
  max-width: 50rem;
}

.max-510 {
  max-width: 51rem;
}

.max-51 {
  max-width: 51.4rem;
}

.max-53 {
  max-width: 53.4rem;
}

.max-50 {
  max-width: 50.8rem;
}

.max-600 {
  max-width: 60rem;
}

.max-603 {
  max-width: 60.3rem;
}

.max-610 {
  max-width: 61rem;
}

.max-642 {
  max-width: 64.2rem;
}

.max-640 {
  max-width: 64rem;
}

.max-650 {
  max-width: 65rem;
}

.max-658 {
  max-width: 65.8rem;
}

.max-700 {
  max-width: 70rem;
}

.max-720 {
  max-width: 72rem;
}

.max-788 {
  max-width: 78.8rem;
}

.max-800 {
  max-width: 80rem;
}

.max-858 {
  max-width: 85.8rem;
}

.max-860 {
  max-width: 86rem;
}

.max-980 {
  max-width: 98rem;
}

.max-110 {
  max-width: 110rem;
}

.max-106 {
  max-width: 106rem;
}

.max-1077 {
  max-width: 107.7rem;
}

.max-1080 {
  max-width: 108rem;
  margin: auto;
}

.max-1090 {
  max-width: 109rem;
  margin: auto;
}

.max-1130 {
  max-width: 113rem;
  margin: auto;
}

.max-1204 {
  max-width: 120.4rem;
  margin: auto;
}

.max-1200 {
  max-width: 120.4rem;
  margin: auto;
}

.max-1220 {
  max-width: 122rem;
  margin: auto;
}

.max-1400 {
  max-width: 140rem;
}

.max-1440 {
  max-width: 144rem;
}

.max-1920 {
  max-width: 192rem;
  margin: auto;
}

.mwidth_605 {
  max-width: 60.5rem;
  width: 100%;
}

.minvh-100 {
  min-height: 100vh;
}

.minh-180 {
  min-height: 18rem;
}

.minh-265 {
  min-height: 26.5rem;
}

.minh-350 {
  min-height: 35rem;
}

.minh-400 {
  min-height: 40rem;
}

.minh-500 {
  min-height: 50rem;
}

.h-100-vh {
  min-height: 100vh;
}

.h-90-vh {
  min-height: 90vh;
}

.h-80-vh {
  min-height: 80vh;
}

.h-70-vh {
  min-height: 70vh;
}

.h-60-vh {
  min-height: 60vh;
}

.h-50-vh {
  min-height: 50vh;
}

.max-1330 {
  max-width: 133rem;
}

.max-110 {
  max-width: 110rem;
}

.max-25 {
  max-width: 25.1rem;
}

.max-52 {
  max-width: 52.6rem;
}

.pt-large {
  padding-top: 24.6rem;
}

.pt-medium {
  padding-top: 16.8rem;
}

.pb-large {
  padding-bottom: 12.5rem;
}

.pb-medium {
  padding-bottom: 7.2rem;
}

.wp-block-columns {
  padding: 0 0.75rem 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.border-radius-8 img {
  border-radius: 0.8rem;
  width: 100%;
}

@media screen and (min-width: 37.5em) {
  .main-navigation ul {
    display: flex;
  }
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

html {
  font-size: 10px;
}
html body {
  font-family: var(--secondary-font);
  color: var(--blackish75);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  padding-top: 11.8rem;
  /*Heading */
}
html body a {
  font-weight: 400;
  text-decoration: none;
  color: var(--black);
}
html body a:hover {
  color: var(--green);
}
html body .eighteenpx, html body .newsletter-form p, .newsletter-form html body p, html body .flip-card .flip-card-inner .flip-card-front h6, .flip-card .flip-card-inner .flip-card-front html body h6, html body .flip-card .flip-card-inner .flip-card-back h5, .flip-card .flip-card-inner .flip-card-back html body h5, html body .leadership .title p, .leadership .title html body p, html body .servicing-fleet .bg-image-map .--content p, .servicing-fleet .bg-image-map .--content html body p, html body .partner .--content p, .partner .--content html body p, html body .transportation .left-content p, .transportation .left-content html body p, html body .pioneering .--content p, .pioneering .--content html body p, html body .counter .counter-card .--content p, .counter .counter-card .--content html body p, html body .step-wrapper .--content p, .step-wrapper .--content html body p, html body .solution-wrapper .--content p, .solution-wrapper .--content html body p, html body .future-wrapper .title p, .future-wrapper .title html body p, html body .transportation-wrapper .--title p, .transportation-wrapper .--title html body p, html body .contact-hero p, .contact-hero html body p, html body .plugin .plug-content p, .plugin .plug-content html body p, html body .ev-solution .--content p, .ev-solution .--content html body p, html body .involved-wrapper .--title p, .involved-wrapper .--title html body p, html body .why-electric .--left-content p, .why-electric .--left-content html body p, html body .customer .--content p, .customer .--content html body p, html body .hero-section .hero-content, .hero-section html body .hero-content, html body .inner-hero .--content p, .inner-hero .--content html body p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
}
html body h1,
html body .h1,
html body .transportation-wrapper .transportation-card .--text .d-flex h2,
.transportation-wrapper .transportation-card .--text .d-flex html body h2,
html body h2,
html body .h2,
html body .contact-hero h1,
.contact-hero html body h1,
html body h3,
html body .h3,
html body h4,
html body .h4,
html body h5,
html body .h5,
html body h6,
html body .h6,
html body .reviews-contact .testimonial-slider .testimonial-item h5,
.reviews-contact .testimonial-slider .testimonial-item html body h5 {
  font-family: var(--primary-font);
  font-weight: 700;
}
html body .btn, html body form input[type=submit],
html body .wp-block-button__link {
  padding: 1.6rem 2.62rem;
  transition: 0.3s all;
  color: var(--white);
  font-family: var(--primary-font);
  border-radius: 5rem;
  font-size: 2rem;
  background: var(--green);
  font-weight: 700;
  line-height: 2.4rem;
  text-transform: capitalize;
  border-color: unset;
  border: 0;
}
html body .btn:hover, html body form input[type=submit]:hover,
html body .wp-block-button__link:hover {
  background-color: var(--darkgreen);
}
html body .btn:visited, html body form input[type=submit]:visited,
html body .wp-block-button__link:visited {
  color: var(--white);
}
html body .btn.primary-btn:hover, html body form input.primary-btn[type=submit]:hover,
html body .wp-block-button__link.primary-btn:hover {
  background-color: var(--darkgreen);
  color: var(--white);
}
html body .btn.primary-btn:visited, html body form input.primary-btn[type=submit]:visited,
html body .wp-block-button__link.primary-btn:visited {
  color: var(--white);
}
html body .btn.btn-outlined, html body form input.btn-outlined[type=submit],
html body .wp-block-button__link.btn-outlined {
  background-color: transparent;
  border-radius: 96px;
  border: 1px solid var(--neutral-white-75, rgba(255, 255, 255, 0.75));
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
  padding: 1.52rem 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  transition: 0.3s all ease;
}
html body .btn.btn-outlined:hover, html body form input.btn-outlined[type=submit]:hover,
html body .wp-block-button__link.btn-outlined:hover {
  background-color: var(--green);
  border-color: var(--green);
}
html body .btn .gform_button, html body form input[type=submit] .gform_button,
html body .wp-block-button__link .gform_button {
  border-radius: 5rem;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
  transition: 0.3s all ease;
  outline: none;
  border: unset;
}
html body .btn .gform_button:hover, html body form input[type=submit] .gform_button:hover,
html body .wp-block-button__link .gform_button:hover {
  background-color: var(--pink) !important;
}
html body.logged-in .site-header {
  top: 3.2rem;
}
html body form input[type=email],
html body form input[type=number],
html body form input[type=password],
html body form input[type=text],
html body form input[type=tel],
html body form .gfield_select,
html body form select,
html body form .textarea {
  font-weight: 400;
  padding: 1.5rem 1.6rem;
  width: 100%;
  margin-top: 0;
  box-shadow: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border-radius: 8px;
  border: 1px solid var(--neutral-white-50, rgba(255, 255, 255, 0.5));
  background: rgba(255, 255, 255, 0.05);
  color: var(--white75);
  margin-bottom: 1.6rem;
  transition: 0.3s all;
}
html body form input[type=email]:focus, html body form input[type=email]:active, html body form input[type=email]:hover,
html body form input[type=number]:focus,
html body form input[type=number]:active,
html body form input[type=number]:hover,
html body form input[type=password]:focus,
html body form input[type=password]:active,
html body form input[type=password]:hover,
html body form input[type=text]:focus,
html body form input[type=text]:active,
html body form input[type=text]:hover,
html body form input[type=tel]:focus,
html body form input[type=tel]:active,
html body form input[type=tel]:hover,
html body form .gfield_select:focus,
html body form .gfield_select:active,
html body form .gfield_select:hover,
html body form select:focus,
html body form select:active,
html body form select:hover,
html body form .textarea:focus,
html body form .textarea:active,
html body form .textarea:hover {
  border: 1px solid var(--Neutral-White, #FFF);
}
html body form input[type=email]::-moz-placeholder, html body form input[type=number]::-moz-placeholder, html body form input[type=password]::-moz-placeholder, html body form input[type=text]::-moz-placeholder, html body form input[type=tel]::-moz-placeholder, html body form .gfield_select::-moz-placeholder, html body form select::-moz-placeholder, html body form .textarea::-moz-placeholder {
  color: var(--Secondary-Secondary-900);
}
html body form input[type=email]::placeholder,
html body form input[type=number]::placeholder,
html body form input[type=password]::placeholder,
html body form input[type=text]::placeholder,
html body form input[type=tel]::placeholder,
html body form .gfield_select::placeholder,
html body form select::placeholder,
html body form .textarea::placeholder {
  color: var(--Secondary-Secondary-900);
}
html body form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../images/downarrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 1.6rem) center;
}
html body form select option {
  background-color: var(--dblue);
}
html body form input[type=submit] {
  padding: 1.4rem 2.62rem;
  margin-top: 1.6rem;
  float: right;
}
html body form .gfield {
  flex-wrap: wrap;
}
html body form .gform_fields {
  grid-row-gap: 1.6rem !important;
}
html body form .gform_button {
  border-radius: 5rem;
  background: #0d0e18 !important;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
  transition: 0.3s all ease;
  outline: none;
  border: unset;
}
html body .gform_wrapper.gravity-theme .gfield_required {
  display: none !important;
}
html body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border: 1px solid rgba(0, 0, 0, 0.5);
}

#toast-wrap {
  padding: 1.2rem 0;
  text-align: center;
  position: relative;
}
#toast-wrap p {
  margin: 0;
}
#toast-wrap a {
  text-align: center;
  font-weight: 700;
  line-height: 160%; /* 2.56rem */
  text-decoration-line: underline;
  background-color: transparent;
  margin-left: 0.8rem;
}
#toast-wrap #toast-close {
  position: absolute;
  right: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pomontserrat;
}

.site-header {
  background-color: #fff;
  position: absolute;
  transition: background 300ms ease, padding 300ms ease, z-index 300ms ease;
  padding: 4.3rem 0;
  top: 0;
  z-index: 99;
  width: 100%;
}
.site-header .site-logo img {
  transition: all 0.3s;
}
.site-header.fixed {
  position: fixed;
  top: 0;
  animation: slideDown 0.6s ease forwards;
  padding: 2rem 0rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.site-header.fixed::after {
  height: 2.4rem;
}
.site-header.fixed .top-bar {
  display: none;
}
.site-header.fixed .site-logo img {
  max-width: 32rem;
}

.site-navigation {
  padding: 0;
  list-style: none;
  margin: 0;
}
.site-navigation ul#second-menu {
  gap: 3rem !important;
}
.site-navigation ul#primary-menu,
.site-navigation ul#second-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 1rem;
  align-items: center;
}
.site-navigation ul#primary-menu li,
.site-navigation ul#second-menu li {
  position: relative;
  transition: 0.3s all;
}
.site-navigation ul#primary-menu li a,
.site-navigation ul#second-menu li a {
  color: var(--blackish60);
  font-family: var(--secondary-font);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem; /* 150% */
  transition: 0.2s all;
  padding: 0.7rem;
}
.site-navigation ul#primary-menu li a:hover,
.site-navigation ul#second-menu li a:hover {
  color: var(--green);
}
.site-navigation ul#primary-menu li a:visited,
.site-navigation ul#second-menu li a:visited {
  color: var(--blackish60);
}
.site-navigation ul#primary-menu li.header-btn,
.site-navigation ul#second-menu li.header-btn {
  padding: 0;
}
.site-navigation ul#primary-menu li.header-btn a,
.site-navigation ul#second-menu li.header-btn a {
  background-color: var(--green);
  padding: 0.6em 1.6rem;
  font-size: 1.4rem;
  color: var(--white) !important;
  font-weight: 700;
  font-family: var(--primary-font);
  border-radius: 96px;
  transition: 0.3s all;
}
.site-navigation ul#primary-menu li.header-btn a:hover,
.site-navigation ul#second-menu li.header-btn a:hover {
  background-color: var(--darkgreen);
}
.site-navigation ul#primary-menu li.header-btn a.visited,
.site-navigation ul#second-menu li.header-btn a.visited {
  color: var(--white);
}
.site-navigation ul#primary-menu li.fr-lang a,
.site-navigation ul#second-menu li.fr-lang a {
  color: var(--darkgreen);
  font-family: var(--primary-font);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
}
.site-navigation ul#primary-menu li.current_page_item a, .site-navigation ul#primary-menu li.current_page_parent a,
.site-navigation ul#second-menu li.current_page_item a,
.site-navigation ul#second-menu li.current_page_parent a {
  color: var(--darkgreen);
  font-weight: 700;
}
.site-navigation ul#primary-menu li.current-page-ancestor > a, .site-navigation ul#primary-menu li.current-menu-item > a, .site-navigation ul#primary-menu li.current-menu-parent > a,
.site-navigation ul#second-menu li.current-page-ancestor > a,
.site-navigation ul#second-menu li.current-menu-item > a,
.site-navigation ul#second-menu li.current-menu-parent > a {
  position: relative;
}
.site-navigation ul#primary-menu li.current-page-ancestor > a:after, .site-navigation ul#primary-menu li.current-menu-item > a:after, .site-navigation ul#primary-menu li.current-menu-parent > a:after,
.site-navigation ul#second-menu li.current-page-ancestor > a:after,
.site-navigation ul#second-menu li.current-menu-item > a:after,
.site-navigation ul#second-menu li.current-menu-parent > a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -0.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.site-navigation ul#primary-menu li.current-page-ancestor .sub-menu .current-menu-item a::after, .site-navigation ul#primary-menu li.current-menu-item .sub-menu .current-menu-item a::after, .site-navigation ul#primary-menu li.current-menu-parent .sub-menu .current-menu-item a::after,
.site-navigation ul#second-menu li.current-page-ancestor .sub-menu .current-menu-item a::after,
.site-navigation ul#second-menu li.current-menu-item .sub-menu .current-menu-item a::after,
.site-navigation ul#second-menu li.current-menu-parent .sub-menu .current-menu-item a::after {
  display: none;
}
.site-navigation ul#primary-menu li:hover ul.sub-menu,
.site-navigation ul#second-menu li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  border-radius: 0rem 0rem 0.4rem 0.4rem;
  border-top: 2px solid var(--Secondary-Secondary-50, #f2f3fe);
  background: var(--Neutrals-White, #fff);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}
.site-navigation ul#primary-menu li:hover .arrow svg,
.site-navigation ul#second-menu li:hover .arrow svg {
  transform: rotate(180deg);
}
.site-navigation ul#primary-menu li ul.sub-menu,
.site-navigation ul#second-menu li ul.sub-menu {
  position: absolute;
  min-width: 21.6rem;
  display: block;
  list-style: none;
  padding: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 2rem);
  z-index: 1;
}
.site-navigation ul#primary-menu li ul.sub-menu li,
.site-navigation ul#second-menu li ul.sub-menu li {
  width: 100%;
  padding: 0.8rem 1.6rem 0.8rem;
  margin: 0;
}
.site-navigation ul#primary-menu li ul.sub-menu li:last-child,
.site-navigation ul#second-menu li ul.sub-menu li:last-child {
  padding-bottom: 1.6rem;
}
.site-navigation ul#primary-menu li ul.sub-menu li:first-child,
.site-navigation ul#second-menu li ul.sub-menu li:first-child {
  padding-top: 1.6rem;
}
.site-navigation ul#primary-menu li ul.sub-menu li a,
.site-navigation ul#second-menu li ul.sub-menu li a {
  padding: 0;
  width: 100%;
  text-transform: capitalize;
}
.site-navigation ul#primary-menu li.primary-btn a,
.site-navigation ul#second-menu li.primary-btn a {
  color: var(--white);
}
.site-navigation ul#primary-menu li.search-hide,
.site-navigation ul#second-menu li.search-hide {
  margin-left: 5.2rem;
}
.site-navigation .menu-toggle {
  border: 0;
  display: none;
}
.site-navigation .menu-toggle .mobile-icon {
  display: none;
}
.site-navigation.toggled .main-navigation {
  position: fixed;
  right: 0;
  top: 12rem;
  padding: 2rem 4rem;
  border-radius: 1rem;
  width: 100%;
  min-height: calc(100vh - 12rem);
  left: 0;
}

.topbar {
  padding: 1.2rem 0;
  background-color: var(--d-navy);
}
.topbar .--content {
  justify-content: end;
  gap: 0.8rem;
}
.topbar .--content p {
  color: var(--white);
  font-family: "worksans Sans";
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  line-height: 1.6rem; /* 114.286% */
  display: flex;
  align-items: center;
}
.topbar .--content p img {
  margin-right: 0.8rem;
}
.topbar .--content p a {
  color: var(--white);
  font-weight: 700;
}

.site-footer {
  padding: 6.1rem 0 3.2rem;
}
.site-footer .secondry-menu ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.site-footer .secondry-menu ul li.current-menu-item a {
  color: var(--darkgreen);
  font-weight: 700;
}
.site-footer .secondry-menu ul li a {
  color: var(--blackish60);
  font-family: var(--secondary-font);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem; /* 150% */
  transition: 0.2s all;
  padding: 0.7rem;
}
.site-footer .secondry-menu ul li a:hover {
  color: var(--green);
}
.site-footer .privacy-menu ul {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: end;
}
.site-footer .privacy-menu ul li a {
  color: var(--darkgreen);
  font-family: var(--secondary-font);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem; /* 150% */
  transition: 0.2s all;
}
.site-footer .copyright {
  color: var(--blackish50);
  font-family: var(--secondary-font);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  margin: 0;
}

.footer-cta .container-fluid {
  background-color: #e6f7ec;
}
.footer-cta figure {
  position: relative;
  margin: 0;
}
.footer-cta figure:before {
  content: "";
  background: rgba(0, 0, 0, 0.55);
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}
.footer-cta figure img.--logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.footer-cta .content {
  max-width: 53.8rem;
  padding-left: 5.6rem;
}
.footer-cta .content h3 {
  color: var(--blackish);
  margin-bottom: 2rem;
}
.footer-cta .content p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.footer-cta .content .primary-btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 20px; /* 125% */
  text-transform: capitalize;
  padding: 1.5rem 1.6rem;
  margin-top: 3rem;
  min-width: 15.4rem;
}

.wp-block-columns {
  padding: 0;
}

/* Loader CSS */
#loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensures it sits on top of other elements */
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left: 4px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.post,
.page {
  margin: 0;
}

.inner-hero {
  color: white;
}
.inner-hero .min-570 {
  min-height: 57rem;
}
.inner-hero .--content {
  padding-left: 10.4rem;
  background-size: cover;
}
.inner-hero .--content h1 {
  margin-bottom: 2.4rem;
}
.inner-hero .--content::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.4;
}
.inner-hero .--content .z-index {
  z-index: 1;
}
.inner-hero .--content .wp-block-buttons {
  margin-top: 2.4rem;
}

.hero-section {
  color: var(--white);
}
.hero-section .--content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80.2rem;
  width: 100%;
  text-align: center;
}
.hero-section .--content h1 {
  margin-bottom: 8.8rem;
}
.hero-section .--video {
  max-height: 68.8rem;
  overflow: hidden;
}
.hero-section .hero-content {
  border-radius: 0.4rem;
  background: var(--white);
  box-shadow: 0px 4px 20px 8px rgba(0, 0, 0, 0.04);
  padding: 5.2rem 8.8rem 4.2rem;
  margin-top: -2.4rem;
  z-index: 1;
  position: relative;
  text-align: center;
  color: var(--blackish75);
}

.customer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-logo .slick-track {
  display: flex;
  align-items: center;
  position: relative;
  margin: auto;
  justify-content: space-between;
}
.customer-logo .--item {
  text-align: center;
}

.customer {
  background-color: var(--dblue);
  color: var(--white);
  margin: -6.2rem 0 0;
  padding: 11.7rem 0 9rem;
  overflow: hidden;
}
.customer .customer-logo {
  padding: 4.8rem 0;
  position: relative;
  margin-bottom: 5.6rem;
}
.customer .customer-logo::before {
  content: "";
  position: absolute;
  left: -11rem;
  top: 0;
  background: linear-gradient(270deg, rgba(20, 38, 69, 0) 0%, #142645 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.customer .customer-logo::after {
  content: "";
  position: absolute;
  right: -11rem;
  top: 0;
  background: linear-gradient(90deg, rgba(20, 38, 69, 0) 0%, #142645 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.customer .customer-logo .slick-track img {
  transition: 0.3s all;
}
.customer .customer-logo .slick-track img:hover {
  filter: brightness(0) saturate(100%) invert(36%) sepia(54%) saturate(2379%) hue-rotate(122deg) brightness(100%) contrast(100%);
}
.customer .--content h2 {
  margin-bottom: 2.4rem;
  color: var(--white);
  letter-spacing: 1.92px;
}
.customer .--content p {
  color: var(--white75);
}
.customer .--content .primary-btn {
  margin-top: 6.2rem;
}
.customer .trusted-card {
  text-align: center;
  padding: 0 2.4rem;
}
.customer .trusted-card img {
  margin: auto;
}
.customer .trusted-card h6 {
  color: var(--white);
  margin-bottom: 1.6rem;
}
.customer .trusted-card p {
  color: var(--white75);
}

.why-electric {
  position: relative;
  overflow: hidden;
  padding: 11.2rem 0 12rem;
}
.why-electric svg {
  position: absolute;
  bottom: 0rem;
  z-index: -1;
  min-height: 51.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.why-electric .--left-content {
  max-width: 41.9rem;
}
.why-electric .--left-content h2 {
  color: var(--green);
  margin-bottom: 2.4rem;
}
.why-electric .--left-content p {
  color: var(--blackish);
  margin-bottom: 2.4rem;
}
.why-electric .--left-content .primary-btn {
  margin-top: 2.4rem;
}
.why-electric .--right-content {
  max-width: 51.3rem;
}
.why-electric .--right-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.why-electric .--right-content ul li {
  margin-bottom: 4rem;
}
.why-electric .--right-content ul li:last-child {
  margin-bottom: 0;
}
.why-electric .--right-content ul li h5 {
  display: inline-block;
  background: #eaeff7;
  padding: 0 0.8rem;
  margin-bottom: 1.6rem;
  text-transform: capitalize;
}
.why-electric .--right-content ul li p {
  padding-left: 0.8rem;
  color: var(--blackish75);
  margin: 0;
}

.involved-wrapper {
  background: #f4f7fb;
  padding: 10.4rem 0 2rem;
}
.involved-wrapper .--title {
  padding-bottom: 9.6rem;
}
.involved-wrapper .--title h2 {
  color: var(--purple);
  margin-bottom: 2.4rem;
}
.involved-wrapper .--title p {
  color: var(--blackish);
  margin: 0;
}
.involved-wrapper .involved-timeline .--box {
  display: inline-block;
  width: auto;
  max-width: 36.5rem;
  padding: 32px 32px 40px 32px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.04);
  transition: 0.3s all;
  line-height: 2.25rem;
}
.involved-wrapper .involved-timeline .--box:hover {
  background-color: var(--purple) !important;
}
.involved-wrapper .involved-timeline .--box:hover hr {
  opacity: 1;
  border-color: var(--white25);
}
.involved-wrapper .involved-timeline .--box:hover h5 {
  color: var(--white);
}
.involved-wrapper .involved-timeline .--box:hover p {
  color: var(--white75);
}
.involved-wrapper .involved-timeline .--box:hover img {
  filter: brightness(0) invert(1);
}
.involved-wrapper .involved-timeline .--box hr {
  opacity: 0.25;
  border-color: #83a0ce;
  margin: 1.6rem 0;
}
.involved-wrapper .involved-timeline .--box h5 {
  color: var(--purple);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 1.6rem;
}
.involved-wrapper .involved-timeline .--box p {
  color: var(--blackish75);
  margin: 0;
}
.involved-wrapper .involved-timeline .timeline-bg {
  position: absolute;
  height: auto;
  left: 50%;
  top: -5.9rem;
  transform: translate(-50%, 0);
  max-width: 95.5rem;
}
.involved-wrapper .involved-timeline .timeline-bg .--timeline {
  max-width: 100%;
}

.ev-solution {
  background-color: var(--dblue);
  padding: 11.2rem 0 9rem;
}
.ev-solution .--content {
  text-align: center;
  margin-bottom: 9.6rem;
}
.ev-solution .--content h2 {
  margin-bottom: 2.4rem;
  color: var(--green);
}
.ev-solution .--content p {
  max-width: 109.6rem;
  margin: auto;
  color: var(--white75);
}
.ev-solution .ev-solution-card {
  margin-bottom: 3rem;
  padding: 0 2.41rem;
}
.ev-solution .ev-solution-card .icon {
  border-bottom: 1px solid #31415c;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.ev-solution .ev-solution-card .text h6 {
  color: var(--white);
  margin-bottom: 1.6rem;
}
.ev-solution .ev-solution-card .text p {
  color: var(--white75);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.testimonials {
  padding: 14.2rem 0 4.7rem;
}
.testimonials .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  justify-content: center;
  list-style: none;
  margin-top: 13.7rem;
}
.testimonials .slick-dots li {
  background-color: rgba(49, 96, 173, 0.25);
  width: 1.1rem;
  height: 0.4rem;
  padding: 0.2rem;
  cursor: pointer;
  border-radius: 0.4rem;
}
.testimonials .slick-dots li button {
  display: none;
}
.testimonials .slick-dots li.slick-active {
  background: var(--Primary-Primary-500);
  width: 2.7rem;
}
.testimonials .testimonial-item-img {
  gap: 4.4rem;
  display: flex !important;
}
.testimonials .testimonial-item-img figure {
  max-height: 20.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  overflow: hidden;
  position: relative;
}
.testimonials .testimonial-item-img figure svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.testimonials .testimonial-item-img .--content p {
  color: var(--blackish75);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.testimonials .testimonial-item-img .--content h5 {
  color: var(--purple);
  font-weight: 700;
  line-height: 2.8rem;
  margin-top: 3.2rem;
  margin-bottom: 0;
  text-transform: capitalize;
}
.testimonials .testimonial-item-img .--content h6 {
  color: var(--blackish50);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  font-family: var(--secondary-font);
  margin: 0;
}

.chart {
  padding: 8rem 0 3.6rem;
}
.chart .pie-graph {
  position: relative;
  max-width: 26.8rem;
  margin: auto;
  margin-bottom: 4rem;
}
.chart .pie-graph .percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.chart .pie-graph .percentage h2 {
  color: var(--blackish);
  font-size: 4rem;
  font-weight: 700;
  line-height: 4rem; /* 100% */
  text-transform: capitalize;
  margin: 0;
}
.chart .pie-graph .percentage h2 strong {
  color: var(--blackish50);
  font-family: var(--primary-font);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem; /* 100% */
  display: block;
  margin-bottom: 0.3rem;
}
.chart .chart-item {
  max-width: 34rem;
  margin: auto;
}
.chart .chart-item h5 {
  text-transform: capitalize;
  margin-bottom: 0.8rem;
  color: var(--blackish);
}
.chart .chart-item p {
  color: var(--blackish50);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem; /* 114.286% */
  text-transform: capitalize;
  margin: 0;
}

.page-template-solutions .ev-solution {
  background-color: var(--Primary-Primary-25);
  padding: 10.4rem 0;
}
.page-template-solutions .ev-solution .--content {
  max-width: 86rem;
  margin: 0 auto 12rem;
}
.page-template-solutions .ev-solution .--content h2 {
  color: var(--purple);
}
.page-template-solutions .ev-solution .--content p {
  color: var(--blackish);
}
.page-template-solutions .ev-solution .ev-solution-card .icon {
  border-bottom: 1px solid #d8e1f0;
}
.page-template-solutions .ev-solution .ev-solution-card .text h6 {
  color: var(--blackish);
}
.page-template-solutions .ev-solution .ev-solution-card .text p {
  color: var(--blackish75);
}
.page-template-solutions .ev-solution .btn-primary {
  margin-top: 9rem;
}

.covered-solutions {
  background-color: var(--Primary-Primary-25);
  padding: 8rem 0 4rem;
}
.covered-solutions .image-card {
  padding: 2.8rem;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.04);
  justify-content: space-between;
  transition: 0.3s all;
}
.covered-solutions .image-card:hover {
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.2);
}
.covered-solutions .image-card.flex-rwo figure {
  margin: 0 0 1rem;
  text-align: end;
}
.covered-solutions .image-card .covered-cards {
  display: flex;
  align-items: flex-start;
  gap: 3.2rem;
}
.covered-solutions .image-card .covered-cards .--content h4 {
  color: var(--purple);
  margin-bottom: 0.8rem;
}
.covered-solutions .image-card .covered-cards .--content p {
  color: var(--blackish75);
}
.covered-solutions .image-card .covered-cards .--content ul {
  list-style: none;
  padding-left: 4rem;
  margin-top: 4rem;
}
.covered-solutions .image-card .covered-cards .--content ul li {
  position: relative;
  margin-bottom: 1.2rem;
  color: var(--blackish75);
}
.covered-solutions .image-card .covered-cards .--content ul li:last-child {
  margin: 0;
}
.covered-solutions .image-card .covered-cards .--content ul li::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: -4rem;
  background-image: url("../../assets/images/greencircle.svg");
  width: 1.6rem;
  height: 1.6rem;
}
.covered-solutions .image-card figure {
  margin: 0;
}

.plugin {
  padding: 8rem 0;
  background: var(--dblue);
  color: var(--white);
}
.plugin .plug-content img {
  margin-bottom: 4.6rem;
}
.plugin .plug-content h2 {
  color: var(--white);
  margin-bottom: 2.4rem;
}
.plugin .plug-content p {
  color: var(--white75);
}
.plugin .plug-content .btn-primary {
  margin-top: 7rem;
  margin-bottom: 8rem;
}
.plugin .work {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.1);
  padding: 5.6rem 1.6rem 3.2rem;
}
.plugin .work .how-it-work h3 {
  margin-bottom: 3.6rem;
}
.plugin .work .work-item {
  padding: 3.2rem 0 2.2rem;
  max-width: 249px;
  margin: auto;
  text-align: center;
}
.plugin .work .work-item img {
  margin-bottom: 2.2rem;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%); /* Start off-screen */
  }
  100% {
    transform: translateY(0); /* Slide down to the final position */
  }
}
.default-wrapper .--head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.default-wrapper .--head h1 {
  color: var(--blackish);
  letter-spacing: 1.92px;
}
.default-wrapper .--content {
  padding-top: 6.4rem;
}
.default-wrapper .--content a {
  color: var(--green);
}
.default-wrapper .--content h4.wp-block-heading {
  margin-top: 5.6rem;
  color: var(--Primary-Primary-950, #050a11);
  margin-bottom: 2rem;
  text-transform: capitalize;
}
.default-wrapper .--content ul,
.default-wrapper .--content ol,
.default-wrapper .--content p {
  margin-bottom: 2.4rem;
}

.contact-hero {
  background-color: var(--dblue);
  padding: 11.2rem 0 11rem;
  color: var(--white);
}
.contact-hero h1 {
  color: var(--white);
  margin-bottom: 4rem;
}
.contact-hero h1 mark.has-inline-color {
  padding: 0;
}
.contact-hero p {
  color: var(--white75);
}
.contact-hero .contact-column {
  justify-content: space-between;
  gap: 6rem;
}

.logo-slider {
  padding: 8rem 0 13.6rem;
  overflow: hidden;
}
.logo-slider .customer-logo::before {
  content: "";
  position: absolute;
  left: -11rem;
  top: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.logo-slider .customer-logo::after {
  content: "";
  position: absolute;
  right: -11rem;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.logo-slider .slick-track img {
  transition: 0.3s all;
}

.assistance {
  padding: 0 0 12.8rem;
}
.assistance .title {
  color: var(--green);
}
.assistance .title h2 {
  margin-bottom: 9.6rem;
}
.assistance .support-item {
  max-width: 30.8rem;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.assistance .support-item img {
  margin-bottom: 3.2rem;
}
.assistance .support-item h5 {
  background: var(--Primary-Primary-50, #eaeff7);
  padding: 0.4rem 0.8rem;
  color: var(--blackish);
  margin-bottom: 2.4rem;
  text-transform: capitalize;
}
.assistance .support-item p {
  color: var(--blackish75);
}
.assistance .support-item .call {
  margin-top: 2.2rem;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.assistance .support-item .call .primary-btn {
  padding: 1.2rem 2.6rem;
  min-width: 120px;
  font-size: 1.4rem;
  line-height: normal;
}

.reviews-contact {
  padding: 11.2rem 0 0;
  background-color: var(--dblue);
}
.reviews-contact .testimonial-slider {
  padding: 4.8rem 0;
  color: var(--white);
}
.reviews-contact .testimonial-slider .testimonial-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reviews-contact .testimonial-slider .testimonial-item svg {
  margin-bottom: 3.2rem;
}
.reviews-contact .testimonial-slider .testimonial-item p {
  text-align: center;
}
.reviews-contact .testimonial-slider .testimonial-item h5 {
  margin-top: 2.2rem;
  margin-bottom: 0;
}
.reviews-contact .testimonial-slider .testimonial-item h6 {
  color: var(--neutral-white-75, rgba(255, 255, 255, 0.75));
  font-family: var(--secondary-font);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem; /* 114.286% */
  text-transform: capitalize;
}
.reviews-contact .testimonial-slider .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  justify-content: center;
  list-style: none;
  margin-top: 6.4rem;
}
.reviews-contact .testimonial-slider .slick-dots li {
  background-color: var(--white);
  width: 1.1rem;
  height: 0.4rem;
  padding: 0.2rem;
  cursor: pointer;
  border-radius: 0.4rem;
  opacity: 0.1;
}
.reviews-contact .testimonial-slider .slick-dots li.slick-active {
  background: var(--white);
  width: 2.7rem;
  opacity: 1;
}
.reviews-contact .testimonial-slider .slick-dots li button {
  display: none;
}

.page-template-contact .ev-solution {
  background-color: var(--dblue);
  padding: 10.4rem 0 9rem;
}
.page-template-contact .ev-solution .--content {
  margin-bottom: 11.2rem;
}
.page-template-contact .ev-solution .--content p {
  max-width: 95.6rem;
  margin: auto;
  color: var(--white75);
}
.page-template-contact .slick-slider-mobile .slick-dots li {
  opacity: 0.1;
}
.page-template-contact .slick-slider-mobile .slick-dots li.slick-active {
  opacity: 1;
}

ul.inputs-list {
  list-style: none;
  padding: 0;
}
ul.inputs-list label {
  display: flex;
  align-items: center;
}

.careers-wrapper {
  padding-top: 6.4rem;
}
.careers-wrapper .search-form {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 1.6rem;
}
.careers-wrapper .search-form input {
  border: none;
  padding: 0;
  width: 100%;
  margin-left: 0.8rem;
  outline: none;
}
.careers-wrapper #clear-search {
  display: none;
  position: absolute;
  right: 10px;
  text-align: center;
  cursor: pointer;
  top: 1.3rem;
  height: 2.4rem;
  width: 2.4rem;
}

.search-wrap .no-search-found {
  display: none;
}

.career-loop {
  margin-bottom: 5.6rem;
}
.career-loop .career-item {
  border-radius: 8px;
  border: 1px solid var(--neutral-black-5, rgba(0, 0, 0, 0.05));
  background: var(--Neutral-White, #fff);
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.04);
  transition: all 0.4s;
  padding: 4rem;
  height: 100%;
}
.career-loop .career-item:hover {
  box-shadow: none;
}
.career-loop .job-description {
  border-left: 8px solid #5a80bd;
  padding-left: 2.4rem;
  margin-bottom: 2.4rem;
  display: flex;
  flex-direction: column;
  min-height: 11.6rem;
  justify-content: center;
}
.career-loop .job-description p {
  margin: 0;
}
.career-loop .job-cta-row {
  display: flex;
  justify-content: flex-end;
}
.career-loop .job-cta-row > a.btn {
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.transportation-wrapper .--title {
  max-width: 86.2rem;
  margin: auto;
  margin-bottom: 11.2rem;
}
.transportation-wrapper .--title h2 {
  color: var(--green);
  margin-bottom: 2.4rem;
}
.transportation-wrapper .transportation-card {
  padding: 1.6rem 3.2rem 2.4rem;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.06);
  position: relative;
}
.transportation-wrapper .transportation-card .--icon {
  position: absolute;
  top: -1.6rem;
  left: -1.6rem;
}
.transportation-wrapper .transportation-card .--text .d-flex {
  gap: 2.4rem;
  align-items: center;
  margin-bottom: 2.4rem;
}
.transportation-wrapper .transportation-card .--text .d-flex h2 {
  color: var(--Primary-Primary-500);
  margin: 0;
  line-height: 8.2rem !important;
}
.transportation-wrapper .transportation-card .--text .d-flex h2 em {
  font-style: normal;
  font-weight: 400;
}
.transportation-wrapper .transportation-card .--text .d-flex h2 strong {
  color: var(--Primary-Primary-500, #3160ad);
  font-family: "DM Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.transportation-wrapper .transportation-card .--text .d-flex p {
  margin: 0;
}
.transportation-wrapper .transportation-card .--text .--source {
  color: var(--blackish50);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-transform: capitalize;
  margin: 0;
}

.future-wrapper {
  background-color: var(--dblue);
  color: var(--white);
}
.future-wrapper.pt-110 {
  padding-top: 11.2rem;
}
.future-wrapper .title {
  max-width: 73.6rem;
  margin: auto;
}
.future-wrapper .title h2 {
  margin-bottom: 2.4rem;
}
.future-wrapper .title p {
  color: var(--white75);
}
.future-wrapper .electric-box {
  margin: 7rem 0 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10.4rem 0 15.2rem;
  background-position: 100% 0;
  border-radius: 2.4rem;
  position: relative;
  overflow: hidden;
}
.future-wrapper .electric-box h2 {
  margin: 0;
  line-height: 6.4rem;
  text-transform: capitalize;
  position: relative;
  z-index: 2;
}
.future-wrapper .future-card {
  max-width: 37.5rem;
  margin: auto;
}
.future-wrapper .future-card .--icon {
  border-bottom: 1px solid #31415c;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.future-wrapper .future-card .--text h5 {
  color: var(--white);
  font-family: var(--primary-font);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 1.6rem;
}
.future-wrapper .future-card .--text p {
  color: var(--white75);
  margin: 0;
}

.solution-wrapper {
  padding: 6.4rem 0 12rem;
}
.solution-wrapper .--content h2 {
  color: var(--green);
  margin-bottom: 2.4rem;
}
.solution-wrapper .--content p {
  color: var(--blackish);
}
.solution-wrapper .--icon {
  max-width: 48rem;
  margin: 0 auto 0 0;
}
.solution-wrapper .primary-btn {
  margin-top: 3rem;
}

.step-wrapper {
  padding: 16rem 0 20rem;
  background-color: var(--dblue);
  color: var(--white);
}
.step-wrapper .--content img {
  margin-bottom: 6.8rem;
}
.step-wrapper .--content h2 {
  margin-bottom: 2.4rem;
}
.step-wrapper .--content p {
  max-width: 53.1rem;
  margin: auto;
  color: var(--white75);
}
.step-wrapper .--content .primary-btn {
  margin-top: 6.8rem;
}

.counter {
  padding: 8rem 0;
}
.counter .title h2 {
  color: var(--purple);
  font-size: 4rem;
  line-height: 48px; /* 120% */
  letter-spacing: 0.8px;
  text-transform: capitalize;
  max-width: 80rem;
  margin: auto auto 3.2rem;
}
.counter .counter-card {
  max-width: 24rem;
  text-align: center;
  justify-content: center;
  color: #fff;
  margin: auto;
  margin-top: 12rem;
}
.counter .counter-card:first-child .transform:before {
  background: rgba(0, 0, 0, 0.2);
}
.counter .counter-card .transform {
  transition: all 0.3s;
  max-width: 240px;
  height: 373px;
  border: 3px solid #fff;
  border-radius: 20rem;
  transform: rotate(45deg);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(55deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 80% 100%;
  border-radius: 224px;
  border: 12px solid var(--Neutral-White, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
}
.counter .counter-card .transform img {
  transform: rotate(-55.194deg);
  flex-shrink: 0;
  max-width: 180%;
}
.counter .counter-card .transform:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
  border-radius: 20rem;
}
.counter .counter-card .--content {
  position: relative;
  z-index: 2;
}
.counter .counter-card .--content h1 {
  color: var(--white);
  font-size: 8rem;
  font-weight: 700;
  line-height: 8.8rem;
  text-transform: capitalize;
  margin-bottom: 0.7rem;
}
.counter .counter-card .--content p {
  color: var(--white);
  margin: 0;
  line-height: 24px !important;
  max-width: 18rem;
  margin: auto;
  font-weight: 700 !important;
}

.pioneering {
  min-height: 90rem;
  position: relative;
  overflow: hidden;
  background-position: 100% 50%;
  padding-top: 21rem;
  color: #fff;
  margin-top: -10rem;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  z-index: -1;
}
.pioneering .--content {
  max-width: 86rem;
  margin: auto;
}
.pioneering .--content h2 {
  margin-bottom: 2.4rem;
}
.pioneering .--content p {
  color: var(--blackish75);
  margin: 0;
}
.pioneering .parallax-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
  transition: transform 0.2s ease-out;
}
.pioneering .container {
  position: relative;
  z-index: 2;
}

.transportation {
  background-color: var(--dblue);
  padding: 11.2rem 0 12rem;
  color: var(--white);
}
.transportation video {
  max-width: 70.2rem;
  margin: auto;
  margin-bottom: 13.2rem;
  cursor: pointer;
}
.transportation #play-btn {
  position: absolute;
  top: calc(50% - 7rem);
  left: calc(50% - 4.1rem);
  width: 10rem;
  height: 10rem;
  transform: translate(-50%, -50%);
}
.transportation .left-content h2 {
  margin-bottom: 2.4rem;
  max-width: 54.6rem;
}
.transportation .left-content p {
  color: var(--white75);
}
.transportation .left-content .primary-btn {
  margin-top: 1.4rem;
}
.transportation .right-content li {
  margin-bottom: 4rem;
  gap: 1.6rem;
  align-items: center;
}
.transportation .right-content li:last-child {
  margin-bottom: 0;
}
.transportation .right-content li h6 {
  margin: 0;
}

.partner {
  background-color: var(--dblue);
  padding: 11.2rem 0 12rem;
  color: var(--white);
  overflow: hidden;
}
.partner .--content {
  text-align: center;
  margin-bottom: 8rem;
}
.partner .--content h2 {
  margin-bottom: 2.4rem;
  color: var(--white);
}
.partner .--content p {
  color: var(--white75);
  margin-bottom: 2.4rem;
}
.partner .--content p:last-child {
  margin-bottom: 0;
}
.partner .customer-logo {
  padding: 5.6rem 0 4.8rem;
  position: relative;
  margin-bottom: 8rem;
}
.partner .customer-logo::before {
  content: "";
  position: absolute;
  left: -11rem;
  top: 0;
  background: linear-gradient(270deg, rgba(20, 38, 69, 0) 0%, #142645 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.partner .customer-logo::after {
  content: "";
  position: absolute;
  right: -11rem;
  top: 0;
  background: linear-gradient(90deg, rgba(20, 38, 69, 0) 0%, #142645 48.75%);
  height: 100%;
  width: 20rem;
  z-index: 1;
}
.partner .customer-logo .slick-track img {
  margin-right: 8rem;
  transition: 0.3s all;
}
.partner .customer-logo .slick-track img:hover {
  filter: brightness(0) saturate(100%) invert(36%) sepia(54%) saturate(2379%) hue-rotate(122deg) brightness(100%) contrast(100%);
}

#blog-main-hero .--saperator {
  margin-top: 4.8rem;
  padding-bottom: 4.8rem;
}
#blog-main-hero .--saperator .mt-24 {
  margin-top: 1.4rem;
}
#blog-main-hero .--saperator hr {
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.filter-bar {
  margin-top: 1.6rem;
}

.filter-bar label {
  width: 100%;
}
.filter-bar input,
.filter-bar select {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1.5rem 1.6rem;
  max-width: 36.8rem;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.filter-bar select {
  background-image: url("../../assets/images/dropdown.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 1.6rem) center;
  padding-right: 3rem;
}

.servicing-fleet {
  margin-top: -11.8rem;
  margin-bottom: 8.6rem;
}
.servicing-fleet .bg-image-map {
  border-radius: 8px;
  background-color: var(--Primary-Primary-500);
  padding: 11.2rem 7rem 12rem;
  color: var(--white);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: contain;
}
.servicing-fleet .bg-image-map .--content {
  max-width: 56.6rem;
}
.servicing-fleet .bg-image-map .--content h3 {
  color: var(--white);
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8rem; /* 120% */
  letter-spacing: 0.8px;
  text-transform: capitalize;
  margin-bottom: 2.4rem;
}
.servicing-fleet .bg-image-map .--content p {
  color: var(--white75);
}
.servicing-fleet .bg-image-map .--content .btn, .servicing-fleet .bg-image-map .--content html body form input[type=submit], html body form .servicing-fleet .bg-image-map .--content input[type=submit] {
  margin-top: 3.8rem;
}

.emplopyee {
  min-height: 59.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

#posts-container {
  margin-top: 7.2rem;
}
#posts-container .post-thumbnail {
  overflow: hidden;
  border-radius: 8px;
}
#posts-container .post-thumbnail img {
  transition: all 0.3s;
}
#posts-container .post-thumbnail img:hover {
  transform: scale(1.1);
  transition: all 1s;
}
#posts-container .article-loop {
  max-width: 61.6rem;
  margin-bottom: 5.6rem;
}
#posts-container .article-loop p.date {
  margin: 1.6rem 0 0.8rem 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px;
  text-transform: capitalize;
}
#posts-container .article-loop h5 {
  margin-bottom: 2.4rem;
  color: var(--blackish);
  text-transform: capitalize;
}

.leadership {
  padding: 10.4rem 0 12rem;
  perspective: 1000px;
}
.leadership .title {
  margin-bottom: 10.4rem;
}
.leadership .title h2 {
  color: var(--green);
  margin-bottom: 2.4rem;
}
.leadership .title p {
  color: var(--blackish);
  max-width: 86.2rem;
  margin: auto;
}

.flip-card {
  perspective: 1000px;
}
.flip-card .flip-card-inner {
  max-width: 38.4rem;
  margin: auto;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card .flip-card-inner .flip-card-back {
  position: absolute;
  width: 100%;
  border-radius: 8px;
  color: var(--white75);
  padding: 2.4rem;
  background: var(--Primary-Primary-800, #142645);
  text-align: center;
  height: 100%;
  top: 0; /* Safari */
  backface-visibility: hidden;
  transform: rotateY(180deg);
}
.flip-card .flip-card-inner .flip-card-back h6 {
  color: var(--white);
  line-height: 2.4rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.flip-card .flip-card-inner .flip-card-back .bio {
  max-height: 20.5rem;
  overflow: auto;
  margin-bottom: 2.4rem;
}
.flip-card .flip-card-inner .flip-card-back .bio p {
  margin: 0;
  margin-right: 0.8rem;
}
.flip-card .flip-card-inner .flip-card-back .bio::-webkit-scrollbar {
  width: 8px;
}
.flip-card .flip-card-inner .flip-card-back .bio::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 6px;
}
.flip-card .flip-card-inner .flip-card-back .bio::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 32px;
}
.flip-card .flip-card-inner .flip-card-back h5 {
  margin-top: 2.4rem;
  font-weight: 700 !important;
  margin-bottom: 0.8rem;
  color: var(--white);
}
.flip-card .flip-card-inner .flip-card-front {
  max-width: 24.8rem;
  margin: auto; /* Safari */
  backface-visibility: hidden;
}
.flip-card .flip-card-inner .flip-card-front img {
  margin-bottom: 1rem;
}
.flip-card .flip-card-inner .flip-card-front h6 {
  color: var(--purple);
  margin-bottom: 0.8rem;
  font-weight: 700 !important;
}
.flip-card .flip-card-inner .flip-card-front p {
  margin-bottom: 1.2rem;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner.no-bio {
  transform: unset;
}

#search-input::-webkit-search-cancel-button {
  -webkit-appearance: none; /* Remove the default cross button on WebKit browsers */
  appearance: none;
}

#search-input {
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none;
       appearance: none;
}

.loadmore-wrap {
  margin-top: 4.8rem;
  margin-bottom: 5.6rem;
}
.loadmore-wrap #load-more-btn {
  background: transparent;
  color: var(--green);
  border: 1px solid rgba(0, 174, 65, 0.5);
  min-width: 13.8rem;
  padding: 1.52rem 2rem;
}
.loadmore-wrap #load-more-btn:hover {
  color: white;
  background: var(--green);
}

.newsletter-form {
  color: white;
  background-color: var(--Primary-Primary-500);
  background-image: url(../../assets/images/newsletter.svg);
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 8px;
  padding: 4rem 5.4rem;
  max-width: 1076px;
  margin: auto;
  margin-top: 2.4rem;
}
.newsletter-form h3 {
  font-size: 4rem;
  line-height: 4.8rem;
  text-transform: capitalize;
}
.newsletter-form p {
  margin: 0;
  max-width: 44.4rem;
}

.subscribe-form {
  max-width: 44.4rem;
  margin: 0 0 0 auto;
  padding: 0;
}
.subscribe-form form .hs_email > label {
  display: none;
}
.subscribe-form form input[type=email] {
  color: var(--blackish75);
  background: white;
  border-radius: 4rem;
  padding: 1.6rem 2.4rem;
  margin: 0 0 0.8rem 0;
  outline: none;
}
.subscribe-form form .actions input.hs-button.primary {
  padding: 1.6rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: bold;
  margin: 0;
  width: 100%;
}
.subscribe-form form ul {
  margin: 0;
}
.subscribe-form ul.no-list.hs-error-msgs {
  margin: 0;
}
.subscribe-form ul.no-list.hs-error-msgs label {
  margin: 0;
  transition: all 0.3s;
  padding: 0 1.6rem;
}
.subscribe-form .hs_submit.hs-submit {
  margin-top: 1.6rem;
}

.addtoany_list a {
  margin-right: 0.8rem;
}
.addtoany_list a:last-child {
  margin-right: 0;
}

.single-hero figure {
  max-height: 44.4rem;
  overflow: hidden;
}

.single-content-wrapper h1.--title {
  color: var(--blackish);
  font-size: 4rem;
  line-height: 4.8rem;
  text-transform: capitalize;
  letter-spacing: 0.8px;
}
.single-content-wrapper .author-details {
  display: flex;
}
.single-content-wrapper .post-auther {
  margin-right: 4.8rem;
}
.single-content-wrapper .post-auther .avator {
  height: 3.2rem;
  width: 3.2rem;
  overflow: hidden;
  border-radius: 3.2rem;
  margin-right: 1.2rem;
}
.single-content-wrapper .post-auther h6 {
  color: var(--purple);
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  text-transform: capitalize;
}
.single-content-wrapper .--saperator {
  background-color: var(--grey);
  height: 1px;
  width: 100%;
  margin-top: 2.4rem;
}
.single-content-wrapper .article-content {
  margin-top: 6.4rem;
}
.single-content-wrapper .article-content a {
  color: var(--green);
}
.single-content-wrapper .article-content p {
  margin-bottom: 1.6rem;
}
.single-content-wrapper .article-content h2,
.single-content-wrapper .article-content h3,
.single-content-wrapper .article-content h4,
.single-content-wrapper .article-content h5,
.single-content-wrapper .article-content h6 {
  color: var(--blackish);
  margin-top: 5.6rem;
  margin-bottom: 1.6rem;
  text-transform: capitalize;
}
.single-content-wrapper .article-content ul,
.single-content-wrapper .article-content ol {
  margin-bottom: 1.6rem;
}
.single-content-wrapper .addtoany_shortcode .a2a_kit a > span.a2a_svg {
  background-color: var(--blackish) !important;
}

.error-404 h5 {
  margin-top: 5.6rem;
}
.error-404 .actions .btn.btn-primary, .error-404 .actions html body form input.btn-primary[type=submit], html body form .error-404 .actions input.btn-primary[type=submit] {
  font-size: 1.6rem;
  padding: 1.6rem 2.8rem;
}

.search-form svg {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  transform: translateY(-50%);
}
.search-form .search-field {
  padding: 1.5rem 1.6rem 1.5rem 4.4rem;
}

.submitted-message {
  text-align: center;
}

.blog #blog-main-hero .btn-outlined {
  padding: 1.32rem 4rem;
}

.team-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.team-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.team-card:hover .team-inner {
  transform: rotateY(180deg);
}

.team-front,
.team-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.team-back {
  border-radius: 8px;
  border: 1px solid var(--Grays-White, #fff);
  background: var(--Primary-Primary-800, #142645);
  box-shadow: 0px 4px 20px 0px rgba(20, 38, 69, 0.16);
}

.page-template-why-electric .parallax-mirror:first-child {
  border-radius: 2.4rem;
}

@media only screen and (min-width: 768px) {
  html {
    font-size: 10px;
  }
  html body {
    font-family: var(--secondary-font);
    color: var(--blackish75);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    /*Heading */
  }
  html body a {
    font-weight: 400;
    text-decoration: none;
    color: var(--black);
  }
  html body a:hover {
    color: var(--green);
  }
  html body .h1, html body .transportation-wrapper .transportation-card .--text .d-flex h2, .transportation-wrapper .transportation-card .--text .d-flex html body h2,
  html body h1 {
    font-size: 6.4rem;
    line-height: 7.2rem; /* 122.222% */
  }
  html body .h2, html body .contact-hero h1, .contact-hero html body h1,
  html body h2 {
    font-size: 4.8rem;
    line-height: 5.6rem;
    letter-spacing: 1.92px;
  }
  html body .h3,
  html body h3 {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
  html body .h4,
  html body h4 {
    font-size: 2.4rem;
    line-height: 3.6rem; /* 120% */
  }
  html body .h5,
  html body h5 {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  html body .h6, html body .reviews-contact .testimonial-slider .testimonial-item h5, .reviews-contact .testimonial-slider .testimonial-item html body h5,
  html body h6 {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
@media only screen and (min-width: 1200px) {
  .container,
  .wp-block-columns,
  .wp-block-cover__inner-container {
    max-width: 130rem;
    margin: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .max-1204 {
    max-width: 100%;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inner-hero .--content {
    padding-left: 3.4rem;
  }
  .footer-cta .content {
    max-width: 100%;
    padding: 3rem;
  }
  .hero-section .--content h1 {
    font-size: 3.6rem;
    line-height: 4.4rem;
  }
  .why-electric .--left-content {
    max-width: 100%;
    margin-bottom: 5rem;
  }
  .solution-wrapper .--icon {
    max-width: 100%;
    margin: 0 auto 3rem 0;
  }
  .involved-wrapper .involved-timeline .timeline-bg {
    display: none;
  }
  .involved-wrapper .text-start,
  .involved-wrapper .text-end {
    text-align: center !important;
  }
  .single-content-wrapper .text-end {
    text-align: left !important;
    margin-top: 3rem;
  }
  .newsletter-form p {
    max-width: 100%;
  }
  .subscribe-form {
    margin: 0 auto 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
  }
  .counter .col {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 991px) {
  .site-navigation ul#primary-menu li:hover .arrow svg {
    transform: unset;
  }
  .site-navigation ul#primary-menu li.current-menu-ancestor {
    border-bottom: 2px solid var(--Green-Main) !important;
  }
  .site-navigation ul#primary-menu li.current-menu-parent > a:after {
    display: none;
  }
  .site-navigation ul#primary-menu li.search-hide {
    margin-left: 0;
  }
  .site-header {
    padding: 2.79rem 0;
  }
  .site-header:after {
    height: 2.3rem;
  }
  .site-header.fixed .menu-toggle {
    position: absolute;
  }
  .site-navigation .menu-toggle {
    position: absolute;
    right: 2rem;
    top: 1.5rem;
    display: block;
    background: transparent;
    transform: translateY(-50%);
  }
  .site-navigation.toggled .main-navigation {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    border-radius: 1rem;
    width: 100%;
    min-height: unset;
    left: 0;
    display: block;
  }
  .site-navigation.toggled button.menu-toggle .destop-icon {
    display: none;
  }
  .site-navigation.toggled button.menu-toggle .mobile-icon {
    display: block;
  }
  .site-navigation .main-navigation {
    display: none;
  }
  .site-navigation .main-navigation ul#primary-menu {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 4.8rem;
    width: 100%;
    gap: 1rem;
    padding-bottom: 4.2rem;
    padding-top: 5rem;
    padding-left: 2.4rem;
  }
  .site-navigation .main-navigation ul#primary-menu li {
    width: 100%;
    padding: 0.6rem 0;
    position: relative;
  }
  .site-navigation .main-navigation ul#primary-menu li.border-grey::before {
    background-color: #eaeff7;
    position: absolute;
    content: "";
    width: calc(100% - 2.4rem);
    height: 1px;
    left: 0;
    top: -4rem;
  }
  .site-navigation .main-navigation ul#primary-menu li a {
    padding: 0.7rem 0;
  }
  .site-navigation .main-navigation ul#primary-menu li.current-menu-item > a:after {
    display: none;
  }
  .site-navigation .main-navigation ul#primary-menu li ul.sub-menu {
    background: var(--white);
    position: unset;
  }
  .site-navigation .main-navigation ul#primary-menu li ul.sub-menu li {
    border: unset;
  }
  .site-navigation .main-navigation ul#primary-menu li .arrow svg path {
    stroke: var(--black);
  }
  .site-navigation .main-navigation.show {
    display: block;
  }
  .site-footer {
    padding: 3.2rem 0 2.4rem;
  }
  .site-footer .align-items-center {
    align-items: start !important;
  }
  .site-footer .align-items-center.pb-48 {
    padding-bottom: 2.4rem;
  }
  .site-footer .pt-32 {
    padding-top: 1.6rem;
  }
  .site-footer .secondry-menu ul {
    align-items: start !important;
    gap: 0.8rem;
    flex-direction: column;
  }
  .site-footer .secondry-menu ul li a {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
  }
  .site-footer .privacy-menu {
    margin-top: 0.8rem;
  }
  .site-footer .privacy-menu ul {
    justify-content: center;
  }
  .site-footer .privacy-menu ul li a {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
  }
  .site-footer .copyright {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin: 0;
    text-align: center;
  }
  .covered-solutions .image-card figure {
    margin: 0 0 2rem;
  }
  .covered-solutions .image-card .max-603 {
    max-width: 100%;
  }
  .max-1204 {
    max-width: 100%;
    margin: auto;
  }
  .counter {
    padding: 8rem 0;
  }
  .counter .title h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem; /* 128.571% */
    letter-spacing: 0.56px;
  }
  .counter .row {
    flex-direction: column;
  }
  .counter .counter-card {
    margin-bottom: 5rem;
  }
  .counter .counter-card .--content h1 {
    font-size: 6.2rem;
    line-height: 68.986px;
  }
  .pioneering {
    min-height: 101.5rem;
    margin-top: 0;
    display: block;
    padding-top: 5.6rem;
  }
  .transportation .left-content {
    margin-bottom: 5rem;
  }
  #posts-container .article-loop {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .newsletter-form {
    padding: 4.8rem 2rem;
    background-image: unset;
    text-align: center;
    background-image: unset;
  }
  .newsletter-form h3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.56px;
    text-transform: capitalize;
  }
  .newsletter-form .subscribe-form {
    margin-top: 4.8rem;
    padding: 0;
  }
  .newsletter-form .subscribe-form form .actions input.hs-button.primary {
    padding: 1.2rem 1rem;
    line-height: 1.6rem;
    font-size: 1.4rem;
  }
  .newsletter-form .subscribe-form form input[type=email] {
    padding: 1.12rem 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 10px;
  }
  html body {
    font-family: var(--secondary-font);
    color: var(--blackish75);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    padding-top: 7.2rem;
    /*Heading */
  }
  html body .container,
  html body .container-lg,
  html body .container-md,
  html body .container-sm,
  html body .container-xl,
  html body .container-xxl {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  html body a {
    font-weight: 400;
    text-decoration: none;
    color: var(--black);
  }
  html body a:hover {
    color: var(--green);
  }
  html body .h1, html body .transportation-wrapper .transportation-card .--text .d-flex h2, .transportation-wrapper .transportation-card .--text .d-flex html body h2,
  html body h1 {
    font-size: 3.6rem;
    line-height: 4.4rem; /* 122.222% */
  }
  html body .h2, html body .contact-hero h1, .contact-hero html body h1,
  html body h2 {
    font-size: 3.2rem;
    line-height: 4rem;
    letter-spacing: 1.28px;
  }
  html body .h3,
  html body h3 {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  html body .h4,
  html body h4 {
    font-size: 2rem;
    line-height: 3.2rem; /* 120% */
  }
  html body .h5,
  html body h5 {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  html body .h6, html body .reviews-contact .testimonial-slider .testimonial-item h5, .reviews-contact .testimonial-slider .testimonial-item html body h5,
  html body h6 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  html body .eighteenpx, html body .inner-hero .--content p, .inner-hero .--content html body p, html body .hero-section .hero-content, .hero-section html body .hero-content, html body .customer .--content p, .customer .--content html body p, html body .why-electric .--left-content p, .why-electric .--left-content html body p, html body .involved-wrapper .--title p, .involved-wrapper .--title html body p, html body .ev-solution .--content p, .ev-solution .--content html body p, html body .plugin .plug-content p, .plugin .plug-content html body p, html body .contact-hero p, .contact-hero html body p, html body .transportation-wrapper .--title p, .transportation-wrapper .--title html body p, html body .future-wrapper .title p, .future-wrapper .title html body p, html body .solution-wrapper .--content p, .solution-wrapper .--content html body p, html body .step-wrapper .--content p, .step-wrapper .--content html body p, html body .counter .counter-card .--content p, .counter .counter-card .--content html body p, html body .pioneering .--content p, .pioneering .--content html body p, html body .transportation .left-content p, .transportation .left-content html body p, html body .partner .--content p, .partner .--content html body p, html body .servicing-fleet .bg-image-map .--content p, .servicing-fleet .bg-image-map .--content html body p, html body .leadership .title p, .leadership .title html body p, html body .flip-card .flip-card-inner .flip-card-back h5, .flip-card .flip-card-inner .flip-card-back html body h5, html body .flip-card .flip-card-inner .flip-card-front h6, .flip-card .flip-card-inner .flip-card-front html body h6, html body .newsletter-form p, .newsletter-form html body p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.8rem;
  }
  html body .btn, html body form input[type=submit] {
    padding: 1.2rem 2.31rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-transform: capitalize;
  }
  html body .btn:hover, html body form input[type=submit]:hover {
    background-color: var(--darkgreen);
  }
  html body .btn:visited, html body form input[type=submit]:visited {
    color: var(--white);
  }
  .site-footer .privacy-menu ul {
    line-height: 0;
  }
  .site-logo img {
    max-width: 8.2rem;
  }
  .site-header.fixed .site-logo img {
    max-width: 18rem;
  }
  .site-header.fixed::after {
    height: 2rem;
  }
  .hero-section {
    position: relative;
    overflow: hidden;
  }
  .hero-section .container {
    padding: 0;
  }
  .hero-section .--content {
    padding: 0 2rem;
  }
  .hero-section .--content h1 {
    padding: 0 2rem;
  }
  .hero-section .--video {
    max-height: 52.8rem;
  }
  .hero-section .--video .w-100 {
    width: unset !important;
  }
  .hero-section .max-1080 {
    background: var(--dblue);
  }
  .hero-section .hero-content {
    padding: 2.4rem 2rem 1.4rem;
    max-width: 28.4rem;
    margin: -3.2rem auto 0;
  }
  .customer {
    background-color: var(--dblue);
    color: var(--white);
    margin: 0rem 0 0;
    padding: 3.2rem 0 4rem;
  }
  .customer .slick-slider-mobile {
    padding: 0 3.15rem;
  }
  .customer .trusted-card p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }
  .customer .pt-120 {
    padding-top: 5.6rem;
    justify-content: center !important;
  }
  .customer .customer-logo {
    padding: 4.8rem 0;
    margin-bottom: 2.4rem;
  }
  .customer .--content .primary-btn {
    margin-top: 3.2rem;
    min-width: 28rem;
  }
  .slick-slider-mobile .slick-dots {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    justify-content: center;
    list-style: none;
    margin-top: 2rem;
  }
  .slick-slider-mobile .slick-dots li {
    background-color: var(--white);
    width: 1.1rem;
    height: 0.4rem;
    padding: 0.2rem;
    cursor: pointer;
    border-radius: 0.4rem;
  }
  .slick-slider-mobile .slick-dots li button {
    display: none;
  }
  .slick-slider-mobile .slick-dots li.slick-active {
    background: var(--white75);
    width: 2.7rem;
  }
  .why-electric {
    padding: 5.6rem 0;
  }
  .why-electric .col-md-6 {
    padding: 0;
  }
  .why-electric .--left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 6rem;
  }
  .why-electric .--left-content h2 {
    text-align: center;
    letter-spacing: 1.28px;
  }
  .why-electric .--left-content p {
    text-align: center;
  }
  .why-electric .--right-content {
    text-align: center;
  }
  .why-electric .--right-content ul li p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }
  .ev-solution {
    padding: 6.4em 0 4rem;
  }
  .ev-solution .--content {
    margin-bottom: 8rem;
  }
  .ev-solution .ev-solution-card {
    padding: 0;
  }
  .ev-solution .ev-solution-card .text p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }
  .ev-solution .slick-slider-mobile {
    padding: 0 2.35rem;
  }
  .ev-solution .slick-slider-mobile .slick-dots {
    margin-top: 5.4rem;
  }
  .testimonials {
    padding: 4rem 0;
  }
  .testimonials .testimonial-item-img {
    gap: 4rem;
    flex-direction: column;
  }
  .testimonials .testimonial-item-img .--content {
    text-align: center;
  }
  .testimonials .testimonial-item-img .--content p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }
  .testimonials .testimonial-item-img .--content h6 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem; /* 116.667% */
    text-transform: capitalize;
  }
  .testimonials .slick-dots {
    margin-top: 5.6rem;
  }
  .footer-cta .col-md-6 {
    padding: 0;
  }
  .footer-cta .bg-img {
    min-height: 27rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .footer-cta .content {
    padding-left: 0;
    padding: 4rem 2rem;
  }
  .footer-cta .content h3 br {
    display: none;
  }
  .footer-cta .content p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }
  .footer-cta .content .primary-btn {
    padding: 1.1rem 1.6rem;
    margin-top: 3rem;
    min-width: 13.4rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    text-transform: capitalize;
  }
  .site-footer .secondry-menu ul li {
    line-height: 0;
  }
  .inner-hero {
    overflow: hidden;
  }
  .inner-hero .container {
    padding: 0;
  }
  .inner-hero .container .col-lg-12 {
    padding: 0;
  }
  .inner-hero .min-570 {
    min-height: 64rem;
  }
  .inner-hero .--content {
    padding-left: 0;
    padding: 0 2rem;
    background-position: center bottom;
    background-size: cover;
  }
  .chart {
    padding: 4rem 0 3.2rem;
  }
  .chart .row .mb-44:nth-of-type(3) {
    margin-bottom: 0.8rem;
  }
  .chart .pie-graph {
    max-width: 21.3rem;
  }
  .chart .pie-graph .percentage h2 {
    font-size: 3.6rem;
    line-height: 4.4rem;
  }
  .chart .pie-graph .percentage h2 strong {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0;
  }
  .chart .chart-item p {
    margin: 0 0 0.8rem;
  }
  .page-template-solutions .ev-solution {
    padding: 6.4rem 0 7.2rem;
  }
  .page-template-solutions .ev-solution .ev-solution-card {
    margin: 0;
  }
  .page-template-solutions .ev-solution .btn-primary {
    margin-top: 6rem;
  }
  .page-template-solutions .slick-slider-mobile .slick-dots {
    margin-top: 5rem;
  }
  .page-template-solutions .slick-slider-mobile .slick-dots li {
    background-color: rgba(49, 96, 173, 0.2509803922);
  }
  .page-template-solutions .slick-slider-mobile .slick-dots li.slick-active {
    background: #3160ad;
  }
  .covered-solutions .container {
    padding: 0 1.2rem;
  }
  .covered-solutions .image-card {
    padding: 1.2rem 1.2rem 4.4rem;
  }
  .covered-solutions .image-card.mb-40 {
    margin-bottom: 0;
  }
  .covered-solutions .image-card figure {
    margin-bottom: 3.2rem;
  }
  .covered-solutions .image-card .covered-cards {
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
    text-align: center;
  }
  .covered-solutions .image-card .covered-cards .--content h4 br {
    display: none;
  }
  .covered-solutions .image-card .covered-cards .--content ul li {
    text-align: left;
  }
  .covered-solutions .slick-slider-mobile .slick-dots {
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: inline-flex;
    width: 100%;
  }
  .plugin {
    padding: 4.8rem 0 8rem;
  }
  .plugin .plug-content img {
    max-width: 18.6rem;
    margin: 0 auto 3.6rem 0;
  }
  .plugin .plug-content h2 {
    margin-bottom: 1.6rem;
  }
  .plugin .plug-content .btn-primary {
    margin-top: 3rem;
    margin-bottom: 4rem;
  }
  .plugin .work .how-it-work h3 {
    margin-bottom: 3.6rem;
  }
  .plugin .work .work-item {
    padding: 1.6rem 0 0.6rem;
    margin-bottom: 2rem;
  }
  .plugin .work .work-item p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem; /* 142.857% */
    color: var(--white);
  }
  .plugin .--item:last-child .work-item {
    margin-bottom: 0;
  }
  .contact-hero {
    padding: 4.8rem 0 5.6rem;
  }
  .logo-slider {
    padding: 4.8rem 0;
  }
  .logo-slider .slick-track img {
    margin-right: 3.2rem;
  }
  .logo-slider .customer-logo::before {
    left: 0;
    width: 3.5rem;
  }
  .logo-slider .customer-logo::after {
    right: 0;
    width: 3.5rem;
  }
  .assistance {
    padding: 0 0 0.8rem;
  }
  .assistance .title h2 {
    margin-bottom: 5.6rem;
  }
  .assistance .support-item {
    margin-bottom: 4.4rem;
  }
  .assistance .support-item p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .reviews-contact {
    padding: 5.6rem 0 0;
  }
  .reviews-contact .testimonial-slider {
    padding: 4.8rem 2.4rem;
  }
  .reviews-contact .testimonial-slider .testimonial-item p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .reviews-contact .testimonial-slider .testimonial-item h6 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .page-template-contact .ev-solution {
    padding: 6.4rem 0 12rem;
  }
  .page-template-contact .ev-solution .--content {
    margin-bottom: 6.4rem;
  }
  .page-template-contact .ev-solution .slick-slider-mobile .slick-dots {
    margin-top: 4.6rem;
  }
  .contact-hero .contact-column {
    gap: 4.6rem;
    margin: 0;
  }
  .contact-hero .actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.2rem;
  }
  .careers-wrapper .career-loop {
    padding: 0 1rem;
    margin-bottom: 3.2rem;
  }
  .careers-wrapper .career-loop .career-item {
    padding: 1.2rem;
  }
  .careers-wrapper .career-loop .career-item .btn, .careers-wrapper .career-loop .career-item html body form input[type=submit], html body form .careers-wrapper .career-loop .career-item input[type=submit] {
    width: 100%;
  }
  .transportation-wrapper.pb-120 {
    padding-bottom: 2.4rem;
  }
  .transportation-wrapper .--title {
    margin-bottom: 7rem;
  }
  .transportation-wrapper .transportation-card {
    padding: 3.2rem 2.4rem 2.4rem;
    text-align: center;
  }
  .transportation-wrapper .transportation-card .--icon {
    left: 50%;
    transform: translateX(-50%);
  }
  .transportation-wrapper .transportation-card .--text .d-flex {
    gap: 1.6rem;
    margin-bottom: 0.8rem;
    flex-direction: column;
  }
  .transportation-wrapper .transportation-card .--text .d-flex h2 {
    font-size: 50px !important;
    line-height: normal !important;
  }
  .transportation-wrapper .transportation-card .--text .d-flex h2 strong {
    font-size: 1.4rem;
    line-height: normal;
  }
  .transportation-wrapper .transportation-card .--text .d-flex p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .transportation-wrapper .transportation-card .--text .--source {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .transportation-wrapper .max-388 {
    max-width: unset;
    padding: 0 1.6rem;
  }
  .transportation-wrapper .gap-52 {
    gap: 2.2rem;
  }
  .future-wrapper {
    padding-top: 5.6rem;
    padding-bottom: 4rem;
  }
  .future-wrapper .electric-box h2 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 5.6rem;
    max-width: 26rem;
    margin: auto;
  }
  .future-wrapper .future-card {
    margin-bottom: 2rem;
    max-width: 24.8rem;
  }
  .involved-wrapper {
    padding: 6.4rem 0 4rem;
  }
  .involved-wrapper .--title {
    padding-bottom: 4rem;
  }
  .involved-wrapper .--title h2 {
    color: var(--purple);
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: 0.8px;
    text-align: center;
  }
  .involved-wrapper .--title p {
    text-align: center;
  }
  .involved-wrapper .involved-timeline .mb-90 {
    margin-bottom: 0;
  }
  .involved-wrapper .involved-timeline .--box h5 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .involved-wrapper .involved-timeline .--box p {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .involved-wrapper .involved-timeline .timeline-bg .bg-pattern {
    display: none;
  }
  .involved-wrapper .involved-timeline .slick-dots {
    margin-top: 4rem;
  }
  .involved-wrapper .involved-timeline .slick-dots li {
    background-color: var(--primary-primary-50025);
  }
  .involved-wrapper .involved-timeline .slick-dots li.slick-active {
    background: var(--Primary-Primary-500);
  }
  .solution-wrapper {
    padding: 0 0 5.6rem;
  }
  .solution-wrapper .container {
    padding: 0;
  }
  .solution-wrapper .container .col-lg-6 {
    padding: 0;
    text-align: center;
  }
  .solution-wrapper .--icon {
    margin-bottom: 3.2rem;
  }
  .solution-wrapper .--content {
    text-align: center;
    padding: 0 2rem;
  }
  .step-wrapper {
    padding: 6.4rem 0 8rem;
  }
  .step-wrapper .col-lg-9 {
    padding: 0;
  }
  .step-wrapper .--content h2 {
    max-width: 28rem;
    margin: auto;
    margin-bottom: 2.4rem;
  }
  .step-wrapper .--content img {
    margin-bottom: 4rem;
  }
  .step-wrapper .--content .primary-btn {
    margin-top: 4rem;
  }
  .transportation {
    padding: 4rem 0 6.4rem;
  }
  .transportation .col-md-7 {
    padding: 0;
  }
  .transportation video {
    margin-bottom: 4rem;
    border-radius: 8px;
  }
  .transportation .left-content {
    margin-bottom: 4rem;
    text-align: center;
  }
  .transportation .right-content {
    text-align: center;
  }
  .transportation .right-content ul {
    margin-bottom: 6.8rem;
  }
  .transportation .right-content ul li {
    margin-bottom: 3.2rem;
    flex-direction: column;
  }
  .partner {
    padding: 5.6rem 0 6.4rem;
    overflow: hidden;
  }
  .partner .--content p strong {
    display: block;
    max-width: 22rem;
    margin: auto;
  }
  .partner .--content p:last-child {
    margin-bottom: 1.6rem;
  }
  .partner .customer-logo {
    margin-bottom: 1.6rem;
  }
  .counter {
    overflow: hidden;
  }
  .counter .counter-card {
    margin-bottom: 2rem;
  }
  .counter .counter-card .transform {
    max-width: 188px;
    height: 292px;
    border-radius: 175px;
    border: 9px solid var(--Neutral-White, #fff);
  }
  .leadership {
    padding: 6.4rem 0 4rem;
  }
  .leadership .title h2 {
    margin-bottom: 2.4rem;
  }
  .leadership .slick-slider-mobile .slick-dots {
    margin-top: 0;
    margin-bottom: 3.6rem;
  }
  .leadership .slick-slider-mobile .slick-dots li {
    background-color: rgba(49, 96, 173, 0.25);
  }
  .leadership .slick-slider-mobile .slick-dots li.slick-active {
    background: #3160ad;
  }
  .leadership .mb-76 {
    margin-bottom: 1.2rem;
  }
  .leadership .flip-card-front {
    max-width: unset !important;
    padding: 0 1rem;
  }
  .leadership .flip-card-front h6,
  .leadership .flip-card-front p,
  .leadership .flip-card-front a {
    display: none !important;
  }
  .leadership .flip-card-front img {
    width: 100%;
  }
  .leadership .flip-card-inner figure {
    margin-bottom: 2.4rem;
  }
  .leadership .flip-card-inner .flip-card-back {
    position: relative;
    transform: unset;
    background: transparent;
    color: var(--blackish75);
    text-align: center;
  }
  .leadership .flip-card-inner .flip-card-back h6 {
    color: var(--Primary-Primary-700, #1d3a68);
    font-size: 1.8rem;
    line-height: 24px;
  }
  .leadership .flip-card-inner .flip-card-back a svg {
    margin-top: 0.2rem;
  }
  .leadership .flip-card-inner .flip-card-back a svg path {
    fill: #3160ad;
  }
  .leadership .flip-card-inner .flip-card-back .bio {
    max-height: unset;
    overflow: auto;
    margin-bottom: 4.8rem;
    text-align: left;
  }
  .leadership .flip-card-inner .flip-card-back .bio p {
    margin-right: 0;
  }
  .leadership .flip-card-inner .flip-card-back .bio h5 {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  .leadership .primary-btn {
    margin-top: 2.4rem;
  }
  .emplopyee {
    min-height: 20.5rem;
  }
  .servicing-fleet {
    margin-top: -3.2rem;
    margin-bottom: 2.4rem;
    text-align: center;
  }
  .servicing-fleet .bg-image-map {
    padding: 2.4rem 2rem;
    background-position: center 148%;
    background-size: contain;
  }
  .servicing-fleet .bg-image-map .--content h3 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
    letter-spacing: 0.56px;
    text-transform: capitalize;
  }
  .blog .inner-hero .min-570 {
    min-height: 40rem;
  }
  #posts-container .post-thumbnail img {
    min-height: 14rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .loadmore-wrap {
    margin-top: 5.6rem;
    margin-bottom: 5.6rem;
  }
  .single-hero {
    overflow: hidden;
  }
  .single-hero .container {
    padding: 0;
  }
  .single-hero figure img {
    min-height: 28rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .single-content-wrapper .mt-80 {
    margin-top: 4rem;
  }
  .single-content-wrapper .mb-80 {
    margin-bottom: 4rem;
  }
  .single-content-wrapper h1.--title {
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .single-content-wrapper .author-details {
    display: flex;
    flex-direction: column;
  }
  .single-content-wrapper .author-details span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .single-content-wrapper .author-info .align-items-center {
    align-items: start !important;
  }
  .single-content-wrapper .author-info .d-flex {
    gap: 0;
    align-items: center !important;
    margin-bottom: 1.6rem;
  }
  .single-content-wrapper .author-info .text-end {
    text-align: left !important;
  }
  .single-content-wrapper .--saperator {
    margin-top: 3.2rem;
  }
  .single-content-wrapper .article-content {
    margin-top: 2.4rem;
  }
  .single-content-wrapper .article-content h2,
  .single-content-wrapper .article-content h3,
  .single-content-wrapper .article-content h4,
  .single-content-wrapper .article-content h5,
  .single-content-wrapper .article-content h6 {
    margin-top: 3.2rem;
  }
  .single-content-wrapper .mb-120 {
    margin-bottom: 4rem;
  }
  .newsletter-form .subscribe-form form input[type=email] {
    text-align: center;
  }
  .covered-solutions {
    padding: 0;
  }
  .partner .--content {
    margin-bottom: 0;
  }
  .transportation #play-btn {
    top: calc(50% - 3rem);
    left: calc(50% - 0rem);
    background: #000;
    border-radius: 50%;
    display: none;
  }
  .flip-card:hover .flip-card-inner {
    transform: unset;
  }
  .articles-listing .mb-160 {
    margin-bottom: 4rem;
  }
}/*# sourceMappingURL=theme.css.map */