:root {
  --mg-white: #fff;
  --radius10-2: 10px;
  --mg-black: #000;
  --mg-grey-2: #c7c7d1;
  --mg-grey: #73738c;
  --radius100: 100px;
  --mg-grey-light: #cecece;
  --mg-whitesmoke: #f5f5f5;
  --citroen-gray: #868689;
  --mg-red: #db0f32;
  --dark-orange: #f0780a;
  --sky-blue: #85cddb;
  --light-orange: #f3933b;
  --firebrick: #bb162b;
  --black-kia: #05141f;
  --mg-grey-transparent: #9e9e9e24;
}

.v2-top {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  padding: 0;
  display: flex;
}

.v2-navbar {
  background-color: var(--mg-white);
  width: 100%;
}

.v2-body {
  padding: 20px;
  font-family: Favoritstd, Arial, sans-serif;
}

.v2-navlink {
  font-size: 16px;
}

.v2-navbar-logo {
  width: 65px;
}

.v2-sr-hero {
  border-radius: var(--radius10-2);
  background-image: linear-gradient(0deg, #000, #0000 22%), linear-gradient(#000, #0000 26%), url('/public/design/client/images2/mg-zs-hybid-plus-1.webp');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 75vh;
  position: relative;
  overflow: hidden;
}

.v2-sr-hero.mgehs {
  background-image: linear-gradient(0deg, #000, #0000 22%), linear-gradient(#000, #0000 26%), url('/public/design/client/images2/mg-ehs/mg-ehs-hero.webp');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 90vh;
  position: relative;
  overflow: hidden;
}

.v2-sr-hero.mg3hybridplus {
  background-image: linear-gradient(0deg, #000, #0000 22%), linear-gradient(#000, #0000 26%), url('/public/design/client/images2/mg-ehs/mg-3-hero.webp');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 90vh;
  position: relative;
  overflow: hidden;
}

.v2-sr-hero.mg4 {
  background-image: linear-gradient(0deg, #000, #0000 22%), linear-gradient(#000, #0000 26%), url('/public/design/client/images2/mg-4/mg-4-hero.webp');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  min-height: 90vh;
  position: relative;
  overflow: hidden;
}

.v2-sr-hero.mg4xp {
  background-image: linear-gradient(0deg, #000, #0000 22%), linear-gradient(#000, #0000 26%), url('/public/design/client/images2/mg-4-xpower/mg-4xp-hero.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.v2-sr-h1 {
  z-index: 555;
  color: var(--mg-white);
  margin-top: 50px;
  margin-bottom: 0;
  margin-left: 50px;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.v2-sr-hero-icons {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 50px;
  margin-right: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.v2-sr-hero-ico-7ans {
  width: 100px;
  margin-bottom: 20px;
}

.v2-sr-hero-ico-ecotag {
  width: 100px;
}

.v2-sr-hero-bottom {
  flex-flow: column;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.v2-sr-hero-row {
  align-items: stretch;
  margin: 20px 0;
  display: flex;
}

.v2-sr-hero-h3 {
  color: var(--mg-white);
  font-weight: 300;
}

.v2-sr-hero-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.v2-sr-hero-column.align-right {
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 0;
}

.v2-sr-hero-t1 {
  color: var(--mg-white);
  margin-bottom: 10px;
  font-size: 31px;
  font-weight: 300;
}

.v2-sr-hero-t1.mobile {
  color: var(--mg-black);
}

.v2-sr-hero-t2 {
  color: var(--mg-grey-2);
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 27px;
}

.v2-sr-hero-t2.mobile {
  color: var(--mg-grey);
}

.v2-cta1 {
  border-radius: var(--radius100);
  background-color: var(--mg-white);
  color: var(--mg-black);
  text-align: center;
  padding: 15px 25px;
  font-size: 22px;
  font-weight: 400;
}

.v2-cta1.mobile {
  background-color: var(--mg-black);
  color: var(--mg-white);
}

.v2-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.v2-contentin {
  width: 1000px;
  min-height: 200px;
  margin-bottom: 80px;
}

.v2-p1 {
  color: var(--mg-black);
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 37px;
}

.v2-p2 {
  color: var(--mg-grey);
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
}

.v2-p3 {
  color: var(--mg-black);
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
}

.v2-h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.v2-t1 {
  color: var(--mg-grey);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}

.v2-img {
  border-radius: var(--radius10-2);
  overflow: clip;
}

.v2-img.stack {
  position: absolute;
  inset: 0% auto auto 0%;
}

.v2-separator30 {
  width: 100%;
  height: 30px;
}

.v2-col1.l {
  padding-left: 0;
  padding-right: 15px;
}

.v2-col1.r {
  padding-left: 15px;
  padding-right: 0;
}

.v2-h3 {
  color: var(--mg-black);
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
}

.v2-p4 {
  color: var(--mg-black);
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.v2-cta2 {
  border-radius: var(--radius100);
  background-color: var(--mg-black);
  color: var(--mg-white);
  padding: 15px 25px;
  font-size: 19px;
  font-weight: 400;
}

.v2-vslider-custom {
  background-color: #0000;
  position: static;
  overflow: visible;
}

.v2-slider-custom-scroller {
  background-color: var(--mg-grey-light);
  width: 50%;
  height: 1px;
  margin-top: 40px;
  position: relative;
}

.v2-slider-custom-scroller-indicator {
  background-color: var(--mg-black);
  width: 20%;
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.v2-ups-row-small {
  width: 70%;
}

.v2-usp-row-t1 {
  color: var(--mg-black);
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 300;
  line-height: 23px;
}

.v2-usp-row-t2 {
  color: var(--mg-grey);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
}

.v2-ups-col-small {
  padding-left: 0;
}

.v2-separator80 {
  width: 100%;
  height: 80px;
}

.v2-vslider-custom-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v2-video {
  border-radius: var(--radius10-2);
  background-color: var(--mg-whitesmoke);
  width: 1000px;
  height: auto;
  overflow: hidden;
}

.v2-video.stack {
  position: absolute;
  inset: 0% auto auto 0%;
}

.v2-videothumb-row-small {
  width: 70%;
}

.v2-vidthumb {
  border: 1px solid var(--mg-grey-light);
  border-radius: var(--radius10-2);
  cursor: pointer;
  margin-bottom: 10px;
}

.v2-vidthumb.active {
  border-color: var(--mg-grey);
}

.v2-vidthumb-row-t1 {
  color: var(--mg-black);
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 300;
  line-height: 23px;
}

.v2-videothumb-col-small {
  padding-left: 0;
  padding-right: 15px;
}

.v2-accordion-item {
  border-bottom: 1px solid var(--mg-grey-light);
  flex-flow: column;
  display: flex;
}

.v2-accordion-item.last {
  border-bottom-style: none;
}

.v2-accordion-item-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v2-accordion-item-icon {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.v2-accordion-item-iconcon {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  left: -16px;
}

.v2-accordion-item-iconcon.active {
  left: 0;
}

.v2-accordion-item-bottom {
  height: 1px;
  overflow: hidden;
}

.v2-accordion-item-bottom.active {
  height: auto;
}

.v2-accordion-imgcon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--radius10-2);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  min-height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}

.v2-slider-custom-wrapperin {
  border-radius: var(--radius10-2);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.v2-sr-hero-bottom-mobile {
  flex-flow: column;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: static;
  inset: auto 0% 0%;
}

.v2-sfooter {
  background-color: var(--mg-white);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 15px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.v2-scta {
  border-radius: var(--radius100);
  background-color: var(--mg-black);
  color: var(--mg-white);
  text-align: center;
  padding: 15px 25px;
  font-size: 22px;
  font-weight: 400;
}

.v2-scta.mobile {
  background-color: var(--mg-black);
  color: var(--mg-white);
}

@media screen and (min-width: 1280px) {
  .v2-sr-hero-t1 {
    font-size: 23px;
  }

  .v2-sr-hero-t2 {
    font-size: 17px;
    line-height: 24px;
  }

  .v2-cta1, .v2-scta {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .v2-top {
    margin-bottom: 20px;
  }

  .v2-navlink {
    color: var(--mg-white);
    font-size: 18px;
    font-weight: 300;
  }

  .v2-sr-hero {
    min-height: 60vh;
  }

  .v2-navmenu {
    background-color: var(--mg-black);
    width: 350px;
    height: 100vh;
    position: fixed;
  }

  .v2-sr-hero-icons {
    margin-top: 0;
    margin-bottom: 50px;
    inset: auto 0% 0% auto;
  }

  .v2-sr-hero-bottom {
    display: none;
  }

  .v2-sr-hero-row {
    flex-flow: column;
  }

  .v2-sr-hero-column {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .v2-sr-hero-column.align-right {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .v2-sr-hero-t1.mobile {
    font-size: 22px;
  }

  .v2-contentin {
    width: 100%;
  }

  .v2-img {
    display: block;
  }

  .v2-img.stack {
    inset: 0% auto auto 0%;
  }

  .v2-video {
    width: 100%;
  }

  .v2-accordion-imgcon {
    overflow: hidden;
  }

  .v2-slider-custom-wrapperin {
    display: block;
    position: relative;
  }

  .v2-sr-hero-bottom-mobile {
    padding-bottom: 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .v2-top {
    margin-bottom: 20px;
  }

  .v2-sr-hero {
    min-height: 110vh;
  }

  .v2-img {
    width: 100%;
    display: block;
    position: static;
  }

  .v2-row-2col.inverse {
    flex-flow: column-reverse;
    display: flex;
  }

  .v2-col1.l {
    padding-right: 0;
  }

  .v2-col1.r {
    padding-left: 0;
  }

  .v2-vslider-custom {
    position: static;
  }

  .v2-ups-row-small {
    width: 100%;
  }

  .v2-separator80 {
    height: 40px;
  }

  .v2-videothumb-row-small {
    width: 100%;
  }

  .v2-accordion-imgcon {
    min-height: auto;
    overflow: hidden;
  }

  .v2-slider-custom-wrapperin {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .v2-body {
    padding-bottom: 40px;
  }

  .v2-navlink {
    color: var(--mg-white);
    font-weight: 300;
  }

  .v2-navbar-logo {
    width: 50px;
  }

  .v2-sr-hero {
    min-height: 60vh;
  }

  .v2-navmenu {
    background-color: var(--mg-black);
    color: var(--mg-white);
    width: 100%;
    height: 100vh;
    position: fixed;
    inset: 0% 0 auto auto;
  }

  .v2-menubutton {
    padding: 4px;
  }

  .v2-sr-h1 {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 45px;
  }

  .v2-sr-hero-icons {
    margin-bottom: 30px;
    margin-right: 30px;
  }

  .v2-sr-hero-ico-7ans, .v2-sr-hero-ico-ecotag {
    width: 70px;
  }

  .v2-cta1.mobile {
    display: none;
  }

  .v2-contentin {
    margin-bottom: 50px;
  }

  .v2-p2, .v2-p3 {
    font-size: 19px;
    line-height: 26px;
  }

  .v2-h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .v2-vidthumb-row-t1 {
    font-size: 16px;
    line-height: 19px;
  }

  .v2-videothumb-col-small {
    padding-right: 10px;
  }

  .v2-accordion-imgcon {
    overflow: hidden;
  }

  .v2-menubutton-icon {
    font-size: 37px;
  }

  .v2-sfooter {
    display: flex;
  }

  .v2-scta.mobile {
    display: none;
  }
}


@font-face {
  font-family: 'Favoritstd';
  src: url('/public/design/client/fonts/FavoritStd-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Favoritstd';
  src: url('/public/design/client/fonts/FavoritStd-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Favoritstd';
  src: url('/public/design/client/fonts/FavoritStd-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Favoritstd';
  src: url('/public/design/client/fonts/FavoritStd-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}