.ev-battery-page {
  --lv2-section-space: 100px;
}

.charge_hero {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  height: 80svh;
  padding-top: 100px;
}
@media screen and (max-width: 1024px) {
  .charge_hero {
    gap: 12px;
    height: 65svh;
    padding-top: 50px;
  }
}
.charge_hero_title {
  color: var(--Brand-Color-Primary-Black, #000);
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px;
  letter-spacing: 2.56px;
  text-transform: uppercase;
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .charge_hero_title {
    font-size: 32px;
    line-height: 40px;
  }
}
.charge_hero_desc {
  color: var(--Brand-Color-Primary-600, #666);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  max-width: 600px;
}
.charge_perform {
  background: var(--Brand-Color-Primary-Black, #000);
}
.charge_perform_wrapper {
  position: relative;
  height: 570px;
}
@media screen and (max-width: 1024px) {
  .charge_perform_wrapper {
    height: 480px;
  }
}
.charge_perform_content {
  position: absolute;
  top: 66px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
  max-width: 490px;
}
@media screen and (max-width: 1024px) {
  .charge_perform_content {
    top: 32px;
  }
}
.charge_perform_image {
  height: 100%;
}
.charge_perform_image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.charge_perform_title {
  color: var(--Brand-Color-Secondary-White, #FFF);
  text-align: center;
  font-family: "Nobel";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .charge_perform_title {
    font-size: 20px;
    line-height: 28px;
  }
}
.charge_perform_desc {
  color: var(--Color-White, #DCDCDC);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.55px;
  margin: 12px auto 0;
}
.charge_perform_grid_wrapper {
  background: var(--Brand-Color-Primary-Black, #000);
}
.charge_perform_grid {
  display: grid;
  grid-template-columns: 1fr 705px;
  gap: 56px;
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .charge_perform_grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.charge_perform_grid_img {
  padding: 16px;
}
.charge_perform_grid_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .charge_perform_grid_img {
    padding: 0;
  }
}
.charge_perform_grid_items {
  display: flex;
  flex-direction: column;
  gap: 72.5px;
}
@media screen and (max-width: 1024px) {
  .charge_perform_grid_items {
    gap: 40px;
  }
}
.charge_perform_grid_items_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charge_perform_grid_item img {
  width: 36px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .charge_perform_grid_item img {
    width: 30px;
    height: 26px;
  }
}
.charge_perform_grid_item {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .charge_perform_grid_item {
    gap: 20px;
  }
}
.charge_perform_grid_item .info .title {
  color: var(--Brand-Color-Secondary-White, #FFF);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.22px;
}
@media screen and (max-width: 1024px) {
  .charge_perform_grid_item .info .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.charge_perform_grid_item .info .desc {
  color: var(--Brand-Color-Secondary-600, #B9B9B9);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-top: 8px;
}/*# sourceMappingURL=ev-battery.css.map */