:root {
  --header-text-color: #3A3C3F;
  --header-background-color: #fff;
  --header-search-icon-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 513 513'%3E%3Cpath d='M508.5 468.9 387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17ZM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160Z' fill='%2350535A' fill-rule='nonzero'/%3E%3C/svg%3E");
  --header-search-icon-on-transparent: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"%3E%3Cpath d="M508.5 468.9 387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17ZM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160Z" fill="%23ffffff" fill-rule="nonzero"/%3E%3C/svg%3E%0A');
  --header-search-icon: var(--header-search-icon-default);
  --header-menu-text-color: #3A3C3F;
  --header-menu-text-hover-color: #216CA8;
  --header-menu-arrow-color: #666B74;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes banner-image-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes ping {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes ping {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  75% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
/* roboto-300 - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-300.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-300.ttf") format("truetype");
}
/* roboto-regular - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-regular.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-regular.ttf") format("truetype");
}
/* roboto-italic - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-italic.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-italic.ttf") format("truetype");
}
/* roboto-500 - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-500.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-500.ttf") format("truetype");
}
/* roboto-600 - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-600.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-600.ttf") format("truetype");
}
/* roboto-700 - cyrillic_greek_latin */
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v48-cyrillic_greek_latin-700.woff2") format("woff2"), url("../fonts/roboto-v48-cyrillic_greek_latin-700.ttf") format("truetype");
}
/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $soda-columns will inform the grid loops how many columns there should be.
 * $soda-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $soda-class-row string used for the row class
 * $soda-class-col string used for the column class
 * $soda-class-off string used for the offset class
 */
.accordion__item {
  border: 1px solid #E5E7E8;
  margin-bottom: 1.5rem;
  border-radius: 0.75rem;
  font-size: 1.4rem;
  position: relative;
  color: #50535A;
  background-color: #fff;
  transition: all 250ms ease;
}
@media only screen and (min-width: 768px) {
  .accordion__item {
    font-size: 1.5rem;
  }
}
.accordion--neutral-700 .accordion__item {
  color: #CDD0D4;
  border-color: #666B74;
  background-color: transparent;
}
.accordion__item:hover:not(.accordion__item--no-hover) {
  cursor: pointer;
}
.accordion__item:hover:not(.accordion__item--no-hover) i {
  color: #216CA8;
}
.accordion--neutral-700 .accordion__item:hover:not(.accordion__item--no-hover) {
  border-color: #CDD0D4;
}
.accordion--neutral-700 .accordion__item:hover:not(.accordion__item--no-hover) i {
  color: #F5F6F6;
}
.accordion__item__icon {
  position: absolute;
  top: 1.6rem;
  right: 1.5rem;
  color: #666B74;
  transition: transform 250ms ease-in-out;
}
.accordion--is-open .accordion__item__icon {
  color: #575B63;
  transform: rotate(90deg);
}
.accordion__item__title {
  padding: 1.8rem 3rem 1.65rem 1.5rem;
  font-size: 1.4rem;
  transition: color 450ms ease;
}
@media only screen and (min-width: 768px) {
  .accordion__item__title {
    font-size: 1.5rem;
  }
}
.accordion--is-open .accordion__item__title {
  color: #216CA8;
}
.accordion--neutral-700 .accordion__item__title {
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .accordion--neutral-700 .accordion__item__title {
    font-size: 1.9rem;
  }
}
.accordion--neutral-700 .accordion--is-open .accordion__item__title {
  color: #F5F6F6;
}
.accordion__item i {
  transform: translateY(0.2rem);
  font-size: 2rem;
}
.accordion__item__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 250ms ease;
  border-top: 1px solid transparent;
}
.accordion--is-open .accordion__item__content {
  border-top-color: #E5E7E8;
  height: auto;
  max-height: 500px;
}
.accordion--neutral-700 .accordion--is-open .accordion__item__content {
  border-top-color: transparent;
  padding-top: 0;
}

.activity-link {
  line-height: 1.375;
}
.activity-link__icon {
  flex: none;
  width: 3.2rem;
  height: 3.2rem;
}
.activity-link__icon img {
  width: 3.2rem;
  height: auto;
}
.activity-link__prefix {
  color: #3A3C3F;
  transition: color 0.2s ease-out;
}
.activity-link:hover .activity-link__prefix {
  color: #1B4A71;
}

.activity-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.activity-link-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.applications__address {
  font-size: 1.5rem;
  font-size: 1.7rem;
  color: #666B74;
}
.applications__address a {
  font-weight: 500;
}

.banner-contact-template {
  position: relative;
}
.banner-contact-template__content {
  padding: 3rem 0 0;
}
@media (min-width: 768px) {
  .banner-contact-template__content {
    padding: 6.5rem 0 0;
  }
  .banner-contact-template__content--has-image {
    padding: 6.5rem 0 12.5rem;
  }
}
.banner-contact-template__image {
  height: 0;
  padding-bottom: 40.8163265306%;
}
@media (min-width: 768px) {
  .banner-contact-template__image {
    position: relative;
    height: auto;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
  }
}
@media (min-width: 768px) {
  .banner-contact-template__image-container {
    position: absolute;
    top: 0;
    left: -0.1rem;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    border-bottom-left-radius: 5px;
  }
  .banner-contact-template__image-container .frame {
    height: 100%;
  }
}
.banner-contact-template__form {
  padding-top: 2rem;
}

.banner-new {
  overflow: clip;
  position: relative;
  color: #fff;
  height: auto;
  min-height: 44rem;
  display: flex;
  flex-direction: column;
  margin-top: -10.4rem;
  margin-bottom: 4rem;
  padding-top: 18rem;
}
@media (min-width: 768px) {
  .banner-new {
    margin-top: -11.4rem;
    padding-top: 12rem;
  }
}
@media (min-width: 1024px) {
  .banner-new {
    margin-top: -11.4rem;
    margin-bottom: 5rem;
  }
}
.banner-new__container {
  width: 100%;
}
.banner-new__wrapper {
  position: relative;
}
.banner-new__background {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner-new__background img {
  width: 100%;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-new__background::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 10.4rem;
  top: 3.7rem;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 768px) {
  .banner-new__background::before {
    top: 3.1rem;
    height: 11.4rem;
  }
}
@media (min-width: 1024px) {
  .banner-new__background::before {
    height: 11.4rem;
  }
}
.banner-new__background::after {
  position: absolute;
  content: "";
  width: 90%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(269.95deg, rgba(0, 0, 0, 0) 0.05%, rgba(0, 0, 0, 0.4) 81.75%), linear-gradient(270deg, rgba(27, 63, 95, 0) 38.85%, rgba(27, 63, 95, 0.2) 100%);
}
.banner-new__foreground {
  padding-top: 2.4rem;
  padding-bottom: 8rem;
}
.banner-new__content {
  width: 100%;
  max-width: 54rem;
}
.banner-new__breadcrumbs + * {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .banner-new__breadcrumbs + * {
    margin-top: 5.8rem;
  }
}
.banner-new__title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.004em;
}
@media (min-width: 768px) {
  .banner-new__title {
    font-size: 4rem;
  }
}
.banner-new__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%;
}
.banner-new__text p {
  padding: 0;
}
@media (min-width: 768px) {
  .banner-new__text {
    font-size: 1.9rem;
  }
}
.banner-new--style-grid .banner-new__foreground {
  padding: 6rem;
}
.banner-new--style-grid .banner-new__breadcrumbs + * {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .banner-new--style-grid .banner-new__breadcrumbs + * {
    margin-top: 3.2rem;
  }
}
.banner-new--solution {
  margin-bottom: unset;
  /*
   * 20255-08-26: The H1 has the icon + title + subtitle for historic reasons
   * 
   */
}
.banner-new--solution .banner-new__header {
  display: flex;
}
.banner-new--solution .banner-new__icon {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin-right: 0.8rem;
}
@media (min-width: 768px) {
  .banner-new--solution .banner-new__icon {
    width: 4rem;
    height: 4rem;
  }
}
.banner-new--solution .banner-new__icon * {
  fill: #fff;
}
.banner-new--solution .banner-new__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.002em;
  padding-bottom: unset;
}
@media (min-width: 768px) {
  .banner-new--solution .banner-new__title {
    font-size: 1.9rem;
  }
}
.banner-new--solution .banner-new__prefix {
  font-weight: 700;
}
.banner-new--solution .banner-new__subtitle {
  display: block;
  flex: 1 0 auto;
  width: 100%;
  margin-top: 3.2rem;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.004em;
}
@media (min-width: 768px) {
  .banner-new--solution .banner-new__subtitle {
    font-size: 4rem;
  }
}
.banner-new--solution .banner-new__content {
  margin-top: 1.2rem;
}
.banner-new--solution .banner-new__button {
  margin-top: 3.2rem;
}

.product-banner__back-button {
  font-size: 1.4rem;
  font-size: 1.5rem;
  margin-top: -1.5rem;
  margin-bottom: 3rem;
}
.product-banner__back-button .far {
  color: #81868F;
}
@media (min-width: 1201px) {
  .product-banner__back-button {
    margin-left: -6rem;
  }
}

.banner--solution.banner {
  position: relative;
  padding-top: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner--solution.banner {
    padding-top: 0;
    min-height: 50rem;
  }
  .banner--solution.banner .banner--solution__container {
    min-height: 50rem;
    display: flex;
  }
  .banner--solution.banner .banner--solution__container .frame {
    width: 100%;
  }
}
.banner--solution__icon {
  max-width: 6rem;
}
.banner--solution__icon img {
  width: 6rem;
  height: auto;
  opacity: 0.8;
}
.banner--solution__content {
  max-width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .banner--solution__content {
    flex: 1;
    padding-top: 4.5rem;
    padding-bottom: 6rem;
  }
}
.banner--solution__content__button {
  flex: 0 1 auto;
}
.banner--solution__content__button--has-intro {
  flex: 1;
}
@media (min-width: 768px) {
  .banner--solution__content__button--spacing-bottom {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1201px) {
  .banner--solution__content__button--spacing-bottom {
    padding-bottom: 6rem;
  }
}
.banner--solution__content--has-intro .banner__content__inner {
  flex: 0 1 auto;
}
.banner--solution__content--has-intro .banner--solution__content__button {
  flex: 1;
}
.banner--solution .banner__intro p:first-of-type {
  padding-top: 0;
}
.banner--solution .banner__intro p:last-of-type {
  padding-bottom: 0;
}
.banner--solution__image {
  height: 0;
  padding-bottom: 50%;
}
@media (min-width: 768px) {
  .banner--solution__image {
    position: relative;
    height: auto;
    padding-bottom: 0;
  }
  .banner--solution__image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -0.2rem;
    left: -0.2rem;
    right: -0.2rem;
    background-image: url("../images/solution-banner-swush.svg");
    background-size: auto 100%;
    background-position: -1px top;
    background-repeat: no-repeat;
  }
}
.banner--solution__image__container {
  background-color: #F5F6F6;
}
@media (min-width: 768px) {
  .banner--solution__image__container {
    position: absolute;
    top: 0;
    left: -0.1rem;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .banner--solution__image__container .frame {
    height: 100%;
  }
}
.banner--solution .breadcrumbs {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .banner--solution .breadcrumbs {
    padding-top: 1.5rem;
  }
}
.banner--solution--charge {
  border-bottom: 4px solid #00B2BB;
}
.banner--solution--fuel_retail {
  border-bottom: 4px solid #E30613;
}
.banner--solution--fleet {
  border-bottom: 4px solid #F39200;
}
.banner--solution--wash {
  border-bottom: 4px solid #E5E7E8;
}
.banner--solution--systems {
  border-bottom: 4px solid #2B417B;
}
.banner--solution--gas {
  border-bottom: 4px solid #00632E;
}
.banner--solution--industry {
  border-bottom: 4px solid #00632E;
}
.banner--solution--technics {
  border-bottom: 4px solid #00B6ED;
}
.banner--solution--Technics {
  border-bottom: 4px solid #00B6ED;
}
.banner--solution--solar {
  border-bottom: 4px solid #ffd900;
}
.banner--solution--power {
  border-bottom: 4px solid #036468;
}

.banner {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .banner {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .banner__content {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding-bottom: 4.5rem;
  }
}
.banner__content__inner {
  flex: 1 1 auto;
}
.banner__content ul.list--checklist {
  font-weight: 400;
}
.banner__content ul.list--checklist li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.banner__partners {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.banner__partners img {
  width: auto;
  height: auto;
  max-width: 11rem;
  margin: 1rem 1.5rem 1rem 0;
}
@media (min-width: 768px) {
  .banner__partners img {
    margin: 1rem 3rem 1rem 0;
  }
}
.banner__partners--amount-4 img {
  max-width: 6rem;
}
@media (min-width: 481px) {
  .banner__partners--amount-4 img {
    max-width: 9rem;
  }
}
@media (min-width: 768px) {
  .banner__partners--amount-4 img {
    margin: 1rem 1.5rem 1rem 0;
  }
}
.banner__back-button {
  font-size: 1.4rem;
  font-size: 1.5rem;
  margin-top: -1.5rem;
  margin-bottom: 3rem;
}
.banner__back-button .far {
  color: #81868F;
}
@media (min-width: 1201px) {
  .banner__back-button {
    margin-left: -6rem;
  }
}
.banner-case {
  position: relative;
  height: 62vh;
  max-height: 53rem;
}
.banner-case:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: -8vh;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/banner-case-background.svg");
  background-position: bottom center;
}

.breadcrumb-container {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .breadcrumb-container {
    padding-top: 1.5rem;
  }
}
.breadcrumb-container + .banner {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .breadcrumb-container + .banner {
    padding-top: 2rem;
  }
}

.breadcrumbs span,
.breadcrumbs a {
  display: inline-block;
}
.breadcrumbs a {
  color: #81868F;
}
.breadcrumbs a:hover {
  color: #216CA8;
}
.breadcrumbs a[href="#"] {
  pointer-events: none;
  cursor: text;
}
.breadcrumbs a[href="#"]:hover {
  color: #81868F;
}
.breadcrumbs__separator {
  display: inline-block;
  margin-right: 0.4rem;
  margin-left: 0.4rem;
}
.banner-new__breadcrumbs .breadcrumbs {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
}
.banner-new__breadcrumbs .breadcrumbs a {
  color: #fff;
  opacity: 0.7;
}
.banner-new__breadcrumbs .breadcrumbs a:hover {
  opacity: 1;
}
.banner-new__breadcrumbs .breadcrumbs a[href="#"] {
  pointer-events: none;
  cursor: text;
  opacity: 1;
}

.card-base {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  color: #3A3C3F;
  background-color: #fff;
  border: 1px solid #CDD0D4;
  border-radius: 0.6rem;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.card-base__image-wrapper {
  order: 1;
  width: 100%;
  flex: 0 1 auto;
}
.card-base__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 343/214;
  background-color: #fff;
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}
.card-base__image img {
  position: absolute;
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}
.card-base__image img:not(.img-contain) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-base__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #50535A;
  transition: color 0.2s ease-out;
}
.card-base__meta + * {
  margin-top: 0.8rem;
}
.card-base__content {
  order: 2;
  flex: 1;
  padding: 1.6rem 1.6rem 0;
}
@media (min-width: 768px) {
  .card-base__content {
    padding: 3.2rem 3.2rem 0;
  }
}
.card-base__content:not(:has(+ .card-base__footer)) {
  padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .card-base__content:not(:has(+ .card-base__footer)) {
    padding: 3.2rem;
  }
}
.card-base__content + .card-base__footer {
  margin-top: 2.4rem;
}
@media (min-width: 1024px) {
  .card-base__content + .card-base__footer {
    margin-top: 4.8rem;
  }
}
.card-base__footer {
  order: 3;
  padding: 0 1.6rem 1.6rem;
}
@media (min-width: 768px) {
  .card-base__footer {
    padding: 0 3.2rem 3.2rem;
  }
}
.card-base__pre-title {
  display: block;
}
.card-base__reading-time {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
}
.card-base__title {
  padding-bottom: 0;
  line-height: 1.3;
  letter-spacing: -0.002em;
  font-size: 1.9rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 768px) {
  .card-base__title {
    font-size: 2.4rem;
  }
}
.card-base:not(.card-base--no-hovers):hover, .card-base:not(.card-base--no-hovers):active, .card-base:not(.card-base--no-hovers):focus-visible {
  color: #216CA8;
}
.card-base:not(.card-base--no-hovers):hover .link--chevron, .card-base:not(.card-base--no-hovers):active .link--chevron, .card-base:not(.card-base--no-hovers):focus-visible .link--chevron {
  color: #216CA8;
}
.card-base:not(.card-base--no-hovers):hover .link--chevron::after, .card-base:not(.card-base--no-hovers):active .link--chevron::after, .card-base:not(.card-base--no-hovers):focus-visible .link--chevron::after {
  transform: translate(0.5rem, -50%);
}
.card-base:not(.card-base--no-hovers):hover .card-base__meta, .card-base:not(.card-base--no-hovers):active .card-base__meta, .card-base:not(.card-base--no-hovers):focus-visible .card-base__meta {
  color: #216CA8;
}
.card-base:not(.card-base--no-hovers):hover .card-base__image img, .card-base:not(.card-base--no-hovers):active .card-base__image img {
  transform: scale(1.05);
}
.card-base:not(.card-base--no-hovers):hover {
  background-color: #F2F8FD;
  border-color: #C5DEF2;
}
.card-base:not(.card-base--no-hovers):active {
  background-color: #E5F3FF;
  border-color: #91C3E8;
}
.card-base:not(.card-base--no-hovers):focus-visible {
  outline-offset: 2px;
  outline: #1C5788 solid 2px;
}

.card-basic {
  width: 100%;
  border: 1px solid #CDD0D4;
  border-radius: 0.5rem;
}
.card-basic__image-wrapper {
  width: 100%;
  flex: 0 1 auto;
}
.card-basic__image {
  position: relative;
  padding-bottom: 63.0434782609%;
  background-color: #E5E7E8;
  border-radius: 0.5rem;
}
.card-basic__image--contain img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-basic__label {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .card-basic__label {
    font-size: 1.8rem;
  }
}
.card-basic__title {
  font-size: 2.2rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .card-basic__title {
    font-size: 2.4rem;
  }
}
.card-basic__excerpt {
  font-size: 1.9rem;
}
@media only screen and (min-width: 768px) {
  .card-basic__excerpt {
    font-size: 2rem;
  }
}
.card-basic:hover .link--arrow {
  color: #1C5788;
}
.card-basic:hover .link--arrow::after {
  transform: translate(0.5rem, -50%);
}

.card-event {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border: 1px solid #E5E7E8;
  overflow: hidden;
  width: 100%;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
  position: relative;
  color: #3A3C3F;
  height: 100%;
  background-color: #216CA8;
}
.card-event::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  display: block;
  margin-top: 30%;
  padding-top: 26%;
  background-image: url("../images/card_event_v2_swush.svg");
  background-size: cover;
}
.card-event:hover {
  background-color: #1C5788;
}
.card-event:hover .link {
  color: rgba(255, 255, 255, 0.7);
}
.card-event__icon {
  display: block;
  padding: 1.8rem 2.4rem 0.8rem;
  font-size: 4rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
}
.card-event__image {
  display: block;
  width: 100%;
  position: relative;
  background-size: cover;
  height: 17.5rem;
}
.card-event__content {
  padding: 1.6rem 1.6rem 2.4rem;
}
@media (min-width: 768px) {
  .card-event__content {
    padding: 1.6rem 3.2rem 4.8rem;
  }
}
.card-event__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 0.8rem;
  color: #fff;
}
.card-event__excerpt {
  font-size: 1.5rem;
  padding-bottom: 1.6rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  .card-event__excerpt {
    font-size: 1.7rem;
  }
}
.card-event__footer {
  margin-top: auto;
  padding: 0 2.4rem 2.4rem;
  line-height: 1.5;
  z-index: 2;
}
@media (min-width: 768px) {
  .card-event__footer {
    padding: 0 3.2rem 3.2rem;
  }
}

.card-job {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 24rem;
  padding: 1.6rem;
  color: #424448;
  border: 1px solid #CDD0D4;
  border-radius: 0.6rem;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
@media (min-width: 768px) {
  .card-job {
    padding: 2.4rem;
  }
}
.card-job:hover, .card-job:active, .card-job:focus-visible {
  color: #216CA8;
}
.card-job:hover .link--chevron, .card-job:active .link--chevron, .card-job:focus-visible .link--chevron {
  color: #216CA8;
}
.card-job:hover .link--chevron::after, .card-job:active .link--chevron::after, .card-job:focus-visible .link--chevron::after {
  transform: translate(0.5rem, -50%);
}
.card-job:hover .card-job__meta, .card-job:active .card-job__meta, .card-job:focus-visible .card-job__meta {
  color: #216CA8;
}
.card-job:hover .card-job__image img, .card-job:active .card-job__image img {
  transform: scale(1.05);
}
.card-job:hover {
  background-color: #F2F8FD;
  border-color: #C5DEF2;
}
.card-job:active {
  background-color: #E5F3FF;
  border-color: #91C3E8;
}
.card-job:focus-visible {
  outline-offset: 2px;
  outline: #1C5788 solid 2px;
}
.card-job__content {
  flex: 1;
  padding-right: 1.2rem;
}
.card-job__title {
  padding: 0;
}
.card-job__meta {
  font-size: 1.7rem;
  font-size: 1.9rem;
  color: #50535A;
}
.card-job__meta + .card-job__meta {
  margin-top: 0.4rem;
}
.card-job__meta-icon {
  color: #216CA8;
}
.card-job__footer {
  flex: none;
}

.card-news {
  width: 100%;
  border: 1px solid #CDD0D4;
  border-radius: 0.5rem;
}
.card-news__image-wrapper {
  width: 100%;
  flex: 0 1 auto;
}
.card-news__image {
  padding-bottom: 62.3906705539%;
  background-color: #E5E7E8;
  border-radius: 0.5rem;
}
.card-news__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 0.8rem;
}
.card-news:hover .link--arrow {
  color: #1C5788;
}
.card-news:hover .link--arrow::after {
  transform: translate(0.5rem, -50%);
}

.card-product-category {
  flex: 0 0 100%;
  line-height: 1.27;
}
@media (min-width: 481px) {
  .card-product-category {
    flex: 0 1 50%;
  }
}
@media (min-width: 768px) {
  .card-product-category {
    flex: 0 1 33.333%;
  }
}
.card-product-category:hover {
  color: #216CA8;
}
.card-product-category:hover [class*=text--] {
  color: #216CA8;
}
.card-product-category [class*=text--] {
  transition: color 0.2s ease-out;
}
.card-product-category__image-wrapper {
  position: relative;
  padding-bottom: 100%;
  border: 1px solid #E5E7E8;
  border-radius: 0.6rem;
}
.card-product-category__image-wrapper img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  transform: translateX(-50%);
}
.card-product-category__image-wrapper--image-cover img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.6rem;
  transform: none;
}

.card-v2 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border: 1px solid #E5E7E8;
  overflow: hidden;
  width: 100%;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
  position: relative;
  color: #3A3C3F;
  height: 100%;
  background-color: #fff;
}
.card-v2::before {
  content: "";
  position: relative;
  z-index: 1;
  height: 0.5rem;
  overflow: hidden;
  background-color: #666B74;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.card-v2:hover {
  color: #216CA8;
}
.card-v2:hover .card-v2__action_label,
.card-v2:hover .card-v2__reading-time {
  color: #216CA8;
}
.card-v2__icon {
  display: block;
  padding: 1.8rem 2.4rem 0.8rem;
  font-size: 4rem;
  color: #81868F;
  line-height: 1;
}
.card-v2__image {
  display: block;
  width: 100%;
  position: relative;
  background-size: cover;
  height: 17.5rem;
}
.card-v2__content {
  padding: 1.6rem 2.4rem;
}
.card-v2__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
  margin-bottom: 0.8rem;
}
.card-v2__excerpt {
  font-size: 1.5rem;
  padding-bottom: 1.6rem;
  line-height: 1.4;
  color: #666B74;
}
@media only screen and (min-width: 768px) {
  .card-v2__excerpt {
    font-size: 1.7rem;
  }
}
.card-v2__footer {
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding: 0 2.4rem 2.4rem;
  line-height: 1.5;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .card-v2__footer {
    font-size: 1.5rem;
  }
}
.card-v2__reading-time {
  color: #81868F;
  transition: color 0.2s ease-out;
}
.card-v2__reading-time i {
  margin-right: 0.2rem;
}
.card-v2__action_label {
  display: flex;
  margin-left: auto;
  color: #81868F;
  align-items: center;
  transition: color 0.3s ease;
}
.card-v2__action_label i {
  margin-top: 0.15rem;
  margin-left: 0.6rem;
}
.card-v2--event {
  background-color: #216CA8;
}
.card-v2--event:before {
  display: none;
}
.card-v2--event:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin-top: 30%;
  padding-top: 26%;
  background-image: url("../images/card_event_v2_swush.svg");
  background-size: cover;
}
.card-v2--event .card-v2__icon {
  color: rgba(255, 255, 255, 0.5);
}
.card-v2--event .card-v2__title, .card-v2--event .card-v2__action_label {
  color: #fff;
}
.card-v2--event .card-v2__reading-time {
  color: rgba(255, 255, 255, 0.5);
}
.card-v2--event .card-v2__excerpt {
  color: rgba(255, 255, 255, 0.7);
}
.card-v2--event:hover {
  background-color: #1C5788;
}
.card-v2--event:hover .card-v2__action_label,
.card-v2--event:hover .card-v2__reading-time {
  color: rgba(255, 255, 255, 0.7);
}

.card {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
  position: relative;
  color: #3A3C3F;
  height: 100%;
  min-height: 20rem;
  background-color: #fff;
}
.card:before {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  background-color: #666B74;
  z-index: 1;
}
.card:hover:not(.card--no-hover) {
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.card__description {
  display: block;
  margin-bottom: 0.75rem;
  color: #666B74;
}
.card__image {
  display: block;
  width: 100%;
  position: relative;
  background-size: cover;
  height: 18rem;
}
@media (min-width: 768px) {
  .card__image {
    max-height: 21rem;
    height: 21rem;
  }
}
.card__content {
  display: block;
  padding: 2.25rem 3rem 1.5rem;
}
.card__title {
  color: #50535A;
  padding-bottom: 1rem;
}
.card__logo {
  display: block;
  margin-top: 2.25rem;
}
.card__logo img {
  max-height: 2.5rem;
}
.card__action_label {
  font-size: 1.5rem;
  color: #81868F;
}
.card--image {
  background-size: cover;
  background-color: #ABAFB5;
  min-height: 20rem;
}
@media (min-width: 768px) {
  .card--image {
    min-height: 23.5rem;
  }
}
.card--image:before {
  display: none;
}
.card--image .card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 15%;
  background-image: url("../images/card_image_swush.svg");
  background-size: cover;
}
.card--image .card__title {
  font-size: 1.7rem;
  color: #fff;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .card--image .card__title {
    font-size: 1.9rem;
  }
}
.card--image .card__image::after {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6));
}
.card--large .card__image {
  height: 0;
  padding-bottom: 87.3786407767%;
}
@media (min-width: 481px) {
  .card--large .card__image {
    padding-bottom: 77.6699029126%;
  }
}
@media (min-width: 768px) {
  .card--large .card__image {
    padding-bottom: 52.427184466%;
  }
}
.card--large.card--image .card__title {
  font-size: 2.2rem;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .card--large.card--image .card__title {
    font-size: 3.2rem;
  }
}
.card--large.card--image .card__content {
  margin-top: 0;
  padding-top: 12%;
  padding-right: 6rem;
  background-image: url("../images/card_image_swush.svg");
  right: 0;
}
@media (min-width: 481px) {
  .card--large.card--image .card__content {
    padding-right: 9rem;
  }
}
@media (min-width: 768px) {
  .card--large.card--image .card__content {
    right: auto;
    width: 70%;
    padding-right: 6rem;
    padding-bottom: 3rem;
    padding-left: 6rem;
  }
}
@media (min-width: 1024px) {
  .card--large.card--image .card__content {
    padding-right: 9rem;
    padding-bottom: 6rem;
  }
}
.card--large.card--event.card--image .card__content {
  width: 100%;
  padding-top: 10%;
  background-image: url("../images/card_event_swush.svg");
}
.card--primary-title .card__title {
  color: #216CA8;
}
.card--product {
  font-size: 1.5rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .card--product {
    font-size: 1.7rem;
  }
}
.card--product .card__image {
  background-color: #F5F6F6;
  background-position: center;
  background-repeat: no-repeat;
}
.card--product .card__image--cover {
  background-size: cover;
  background-position: center;
}
.card--product .card__content {
  line-height: 1.5;
}
.card--product .card__footer {
  display: block;
  padding: 0 3rem 1.5rem;
}
.card--product.card--slider {
  position: relative;
}
.card--product.card--slider .card__footer {
  position: absolute;
  bottom: 0.5rem;
}
.card--event {
  background-color: #216CA8;
}
.card--event:before {
  display: none;
}
.card--event .card__icon {
  z-index: 1;
  color: #E5F3FF;
  font-size: 4rem;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.card--event .card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin-top: 30%;
  padding-top: 10%;
  background-image: url("../images/card_event_v2_swush.svg");
  background-size: cover;
}
.card--event .card__title {
  color: #fff;
}
.card--event:hover {
  background-color: #1C5788;
}
.card--search {
  font-size: 1.4rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  min-height: 16rem;
}
@media only screen and (min-width: 768px) {
  .card--search {
    font-size: 1.5rem;
  }
}
.card--search .card__image {
  background-color: #F5F6F6;
  background-position: center;
  background-repeat: no-repeat;
  max-height: 11.5rem;
  height: 11.5rem;
}
.card--search .card__image--cover {
  background-size: cover;
  background-position: center;
}
.card--search .card__image::after {
  display: none;
}
.card--search .card__content {
  line-height: 1.5;
  padding: 1.2rem 1.5rem;
}
.card--search .card__title {
  padding-bottom: 0;
}
.card--search .card__title--primary {
  color: #216CA8;
}
.card--search .card__title-prefix {
  font-weight: 700;
  color: #3A3C3F;
  margin-right: 0.25rem;
}
.card--search .card__custom-title {
  display: flex;
  align-items: center;
}
.card--search .card__title-icon {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  margin-right: 0.75rem;
}
.card--search .card__title-icon img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.card--contact {
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.card--contact .card__title {
  padding-bottom: 0;
}
.card--contact .card__description {
  font-size: 1.5rem;
  line-height: 1.375;
}
@media only screen and (min-width: 768px) {
  .card--contact .card__description {
    font-size: 1.7rem;
  }
}
.card--contact .card__description--medium {
  font-size: 1.4rem;
  line-height: 1.375;
  color: #666B74;
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .card--contact .card__description--medium {
    font-size: 1.5rem;
  }
}

.case-slide {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 80rem;
  min-height: 38rem;
  margin-bottom: 1.6rem;
  color: #3A3C3F;
  background-color: #fff;
  border: 1px solid #E5E7E8;
  border-radius: 0.6rem;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
@media (min-width: 768px) {
  .case-slide {
    flex-direction: row;
    align-items: stretch;
  }
}
@media (min-width: 1201px) {
  .case-slide {
    width: 91rem;
    max-width: 91rem;
    min-height: 46rem;
  }
}
.case-slide:hover, .case-slide:active, .case-slide:focus-visible {
  color: #216CA8;
}
.case-slide:hover .link--chevron, .case-slide:active .link--chevron, .case-slide:focus-visible .link--chevron {
  color: #216CA8;
}
.case-slide:hover .link--chevron::after, .case-slide:active .link--chevron::after, .case-slide:focus-visible .link--chevron::after {
  transform: translate(0.5rem, -50%);
}
.case-slide:hover .case-slide__meta, .case-slide:active .case-slide__meta, .case-slide:focus-visible .case-slide__meta {
  color: #216CA8;
}
.case-slide:hover .case-slide__image img, .case-slide:active .case-slide__image img {
  transform: scale(1.05);
}
.case-slide:hover {
  background-color: #F2F8FD;
  border-color: #C5DEF2;
}
.case-slide:active {
  background-color: #E5F3FF;
  border-color: #91C3E8;
}
.case-slide:focus-visible {
  outline-offset: 2px;
  outline: #1C5788 solid 2px;
}
.case-slide:hover .case-slide__button, .case-slide:active .case-slide__button, .case-slide:focus-visible .case-slide__button {
  color: #fff;
}
.case-slide:hover .case-slide__button {
  background-color: #1C5788;
  border-color: #1C5788;
}
.case-slide:active .case-slide__button {
  background-color: #1B4A71;
  border-color: #1B4A71;
}
.case-slide:focus-visible .case-slide__button {
  background-color: #1C5788;
  border-color: #1C5788;
  outline-color: #1C5788;
}
.case-slide__image {
  order: 1;
  width: 100%;
  aspect-ratio: 343/214;
  overflow: hidden;
  background-color: #E5E7E8;
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}
@media (min-width: 768px) {
  .case-slide__image {
    aspect-ratio: unset;
    flex: 0 1 41%;
    padding-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.6rem;
  }
}
.case-slide__image img {
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}
@media (min-width: 768px) {
  .case-slide__image img {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.6rem;
  }
}
.case-slide__quote {
  flex: 1;
  line-height: 1.3;
  font-weight: 500;
  color: #3A3C3F;
  font-size: 1.9rem;
}
@media only screen and (min-width: 768px) {
  .case-slide__quote {
    font-size: 2.4rem;
  }
}
.case-slide__quote__caption {
  margin-top: 1.2rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .case-slide__quote__caption {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .case-slide__quote__caption {
    margin-top: 1.6rem;
  }
}
.case-slide__logo + * {
  margin-top: 1.6rem;
}
@media (min-width: 768px) {
  .case-slide__logo + * {
    margin-top: 2.4rem;
  }
}
.case-slide__button {
  margin-top: 1.6rem;
}
@media (min-width: 768px) {
  .case-slide__button {
    margin-top: 4rem;
  }
}
.case-slide__content {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  flex: 1;
  padding: 1.6rem;
  border-bottom-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
@media (min-width: 768px) {
  .case-slide__content {
    flex: 0 0 59%;
    padding: 3.2rem;
    border-top-right-radius: 0.6rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1024px) {
  .case-slide__content {
    padding: 40px;
  }
}

.case__header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.case__header__image {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .case__header__image {
    padding-left: 3rem;
    flex: 0 0 30%;
  }
  .case__header__image img {
    width: 100%;
    max-width: 13.5rem;
    height: auto;
  }
}

.cases-filters__results {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-flow: row wrap;
}
.cases-filters__instructions {
  font-size: 1.7rem;
}
.cases-filters__posts-count {
  display: block;
  font-weight: 500;
}
.cases-filters__reset-filters {
  text-align: right;
  display: block;
  font-weight: 500;
}
.cases-filters__filter-dropdown {
  position: relative;
}
.cases-filters__filter-dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.4rem 2.4rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 54px;
  color: #50535A;
  font-weight: 500;
  font-size: 1.7rem;
  margin: 0;
  text-shadow: none;
}
.cases-filters__filter-dropdown__button--active {
  background-color: #E5F3FF;
  border-color: #1B4A71;
}
.cases-filters__filter-dropdown__button:hover {
  background-color: #E5F3FF;
  color: #1B4A71;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cases-filters__filter-dropdown__button:focus-visible {
  outline: 2px solid #1B4A71;
  outline-offset: 2px;
}
.cases-filters__filter-dropdown__button:active {
  background-color: #C5DEF2;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: 0;
}
.cases-filters__filter-dropdown__dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 3rem);
  padding: 1.8rem 2.4rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  color: #50535A;
  z-index: 99;
  list-style: none;
  font-weight: 500;
  font-size: 1.7rem;
  margin: 0 1.5rem;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
}
.cases-filters__filter-dropdown__dropdown-item {
  border-bottom: 1px solid #E5E7E8;
}
.cases-filters__filter-dropdown__dropdown-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #50535A;
  padding: 1.8rem 0;
}
.cases-filters__filter-dropdown__dropdown-item--active a i {
  color: #216CA8;
}
.cases-filters__filter-dropdown__dropdown-item:hover a {
  color: #1B4A71;
}
.cases-filters__filter-dropdown__dropdown-item:first-child a {
  padding-top: 0;
}
.cases-filters__filter-dropdown__dropdown-item:last-child {
  border-bottom: 0;
}
.cases-filters__filter-dropdown__dropdown-item:last-child a {
  padding-bottom: 0;
}

body.solution-template-template-check {
  background: #F5F6F6;
}
body.solution-template-template-check main {
  position: relative;
  z-index: 10;
}

.page-form {
  padding-bottom: 8rem;
}
@media (min-width: 1024px) {
  .page-form {
    padding-bottom: 16rem;
  }
}
.page-form__text {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .page-form__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .page-form__text {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .page-form__text {
    padding-top: 10rem;
  }
}
.page-form__text h1, .page-form__text h2 {
  max-width: 30rem;
  font-weight: 400;
}
.page-form__form .gform_wrapper .gform_fields .gfield .gfield_label {
  display: none;
}

.icon-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.icon-list li {
  position: relative;
  padding: 0 0 0 4.5rem;
  margin-top: 2rem;
}
.icon-list li:first-child {
  margin-top: 0;
}
.icon-list li i.far {
  position: absolute;
  left: 0;
  margin-top: 0.5rem;
  font-size: 2.3rem;
  color: #216CA8;
}

[v-cloak] {
  display: none;
}

.page-container--charge .container {
  max-width: 116rem;
}

.charge-check__header {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 3rem;
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .charge-check__header {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .charge-check__header {
    padding-top: 0;
  }
}
.charge-check__header a {
  font-size: 1.4rem;
  color: #666B74;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  z-index: 10;
  cursor: pointer;
}
.charge-check__header a [class*=fa] {
  font-size: 2.2rem;
  margin-right: 1rem;
}
.charge-check__header a [class*=fa]:last-child {
  margin-right: 0;
  margin-left: 1rem;
}
.charge-check__header a.charge-check__prev {
  right: auto;
  left: 0;
}
@media (min-width: 768px) {
  .charge-check__content {
    padding: 3rem 0;
  }
}
.charge-check__content h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.charge-check__loader {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border: 3px solid #216CA8;
  border-right-color: transparent;
  border-bottom-color: transparent;
  margin: 3rem auto;
  position: relative;
  animation: loader-spin 0.8s linear infinite;
}
.charge-check__loader::after {
  content: "";
  display: block;
  position: absolute;
  left: -0.3rem;
  top: -0.3rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border: 3px solid rgba(33, 108, 168, 0.3);
  z-index: -1;
}
@media (min-width: 1024px) {
  .charge-check__loader {
    margin: 6rem auto;
  }
}
.charge-check__answers {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -0.8rem;
  margin-left: -0.8rem;
}
@media (min-width: 1024px) {
  .charge-check__answers {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
}
.charge-check__answers dt {
  flex: 1 1 auto;
  padding: 0.8rem;
}
@media (min-width: 768px) {
  .charge-check__answers dt {
    display: flex;
    width: 100%;
    padding: 1.2rem 8px;
  }
}
@media (min-width: 1024px) {
  .charge-check__answers dt {
    padding: 2rem 8px;
  }
}
.charge-check__answers__button,
.charge-check__answers button {
  display: block;
  width: 100%;
  padding: 2rem;
  margin: 0;
  font-weight: 500;
  color: #3A3C3F;
  border: 1px solid #CDD0D4;
}
@media (hover: hover) {
  .charge-check__answers__button:hover,
.charge-check__answers button:hover {
    background: #216CA8 !important;
    color: #fff !important;
  }
}
.charge-check__answers__button:focus-visible,
.charge-check__answers button:focus-visible {
  background: #216CA8 !important;
  color: #fff !important;
  outline: 2px solid #1C5788;
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .charge-check__answers__button,
.charge-check__answers button {
    flex: 1;
    padding: 2.5rem 2rem;
  }
}
@media (min-width: 1024px) {
  .charge-check__answers__button,
.charge-check__answers button {
    padding: 3.3rem 2rem;
  }
}
.charge-check__answers__button__label,
.charge-check__answers button__label {
  display: block;
  text-align: center;
}
.charge-check__answers__button:has(img), .charge-check__answers__button--has-image,
.charge-check__answers button:has(img),
.charge-check__answers button--has-image {
  padding: 0;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .charge-check__answers__button:has(img), .charge-check__answers__button--has-image,
.charge-check__answers button:has(img),
.charge-check__answers button--has-image {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex: 0 1 auto;
  }
}
@media (min-width: 1024px) {
  .charge-check__answers__button:has(img), .charge-check__answers__button--has-image,
.charge-check__answers button:has(img),
.charge-check__answers button--has-image {
    flex-direction: column;
    justify-content: flex-end;
  }
}
.charge-check__answers__button:has(img) .charge-check__answers__button__label, .charge-check__answers__button--has-image .charge-check__answers__button__label,
.charge-check__answers button:has(img) .charge-check__answers__button__label,
.charge-check__answers button--has-image .charge-check__answers__button__label {
  padding: 12px 16px;
}
@media (min-width: 768px) {
  .charge-check__answers__button:has(img) .charge-check__answers__button__label, .charge-check__answers__button--has-image .charge-check__answers__button__label,
.charge-check__answers button:has(img) .charge-check__answers__button__label,
.charge-check__answers button--has-image .charge-check__answers__button__label {
    display: block;
  }
}
.charge-check__answers__button:has(img) .charge-check__answers__button__image, .charge-check__answers__button--has-image .charge-check__answers__button__image,
.charge-check__answers button:has(img) .charge-check__answers__button__image,
.charge-check__answers button--has-image .charge-check__answers__button__image {
  min-height: 75px;
  width: 200px;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .charge-check__answers__button:has(img) .charge-check__answers__button__image, .charge-check__answers__button--has-image .charge-check__answers__button__image,
.charge-check__answers button:has(img) .charge-check__answers__button__image,
.charge-check__answers button--has-image .charge-check__answers__button__image {
    min-height: 125px;
  }
}
@media (min-width: 1024px) {
  .charge-check__answers__button:has(img) .charge-check__answers__button__image, .charge-check__answers__button--has-image .charge-check__answers__button__image,
.charge-check__answers button:has(img) .charge-check__answers__button__image,
.charge-check__answers button--has-image .charge-check__answers__button__image {
    flex: 1 0 auto;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .charge-check__answers__button:has(img) .charge-check__answers__button__image img, .charge-check__answers__button--has-image .charge-check__answers__button__image img,
.charge-check__answers button:has(img) .charge-check__answers__button__image img,
.charge-check__answers button--has-image .charge-check__answers__button__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.charge-check__progress {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.charge-check__progress dl {
  max-width: 60rem;
  width: 70vw;
  display: flex;
  position: relative;
  height: 0.1rem;
  background: #CDD0D4;
}
.charge-check__progress dl::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #216CA8;
  border-radius: 0.6rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}
.charge-check__progress dl dt {
  flex: 1 1 auto;
  flex-basis: 0;
  position: relative;
  height: 0.1rem;
  z-index: 5;
}
.charge-check__progress dl dt::before {
  content: "";
  height: 0.1rem;
  background: #216CA8;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.2s ease-out;
}
.charge-check__progress dl dt::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #F5F6F6;
  border-radius: 0.6rem;
  border: 1px solid #81868F;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  z-index: 10;
  transition: background 0.2s ease-out;
}
.charge-check__progress dl dt.complete::before {
  width: 100%;
}
.charge-check__progress dl dt.complete::after {
  background: #216CA8;
  border-color: transparent;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.charge-check-answers {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .charge-check-answers {
    padding-top: 6rem;
  }
}
.charge-check-answers__list {
  padding-top: 1.5rem;
}
.charge-check-answers__list div {
  padding: 1.5rem 0.5rem;
  line-height: 1.5;
  border-bottom: 1px solid #E5E7E8;
}
.charge-check-answers__list div:first-of-type {
  border-top: 1px solid #E5E7E8;
}
@media (min-width: 768px) {
  .charge-check-answers__list div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 0;
  }
}
.charge-check-answers__list div dt {
  flex: 0 1 75%;
  color: #50535A;
}
.charge-check-answers__list div dd {
  color: #666B74;
}
@media (min-width: 768px) {
  .charge-check-answers__list div dd {
    text-align: right;
  }
}

.charge-check-results {
  padding-top: 1.5rem;
  margin-top: -4.5rem;
}
@media (min-width: 768px) {
  .charge-check-results {
    padding-top: 3rem;
    margin-top: 0;
  }
}
.charge-check-results__inner {
  background-image: url("../images/charge-check-results-bg.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .charge-check-results__inner {
    border-radius: 0.6rem;
  }
}
.charge-check-results__content {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .charge-check-results__content {
    padding: 3.3rem 3.3rem 0;
  }
}
.charge-check-results__content .lead {
  font-size: 1.7rem;
  padding-bottom: 3.2rem;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__content .lead {
    font-size: 2rem;
  }
}
.charge-check-results__chargers-container {
  max-width: 42.7rem;
  padding: 2.4rem;
  background-color: #56A3DA;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid #00B2BB;
  border-radius: 0.6rem;
}
.charge-check-results__charger {
  position: relative;
  padding-bottom: 2.4rem;
  padding-left: 4.8rem;
}
.charge-check-results__charger::before {
  content: "\f1e6";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  font-family: "Font Awesome 6 Pro";
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2.4rem;
  color: #00B2BB;
  background-color: #fff;
  border-radius: 50%;
}
.charge-check-results__charger__title {
  display: block;
  font-size: 2rem;
  line-height: 1.27;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__charger__title {
    font-size: 2.7rem;
  }
}
.charge-check-results__charger__sub-title {
  font-size: 1.4rem;
  display: block;
  padding-top: 0.8rem;
  line-height: 1.27;
  opacity: 0.8;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__charger__sub-title {
    font-size: 1.5rem;
  }
}
.charge-check-results__charger__text {
  font-size: 1.7rem;
  padding: 0;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__charger__text {
    font-size: 2rem;
  }
}
.charge-check-results__charger__list {
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__charger__list {
    font-size: 1.7rem;
  }
}
.charge-check-results__charger__list li {
  padding-left: 2rem;
  list-style: none;
}
@media (min-width: 768px) {
  .charge-check-results__charger__list li {
    padding-left: 2.4rem;
  }
}
.charge-check-results__charger__list li::before {
  font-size: 1.5rem;
  content: "\f00c";
  display: inline-block;
  width: 1.4rem;
  margin-right: 0.6rem;
  margin-left: -2rem;
  font-family: "Font Awesome 6 Pro";
  line-height: 1.5;
  color: #00B2BB;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__charger__list li::before {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .charge-check-results__charger__list li::before {
    width: 1.6rem;
    margin-right: 0.8rem;
    margin-left: -2.4rem;
  }
}
.charge-check-results__charger + .charge-check-results__charger {
  padding-top: 2.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.charge-check-results__charger + .charge-check-results__charger::before {
  top: 2.4rem;
}
.charge-check-results__charger:last-of-type {
  padding-bottom: 0;
}
.charge-check-results__sub-text, .charge-check-results__view-answers {
  font-size: 1.3rem;
  max-width: 42.7rem;
  padding-top: 3.2rem;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__sub-text, .charge-check-results__view-answers {
    font-size: 1.4rem;
  }
}
.charge-check-results__view-answers {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .charge-check-results__view-answers {
    padding: 1.6rem 3.3rem 3.3rem;
  }
}
.charge-check-results__view-answers a {
  color: #fff;
}
.charge-check-results__view-answers a .far {
  transform: translateY(0);
  transition: transform 0.2s ease-out;
}
.charge-check-results__view-answers a:hover {
  opacity: 0.85;
}
.charge-check-results__view-answers a:hover .far {
  transform: translateY(0.3rem);
}
@media (min-width: 768px) {
  .charge-check-results__form-container {
    margin: 3.3rem;
    border-radius: 0.6rem;
  }
}
.charge-check-results__form-container.form-container {
  padding: 0;
}
.charge-check-results__form {
  position: relative;
  z-index: 5;
  padding: 0 2rem 2rem;
  margin-top: -1.7rem;
}
@media (min-width: 768px) {
  .charge-check-results__form {
    padding: 0 3.2rem 3.2rem;
  }
}
@media (min-width: 768px) {
  .charge-check-results__form .gform_validation_errors .gform_submission_error {
    margin-top: 3.2rem;
  }
}
@media (min-width: 768px) {
  .charge-check-results__form__confirmation {
    margin-top: 4.9rem;
  }
}
.charge-check-results__form .gform_footer {
  margin-top: 1.5rem;
}
.charge-check-results__form .gform_footer .gform_button {
  margin: 0;
}
.charge-check-results__form__header {
  font-size: 1.5rem;
  position: relative;
  padding: 2rem 2rem 4.2rem;
  line-height: 1.5;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background-color: #00B2BB;
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__form__header {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .charge-check-results__form__header {
    padding: 3.2rem 3.2rem 4.2rem;
  }
}
.charge-check-results__form__header::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  background: linear-gradient(89.45deg, rgba(0, 0, 0, 0.4) 37.95%, rgba(0, 0, 0, 0) 68.74%);
  border-top-right-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
}
.charge-check-results__form__title {
  font-size: 2.4rem;
  padding-bottom: 1.2rem;
}
@media only screen and (min-width: 768px) {
  .charge-check-results__form__title {
    font-size: 2.8rem;
  }
}
.charge-check-results__form__title, .charge-check-results__form__excerpt {
  position: relative;
  z-index: 2;
  max-width: 27rem;
}
.charge-check-results__image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #00B2BB;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.charge-check-results [data-check-results-image-placeholder] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-services__block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 3.2rem;
  border: 1px solid #CDD0D4;
  border-radius: 0.6rem;
}
.contact-services__block__title {
  padding-bottom: 0;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
.contact-services__block__icon {
  font-size: 2.8rem;
  color: #216CA8;
}
.contact-services__block__intro {
  color: #50535A;
  margin-bottom: 3.2rem;
}
.contact-services__block__contact-details {
  margin-top: auto;
}

.contact__service-number {
  font-size: 1.5rem;
  position: relative;
  padding: 1.5rem;
  border-radius: 0.6rem;
  line-height: 1.27;
}
@media only screen and (min-width: 768px) {
  .contact__service-number {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .contact__service-number {
    max-width: 32rem;
    min-height: 14rem;
    padding: 3rem 1.5rem;
  }
}
.contact__service-number__title {
  color: #50535A;
}
.contact__service-number__title.h5 {
  padding-top: 0;
}
.contact__service-number .link--small {
  color: #666B74;
}
.contact__service-number .link--small:hover {
  color: #216CA8;
}
.contact__service-number__icon {
  font-size: 1.7rem;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  color: #216CA8;
}
@media only screen and (min-width: 768px) {
  .contact__service-number__icon {
    font-size: 1.9rem;
  }
}
.contact__service-number__extra-info {
  font-size: 1.2rem;
  padding: 0.5rem 1.5rem;
}
@media only screen and (min-width: 768px) {
  .contact__service-number__extra-info {
    font-size: 1.3rem;
  }
}
.contact .cta-phone .link--small {
  vertical-align: 12%;
}
.contact__maps {
  border-radius: 0.6rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .contact__maps {
    align-self: flex-end;
    width: 83.3333333333%;
  }
}
.contact__maps__container {
  position: relative;
}
@media (min-width: 768px) {
  .contact__maps__container {
    display: flex;
    flex-flow: column nowrap;
  }
}
.contact__maps__legenda {
  font-size: 1.2rem;
  display: none;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .contact__maps__legenda {
    font-size: 1.3rem;
  }
}
.contact__maps__legenda--loaded {
  display: flex;
}
@media (min-width: 768px) {
  .contact__maps__legenda {
    align-self: flex-end;
  }
}
.contact__maps__legenda__item {
  margin-right: 1.5rem;
}
.contact__maps__legenda__item::before {
  vertical-align: middle;
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
}
.contact__maps__legenda__item--hq::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/marker-hq.png");
}
.contact__maps__legenda__item--depot::before {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background-image: url("../images/marker-depot.png");
}
.contact__maps__legenda__item--distributor::before {
  background-image: url("../images/marker-distributor.png");
}
.contact__maps__card {
  width: 90%;
  margin: -6rem auto 0;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .contact__maps__card {
    margin: 0;
    position: absolute;
    top: 10%;
    left: 0;
    width: 27.35%;
    display: none;
  }
}
.contact__maps__card--loaded {
  display: block;
}
.contact__maps__card__header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: right;
}
.contact__maps__card__close {
  display: inline-block;
  padding: 1.2rem;
  color: #50535A;
}
.contact__maps__card .card:before {
  background-color: #216CA8;
}
.contact__maps__card .card__title {
  color: #216CA8;
}
.contact__maps__card .card__description {
  word-break: break-word;
}
.contact__maps .vue-map-container {
  height: 60vh;
  width: 100%;
}
@media (min-width: 768px) {
  .contact__maps .vue-map-container {
    height: 60rem;
  }
}
.contact__maps .vue-map-container .vue-map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

:root {
  --cf-placeholder-bg-color: #F5F5F5;
}

.tsg-ssd-theme .cookiefirst-root [data-cookiefirst-widget],
.tsg-theme .cookiefirst-root [data-cookiefirst-widget] {
  --banner-font-size: 1.3rem;
  --banner-font-size-lg: 1.4rem;
  overflow: hidden;
}
.tsg-ssd-theme .cookiefirst-root [data-cookiefirst-action],
.tsg-theme .cookiefirst-root [data-cookiefirst-action] {
  padding: 6px 12px !important;
}
.tsg-ssd-theme .cookiefirst-root [data-cookiefirst-action] span,
.tsg-theme .cookiefirst-root [data-cookiefirst-action] span {
  font-weight: 500;
}

.page-content .cookie-policy-page-content h2,
.page-content .cookie-policy-page-content h3:not([class*=pb-]) {
  padding-bottom: 0;
}
.page-content .cookie-policy-page-content h3 {
  font-weight: 500;
}
.page-content .cookie-policy-page-content p:first-child {
  padding-top: 0;
}

.cookiefirst-disabled-resource {
  position: relative;
}
.cookiefirst-disabled-resource.hide {
  display: none !important;
}

.cookiefirst-iframe {
  position: relative;
  padding-bottom: 56.25%;
}
.cookiefirst-iframe iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cookiefirst-iframe__placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--cf-placeholder-bg-color);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
}

.cookiefirst-button:after {
  display: none;
}

.cookiefirst-disabled-resource,
.cookiefirst-iframe__placeholder-disabled-resource {
  font-size: 1.4rem;
  position: absolute;
  width: calc(100% - 0.1rem);
  height: calc(100% - 0.1rem);
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .cookiefirst-disabled-resource,
.cookiefirst-iframe__placeholder-disabled-resource {
    font-size: 1.5rem;
  }
}

.cookiefirst-iframe__placeholder-disabled-resource {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  text-align: center;
  z-index: 1;
}
.cookiefirst-iframe__placeholder-disabled-resource__buttons {
  padding-top: 1.5rem;
}

@media (min-width: 1024px) {
  .countdown {
    display: flex;
    align-items: center;
  }
}
.countdown__title {
  text-align: center;
  padding: unset;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: -0.004em;
  margin-bottom: 0.4rem;
}
@media (min-width: 1024px) {
  .countdown__title {
    text-align: left;
    font-size: 3.2rem;
    margin-bottom: unset;
  }
}
.countdown__clock {
  display: flex;
  justify-content: center;
}
.countdown__clock > span {
  text-align: center;
  border-right: 1px solid #CDD0D4;
  padding: 0.5rem 1.6rem;
  font-size: 1.4rem;
  line-height: 150%;
  color: #50535A;
}
@media (min-width: 1024px) {
  .countdown__clock > span {
    padding: 0.5rem 2rem;
    font-size: 1.6rem;
  }
}
.countdown__clock > span span {
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 120%;
  letter-spacing: -0.004em;
  color: #216CA8;
}
@media (min-width: 1024px) {
  .countdown__clock > span span {
    font-size: 4rem;
  }
}
.countdown__clock > span:last-child {
  border: unset;
}
.countdown__message {
  text-align: center;
}
.countdown--on-dark .countdown__clock span {
  color: #fff;
}

@media (min-width: 768px) {
  .cta-block__inner {
    min-height: 18.4rem;
  }
}
.cta-block__image-wrapper {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  background-color: #ABAFB5;
}
@media (min-width: 768px) {
  .cta-block__image-wrapper {
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
  }
}
.cta-block__image {
  padding-bottom: 52.19%;
}
@media (min-width: 768px) {
  .cta-block__image {
    height: 100%;
    padding-bottom: 0;
  }
}
.cta-block__content-wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  color: #fff;
  background-color: #216CA8;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media (min-width: 768px) {
  .cta-block__content-wrapper {
    flex-flow: row nowrap;
    align-items: center;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
  }
}
.cta-block__content-wrapper--no-image {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cta-block__content {
  flex: 1;
}
.cta-block__subtitle {
  color: rgba(255, 255, 255, 0.6);
}
.cta-block__subtitle > span {
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .cta-block__subtitle > span {
    font-size: 1.2rem;
  }
}
.cta-block__title {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .cta-block__title {
    font-size: 2.6rem;
  }
}
.cta-block__button {
  flex: 0 0 auto;
}

.cta-phone {
  padding: 1.5rem 0;
}
@media (min-width: 768px) {
  .cta-phone {
    padding: 1.5rem 0 4.5rem;
  }
}
.cta-phone__separator {
  display: inline-block;
  margin: 0 0.3rem 0 0.6rem;
  border-left: 1px solid #81868F;
}
.cta-phone .link--small {
  color: #666B74;
}
.cta-phone .link--small:hover {
  color: #216CA8;
}

.drop-down {
  display: none;
  background-color: #fff;
  padding: 3rem;
  border-radius: 0.5rem;
  position: absolute;
  z-index: 1040;
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
  width: 90%;
  transform: translate(-1rem, 5%);
  -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {
  .drop-down {
    transform: translate(-1rem, 1rem);
    min-width: 50rem;
    max-width: 60rem;
  }
}
@media (min-width: 1024px) {
  .drop-down {
    min-width: 53rem;
    max-width: 80rem;
  }
}
.drop-down:after {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  overflow: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  background-color: #216CA8;
}
.drop-down:before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 0;
  right: 0;
  height: 2.6rem;
  width: 2.6rem;
  transform: rotate(-45deg);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 50.2 %2855047%29 - http://www.bohemiancoding.com/sketch --%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Home' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='TSG-Home-Countryselect' transform='translate%28-245.000000, -79.000000%29' fill='%23FFFFFF'%3E%3Crect id='Path' x='247.556349' y='82' width='22' height='22' rx='5'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.drop-down--arrow-left:before {
  left: 4rem;
}
.drop-down--arrow-bottom {
  top: inherit;
  margin-bottom: 2rem;
  bottom: 6rem;
}
.drop-down--arrow-bottom:before {
  bottom: -1rem;
  top: auto;
  left: 4rem;
}
.drop-down--arrow-bottom:after {
  top: 0;
  bottom: auto;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.drop-down--mobile {
  right: 0;
  top: 0;
  bottom: auto;
  margin-bottom: 0;
  border-radius: 0;
  width: 100%;
  transform: translate(0, -100%);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
}
.drop-down--mobile:before {
  display: none;
}
.drop-down--mobile:after {
  border-radius: 0;
}
.drop-down--mobile .drop-down__footer {
  margin-bottom: -2.5rem;
}
.drop-down__footer {
  border-top: 1px solid #CDD0D4;
  margin-left: -3rem;
  margin-right: -3rem;
  margin-bottom: -3rem;
  margin-top: 1.5rem;
  z-index: 1041;
  position: relative;
}
.global-header .drop-down__footer {
  margin-bottom: -2.25rem;
}
.drop-down__footer a {
  display: flex;
  align-items: center;
  color: #50535A;
  font-size: 1.5rem;
  border-radius: 0.2rem;
  padding: 1.5rem 3.75rem;
}
.drop-down__footer a:hover {
  color: #216CA8;
  background-color: #F5F6F6;
}
.global-header .drop-down__footer a {
  font-size: 1.5rem;
  color: #50535A;
}
.global-header .drop-down__footer a:hover {
  color: #216CA8;
  text-decoration: none;
}
.drop-down__footer__name {
  line-height: 1.27;
}
.drop-down__footer__icon-right {
  position: absolute;
  right: 3.75rem;
}
.drop-down.global-header-dropdown {
  position: fixed;
  top: 4rem;
  left: 1.5rem;
  transform: translateY(0.8rem);
}
@media (max-width: 33.9375em) {
  .drop-down.global-header-dropdown {
    height: 40rem;
    border-bottom: 0.5rem solid #216CA8;
  }
  .drop-down.global-header-dropdown:after {
    display: none;
  }
  .drop-down.global-header-dropdown .drop-down__inner {
    display: flex;
    flex-flow: column nowrap;
    height: 30rem;
    overflow-y: scroll;
  }
}
@media (min-width: 768px) {
  .drop-down.global-header-dropdown {
    min-width: 50rem;
    max-width: 60rem;
    width: 90%;
    transform: translateY(0.4rem);
  }
}
@media (min-width: 1024px) {
  .drop-down.global-header-dropdown {
    position: absolute;
    top: unset;
    left: unset;
    transform: translate(-1rem, 1.6rem);
  }
}

.footer-cta {
  position: relative;
  z-index: 10;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .footer-cta {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .footer-cta {
    padding-top: 9rem;
  }
}
.footer-cta--news {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .footer-cta--news {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
.footer-cta--news + .cb.more-news {
  padding-top: 0;
}
.footer-cta__content {
  text-align: center;
}
.footer-cta--has-contact-person .footer-cta__content {
  text-align: left;
}

.footer {
  font-size: 1.5rem;
  padding-top: 28.4375%;
  margin-top: -14.21875%;
}
@media only screen and (min-width: 768px) {
  .footer {
    font-size: 1.7rem;
  }
}
.footer--no-cta {
  -ms-overflow-style: none;
  overflow: hidden;
}
.footer--has-cta {
  margin-top: 14.84375%;
  padding-top: 0;
}
.footer--has-form-cta {
  margin-top: 2%;
  padding-top: 0;
}
.footer__content {
  margin-top: -0.2rem;
  padding: 0.5rem 0 1.5rem;
}
@media (min-width: 1024px) {
  .footer--has-form-cta .footer__content {
    padding-top: 3rem;
  }
}
@media (min-width: 1201px) {
  .footer--has-form-cta .footer__content {
    padding-top: 4.5rem;
  }
}
@media (min-width: 80em) {
  .footer--has-form-cta .footer__content {
    padding-top: 7.5rem;
  }
}
.footer__background {
  width: 100%;
  height: 0;
  margin-top: -28.4375%;
  padding-bottom: 28.4375%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/footer-background.svg");
}
.solution-template-template-check-php .footer__background {
  background-image: url("../images/swush-line.svg");
  background-size: contain;
  background-position: center top;
}
.footer__background--has-contact-person {
  position: relative;
}
.solution-template-template-check-php .footer__background--has-contact-person {
  background-position: center;
  background-image: url("../images/footer-background.svg");
  background-size: cover;
}
.footer__background--has-contact-person::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  background-image: url("../images/cta-background.svg");
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
}
.footer__background--has-contact-person__content {
  text-align: left;
}
.footer__dropdown {
  position: relative;
  z-index: 15;
  overflow: visible;
}
.footer__dropdown .button {
  font-size: 1.2rem;
  text-shadow: none;
}
.footer__tag-line {
  max-width: 20rem;
  line-height: 1.27;
  font-size: 1.2rem;
}
.footer__global-site {
  display: block;
  padding: 1.5rem 0 0 1.5rem;
  font-size: 1.5rem;
  color: #666B74;
  line-height: 1.5;
}
.footer__global-site:hover {
  color: #216CA8;
}
.footer__menu {
  list-style: none;
  margin: 0;
}
@media (min-width: 768px) {
  .footer__menu__title {
    padding-top: 1.3rem;
  }
}
.footer__menu > li > a {
  display: inline-block;
  padding: 0.3rem 0;
  line-height: 1.5;
  color: #666B74;
}
.footer__menu > li > a:hover {
  color: #216CA8;
}
@media (min-width: 768px) {
  .footer__legal {
    display: flex;
    justify-content: space-between;
  }
}
.footer__copyright {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  font-size: 1.2rem;
  font-weight: 500;
  color: #81868F;
}
.footer__copyright__inner {
  display: block;
  flex: 0 0 100%;
}
@media (min-width: 481px) {
  .footer__copyright__inner {
    flex: 0 1 auto;
    margin-right: 0.6rem;
  }
}
.footer__legal-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.footer__legal-menu > li {
  margin-right: 0.6rem;
}
.footer__legal-menu > li > a {
  display: block;
  padding: 0.4rem 0;
  font-size: 1.2rem;
  color: #81868F;
}
.footer__legal-menu > li > a:hover {
  color: #666B74;
}
.footer .tsg-cf__toggle-modal-button {
  padding: 0 0.3rem;
  margin: 0 0.2rem;
  font-size: 1.2rem;
  color: #81868F;
  text-align: left;
}
.footer .tsg-cf__toggle-modal-button:hover {
  color: #666B74;
}
.footer__socials {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.footer__socials a.link--social + a.link--social {
  margin-left: 0.6rem;
}
.footer__contact-person {
  display: none;
}
@media (min-width: 768px) {
  .footer__contact-person {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 21.09375%;
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .footer__contact-person {
    bottom: 25%;
  }
}
.footer__contact-person__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.footer__contact-person__image {
  max-width: 20rem;
}
.footer__contact-person__info {
  font-size: 1.4rem;
  color: #666B74;
  line-height: 1.375;
  padding-left: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .footer__contact-person__info {
    font-size: 1.5rem;
  }
}
.footer__news {
  line-height: 1.375;
}
.footer__news a {
  margin-bottom: 0.5rem;
}
.footer--global {
  margin-top: -7.8125%;
}
.footer--global .footer__tag-line {
  font-size: 1.5rem;
  max-width: 27rem;
}
@media only screen and (min-width: 768px) {
  .footer--global .footer__tag-line {
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .footer--global .footer__tag-line {
    padding-bottom: 4.5rem;
  }
}
@media (min-width: 768px) {
  .footer--global .footer__copyright {
    padding-top: 3rem;
  }
}
.footer--global .footer__menu__title {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .footer--global .footer__menu__title {
    font-size: 1.5rem;
  }
}
.footer--global .footer__menu > li > a {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .footer--global .footer__menu > li > a {
    font-size: 1.5rem;
  }
}
.footer--global .footer__dropdown {
  position: relative;
}
.footer--global .footer__dropdown .button {
  padding-right: 1.5rem;
}
.footer--global .footer__dropdown .button .fa-icon--right {
  margin-left: 2.5rem;
}

.frontpage-banner {
  position: relative;
  overflow: clip;
  padding-top: 0;
  margin-top: -10.4rem;
  color: #fff;
}
@media (min-width: 768px) {
  .frontpage-banner {
    display: flex;
    flex-direction: column;
    margin-top: -11.4rem;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner {
    min-height: 100vh;
    padding-top: 0;
    margin-top: -11.4rem;
  }
}
.frontpage-banner.cb {
  padding-top: 0;
  padding-bottom: 0;
}
.frontpage-banner > .container {
  width: 100%;
}
.frontpage-banner__image-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: clip;
  height: 80vh;
  min-height: 560px;
}
.frontpage-banner__image-container.swiper {
  position: absolute;
}
@media (min-width: 1024px) {
  .frontpage-banner__image-container {
    bottom: 0;
    height: auto;
  }
}
.frontpage-banner__image-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(179.86deg, rgba(0, 0, 0, 0) 35.82%, rgba(0, 0, 0, 0.6) 57.85%), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 23.01%);
}
@media (min-width: 768px) {
  .frontpage-banner__image-container::after {
    background: linear-gradient(270deg, rgba(27, 63, 95, 0) 38.85%, rgba(27, 63, 95, 0.16) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0) 42.22%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(179.86deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 79.79%), linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 14.27%);
  }
}
.frontpage-banner__video, .frontpage-banner__image {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: visibility 0.7s ease, opacity 0.7s ease;
}
.frontpage-banner__video video,
.frontpage-banner__video iframe,
.frontpage-banner__video img, .frontpage-banner__image video,
.frontpage-banner__image iframe,
.frontpage-banner__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.frontpage-banner__video--main, .frontpage-banner__image--main {
  animation: zoom 8s ease forwards;
  animation-delay: 0.5s;
}
.frontpage-banner__video--hidden, .frontpage-banner__image--hidden {
  opacity: 0;
  visibility: hidden;
}
.frontpage-banner__hover-images {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: clip;
}
.frontpage-banner__hover-images__image {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.7s ease, opacity 0.7s ease;
}
.frontpage-banner__hover-images__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: banner-image-zoom 5s ease-out infinite alternate;
  animation-play-state: paused;
}
.frontpage-banner__hover-images__image--active {
  visibility: visible;
  opacity: 1;
}
.frontpage-banner__hover-images__image--active img {
  animation-play-state: running;
}
.frontpage-banner__image-slide {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.frontpage-banner__image-slide.swiper-slide-active .frontpage-banner__image {
  animation: zoom 8s ease alternate;
  animation-delay: 0.5s;
}
.frontpage-banner__image-slide.swiper-slide-prev .frontpage-banner__image {
  transform: scale(1.1);
}
.frontpage-banner__inner {
  position: relative;
  z-index: 3;
  height: 80vh;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 10.4rem;
  padding-bottom: 3.2rem;
}
@media (min-width: 768px) {
  .frontpage-banner__inner {
    padding-top: 11.4rem;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner__inner {
    justify-content: center;
    flex: 1;
    height: auto;
    padding-top: 11.4rem;
    padding-bottom: 0.4rem;
  }
}
.frontpage-banner__inner .container {
  width: 100%;
}
.frontpage-banner__content {
  padding-bottom: 2.4rem;
}
.frontpage-banner__title {
  font-size: 4rem;
  padding-bottom: 0;
  margin-bottom: 2rem;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.0075em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .frontpage-banner__title {
    font-size: 5.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .frontpage-banner__title {
    font-size: 7.8rem;
  }
}
.frontpage-banner__title em {
  font-style: normal;
  color: #C5DEF2;
}
@media (min-width: 1024px) {
  .frontpage-banner__title {
    max-width: 660px;
    margin-bottom: 40px;
  }
}
.frontpage-banner__footer .frame {
  position: relative;
  z-index: 2;
}
.frontpage-banner__tagline {
  position: relative;
  z-index: 3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.7rem;
  line-height: 1.5;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}
@media only screen and (min-width: 768px) {
  .frontpage-banner__tagline {
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) {
  .frontpage-banner__tagline {
    display: flex;
    justify-content: flex-end;
    line-height: 1.4;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner__tagline {
    position: absolute;
    bottom: 3.2rem;
    left: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  .frontpage-banner__tagline__inner {
    max-width: 340px;
    border-right: 1px solid #fff;
    padding-right: 44px;
    margin-right: 55px;
  }
}
.frontpage-banner__mouse-icon {
  position: absolute;
  right: 15px;
  bottom: 40px;
  z-index: 4;
  width: 19px;
  height: 41px;
  border-radius: 40px;
  border: 1px solid #fff;
  display: none;
}
@media (min-width: 768px) {
  .frontpage-banner__mouse-icon {
    display: block;
  }
}
@media (min-width: 90em) {
  .frontpage-banner__mouse-icon {
    right: 15px;
  }
}
.frontpage-banner__mouse-icon::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  animation: scroll ease 1.5s infinite;
}
.frontpage-banner__buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 20px;
}
@media (min-width: 1024px) {
  .frontpage-banner__activities-wrapper {
    position: relative;
    z-index: 3;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}
.frontpage-banner__activities-title {
  padding: 0;
  margin-top: 48px;
  color: #3A3C3F;
  font-size: 2.2rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .frontpage-banner__activities-title {
    display: none;
  }
}
.frontpage-banner__activities-title + .frontpage-banner__activities {
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .frontpage-banner__activities-title + .frontpage-banner__activities {
    margin-top: 0;
  }
}
.frontpage-banner__activities {
  display: flex;
  margin-top: 48px;
  margin-bottom: 1.2rem;
}
@media (min-width: 1024px) {
  .frontpage-banner__activities {
    gap: 0;
    margin: 0;
  }
}
.frontpage-banner__activities.swiper {
  overflow: visible;
}
.frontpage-banner__activities__inner {
  display: flex;
  justify-content: space-between;
}
.frontpage-banner__activity {
  --activity-icon-size: 4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 105px;
  min-height: 110px;
  margin-right: 12px;
  padding: 1.6rem;
  font-size: 1.7rem;
  color: #424448;
  font-weight: 500;
  text-align: center;
  background-color: transparent;
  border: 1px solid #CDD0D4;
  border-radius: 0.6rem;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
@media only screen and (min-width: 80em) {
  .frontpage-banner__activity {
    font-size: 1.7rem;
  }
}
.frontpage-banner__activity:hover, .frontpage-banner__activity:focus-visible {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 1024px) {
  .frontpage-banner__activity:hover, .frontpage-banner__activity:focus-visible {
    color: #fff;
  }
}
.frontpage-banner__activity:active {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .frontpage-banner__activity:active {
    color: #fff;
  }
}
.frontpage-banner__activity:focus-visible:after {
  transform: scaleX(1);
}
@media (hover: hover) {
  .frontpage-banner__activity:hover:after {
    transform: scaleX(1);
  }
}
.frontpage-banner__activity:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  transition: transform 0.2s ease-out;
  transform: scaleX(0);
  background-color: currentColor;
  left: 0;
  transform-origin: left;
}
@media (min-width: 1024px) {
  .frontpage-banner__activity {
    -moz-column-gap: 12px;
         column-gap: 12px;
    flex: 1 1 auto;
    margin: 0;
    color: #fff;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
  }
  .frontpage-banner__activity:last-of-type {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1201px) {
  .frontpage-banner__activity {
    min-height: 120px;
  }
}
@media (min-width: 80em) {
  .frontpage-banner__activity {
    --activity-icon-size: 4.8rem;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner__activity.swiper-slide {
    width: 10%;
  }
}
.frontpage-banner__activity__icon {
  flex: none;
  width: var(--activity-icon-size);
  margin-bottom: 1.6rem;
}
@media (min-width: 1024px) {
  .frontpage-banner__activity__icon {
    margin-bottom: 0;
  }
}
.frontpage-banner__activity__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .frontpage-banner__activity__icon svg path,
.frontpage-banner__activity__icon svg g path {
    transition: fill 0.3s ease;
    fill: #fff !important;
  }
}
.frontpage-banner__activity--charge::after {
  background-color: #00B2BB;
}
.frontpage-banner__activity--fuel_retail::after {
  background-color: #E30613;
}
.frontpage-banner__activity--fleet::after {
  background-color: #F39200;
}
.frontpage-banner__activity--wash::after {
  background-color: #E5E7E8;
}
.frontpage-banner__activity--systems::after {
  background-color: #2B417B;
}
.frontpage-banner__activity--gas::after {
  background-color: #00632E;
}
.frontpage-banner__activity--industry::after {
  background-color: #00632E;
}
.frontpage-banner__activity--technics::after {
  background-color: #00B6ED;
}
.frontpage-banner__activity--Technics::after {
  background-color: #00B6ED;
}
.frontpage-banner__activity--solar::after {
  background-color: #ffd900;
}
.frontpage-banner__activity--power::after {
  background-color: #036468;
}
.frontpage-banner__usp-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  row-gap: 2rem;
  padding-top: 48px;
  padding-bottom: 3.2rem;
}
@media (min-width: 768px) {
  .frontpage-banner__usp-container {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner__usp-container {
    padding-top: 0;
    padding-bottom: 96px;
  }
}
.frontpage-banner__usp {
  flex: 0 1 calc(50% - 0.8rem);
  border-right: 1px solid #F5F6F6;
}
@media (min-width: 768px) {
  .frontpage-banner__usp {
    flex: 0 1 calc(25% - 1.2rem);
  }
}
@media (min-width: 1024px) {
  .frontpage-banner__usp {
    padding: 1.6rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(0deg, rgba(230, 230, 230, 0.2), rgba(230, 230, 230, 0.2)), rgba(45, 45, 45, 0.27);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.6rem;
    box-shadow: 0 4px 80px rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(12.5px);
            backdrop-filter: blur(12.5px);
  }
}
.frontpage-banner__usp:last-of-type {
  border-right: 0;
}
@media (max-width: 767px) {
  .frontpage-banner__usp:nth-of-type(2n + 2) {
    border-right: 0;
  }
}
.frontpage-banner__usp__figure {
  margin-bottom: 0.4rem;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.004em;
  color: #216CA8;
}
@media (min-width: 1024px) {
  .frontpage-banner__usp__figure {
    color: #fff;
    font-weight: 700;
  }
}
.frontpage-banner__usp__label {
  font-size: 1.5rem;
  color: #50535A;
}
@media (min-width: 1024px) {
  .frontpage-banner__usp__label {
    color: #fff;
  }
}
@media (min-width: 1024px) {
  .frontpage-banner--group .frontpage-banner__tagline {
    top: 0;
    bottom: 0;
  }
}

.global-header {
  --global-menu-text-color: #fff;
  --global-menu-text-color-hightlight: #fff;
  --global-menu-text-color-hover: #fff;
  --global-menu-background-color: #216CA8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  width: 100%;
  height: 4rem;
  font-size: 1.2rem;
  line-height: 1.27;
  color: var(--global-menu-text-color);
  background-color: var(--global-menu-background-color);
  transform: translateY(0);
  transition: transform 0.6s ease, opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 768px) {
  .global-header {
    height: 3.4rem;
  }
}
.header--unpinned .global-header {
  transform: translateY(-10.4rem);
}
@media (min-width: 768px) {
  .header--unpinned .global-header {
    transform: translateY(-11.4rem);
  }
}
@media (min-width: 1024px) {
  .header--unpinned .global-header {
    transform: translateY(-11.4rem);
  }
}
.global-header .header__container {
  height: 100%;
}
.global-header .header__container > .frame {
  height: 100%;
}
.admin-bar .global-header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .global-header {
    top: 46px;
  }
}
.global-header a,
.global-header button {
  color: var(--global-menu-text-color);
}
.global-header a:hover, .global-header a:focus-visible,
.global-header button:hover,
.global-header button:focus-visible {
  color: var(--global-menu-text-color);
  text-decoration: underline;
}
.global-header__sep {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 1px;
  height: 1.5rem;
  background-color: var(--global-menu-text-color);
}
.global-header__lang-switcher {
  position: relative;
}
.global-header__lang-switcher__label {
  font-size: 1.2rem;
  font-weight: 400;
}
.global-header__lang-switcher__label:hover, .global-header__lang-switcher__label:focus-visible {
  text-decoration: underline;
}
.global-header__lang-switcher__label i {
  transform: translateY(0.1rem);
}
@media (min-width: 768px) {
  .global-header__lang-switcher span::before {
    content: "|";
    padding-right: 4px;
  }
}
.global-header__global-site,
.global-header a.global-header__global-site {
  display: inline-flex;
  align-items: center;
  color: var(--global-menu-text-color-hightlight);
}
.global-header__global-site .drop-down__footer__name,
.global-header a.global-header__global-site .drop-down__footer__name {
  transition: color 0.2s ease-out;
}
.global-header__global-site:hover, .global-header__global-site:focus-visible,
.global-header a.global-header__global-site:hover,
.global-header a.global-header__global-site:focus-visible {
  color: var(--global-menu-text-color-hover);
  text-decoration: none;
}
.global-header__global-site:hover .drop-down__footer__name, .global-header__global-site:focus-visible .drop-down__footer__name,
.global-header a.global-header__global-site:hover .drop-down__footer__name,
.global-header a.global-header__global-site:focus-visible .drop-down__footer__name {
  color: var(--global-menu-text-color-hover);
  text-decoration: underline;
}
.global-header__socials a.link--social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-left: 1.5rem;
  color: var(--global-menu-text-color);
}
.global-header__socials a.link--social:hover, .global-header__socials a.link--social:focus-visible {
  color: var(--global-menu-text-color-hover);
}

.global-menu__wrapper {
  display: flex;
  align-items: center;
  height: 4rem;
}
@media (min-width: 768px) {
  .global-menu__wrapper {
    height: 3.4rem;
  }
}
.global-menu__wrapper ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-menu__wrapper ul > li {
  list-style: none;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
}
.global-menu__wrapper ul > li > a {
  display: block;
  padding-top: 0.1rem;
  font-size: 1.2rem;
  line-height: 1.17;
  font-weight: 500;
  color: var(--global-menu-text-color);
}
.global-menu__wrapper ul > li > a:hover, .global-menu__wrapper ul > li > a:focus-visible {
  color: var(--global-menu-text-color);
  text-decoration: underline;
}
.global-menu__wrapper ul > li.current-menu-item > a, .global-menu__wrapper ul > li.current-menu-ancestor > a {
  color: var(--global-menu-text-color);
  text-decoration: underline;
}
.global-menu__wrapper ul > li.menu-item-has-children {
  position: relative;
  z-index: 1040;
}
.global-menu__wrapper ul > li.menu-item-has-children > a {
  display: flex;
  align-items: baseline;
}
.global-menu__wrapper ul > li.menu-item-has-children > a::after {
  content: "\f107";
  display: inline-block;
  padding-left: 0.3rem;
  font-family: "Font Awesome 6 Pro";
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  color: var(--global-menu-text-color);
  text-align: right;
  text-decoration: none;
}
.global-menu__wrapper ul > li.menu-item-has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}
.global-menu__wrapper .sub-menu {
  position: absolute;
  left: 50%;
  display: flex;
  flex-flow: row wrap;
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 0.5rem;
  width: 20rem;
  z-index: 1040;
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
  transform: translate(-50%, 2rem);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.global-menu__wrapper .sub-menu::after {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  overflow: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  background-color: #216CA8;
}
.global-menu__wrapper .sub-menu::before {
  content: "";
  position: absolute;
  top: -2.1rem;
  left: 0;
  height: 2.4rem;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../images/menu-arrow.svg");
}
.global-menu__wrapper .sub-menu li {
  margin: 0;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0.8rem 0;
}
.global-menu__wrapper .sub-menu li a {
  font-size: 1.5rem;
  font-weight: 400;
  color: #3A3C3F;
}
.global-menu__wrapper .sub-menu li a:hover, .global-menu__wrapper .sub-menu li a:focus-visible {
  color: #216CA8;
}
.global-menu__wrapper .sub-menu li a:active {
  color: #1B4A71;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1005;
  width: 100%;
  height: 10.4rem;
  background-color: var(--header-background-color);
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
  transform: translateY(0);
  transition: transform 0.6s ease, opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.6s ease, background-color 0.6s ease;
}
@media (min-width: 768px) {
  .header {
    height: 11.4rem;
  }
}
@media (min-width: 1024px) {
  .header {
    height: 11.4rem;
  }
}
.header--pinned:not(.header--top) .header {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.header--unpinned .header {
  transform: translateY(-10.4rem);
  box-shadow: none;
}
@media (min-width: 768px) {
  .header--unpinned .header {
    transform: translateY(-11.4rem);
  }
}
@media (min-width: 1024px) {
  .header--unpinned .header {
    transform: translateY(-11.4rem);
  }
}
.admin-bar .header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }
}
.header--no-global-header {
  height: 6.4rem;
}
@media (min-width: 768px) {
  .header--no-global-header {
    height: 8rem;
  }
}
.header--pinned:not(.header--top) .header--no-global-header {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.header--unpinned .header--no-global-header {
  transform: translateY(-6.9rem);
}
@media (min-width: 768px) {
  .header--unpinned .header--no-global-header {
    transform: translateY(-8.5rem);
  }
}
.header--no-global-header .header__container--main-header {
  margin-top: 0;
}
.header__container--main-header {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .header__container--main-header {
    margin-top: 3.4rem;
  }
}
.header__content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: 6.4rem;
  padding-top: 0;
  padding-bottom: 0;
}
.header__content__inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  width: 100%;
}
@media (min-width: 1024px) {
  .header__content__inner {
    justify-content: flex-start;
    width: auto;
  }
}
@media (min-width: 768px) {
  .header__content {
    height: 8rem;
  }
}
@media (min-width: 1024px) {
  .header__content {
    width: auto;
  }
}
.header__brand {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  width: 11rem;
  height: 4.5rem;
}
@media (min-width: 768px) {
  .header__brand {
    height: 6rem;
  }
}
.header__brand svg {
  display: block;
  width: 9.5rem;
  height: 100%;
}
.header__brand svg [fill="rgb(64,72,81)"] {
  fill: var(--header-text-color);
  transition: fill 0.2s ease-out;
}
.header__brand svg [stroke="rgb(64,72,81)"] {
  stroke: var(--header-text-color);
}
.header__brand svg [fill="rgb(208,46,38)"] {
  fill: #E30613;
}
.header__brand__lottie, .header__brand__svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .header--manual .header__brand {
    padding-right: 2.5rem;
    border-right: 1px solid #CDD0D4;
  }
}
.header__cta {
  padding: 1rem 2rem;
}
.header--pinned.header--not-top .header__cta {
  color: #fff;
  background-color: #216CA8;
  border-color: #216CA8;
}
.header--pinned.header--not-top .header__cta:hover, .header--pinned.header--not-top .header__cta:active, .header--pinned.header--not-top .header__cta:focus-visible {
  color: #fff;
  border-color: #216CA8;
  background-color: #1B4A71;
}
@media (min-width: 1024px) {
  .header__menu {
    flex: 1;
    padding-right: 2rem;
  }
  .header--manual .header__menu {
    padding-left: 1.5rem;
  }
}
@media (min-width: 80em) {
  .header__menu {
    padding-right: 3rem;
  }
}
@media (min-width: 90em) {
  .header__menu {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
.header__search {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .header__search {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .header--group .header__menu {
    flex: 1;
  }
}
.header--transparent:not(:has(.menu-item-has-children:hover)) {
  --header-background-color: transparent;
  --header-text-color: #fff;
  --header-search-icon: var(--header-search-icon-on-transparent);
  --header-menu-text-color: #fff;
  --header-menu-arrow-color: #fff;
  --header-menu-text-hover-color: #fff;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.solution-template:has(.scroll-menu-new.is-top.is-pinned) .header--transparent:not(:has(.menu-item-has-children:hover)) {
  box-shadow: unset;
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .main-menu__wrapper > ul > li {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}
.header--pinned:not(.header--top) .header--transparent:not(:has(.menu-item-has-children:hover)) {
  --header-background-color: #fff;
  --header-text-color: #3A3C3F;
  --header-search-icon: var(--header-search-icon-default);
  --header-menu-text-color: #3A3C3F;
  --header-menu-arrow-color: #666B74;
  --header-menu-text-hover-color: #216CA8;
  border-bottom: none;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:hover, .header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:active, .header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:focus-visible {
  color: #fff;
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:hover, .header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:focus-visible {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:active {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.header--pinned.header--top .header--transparent:not(:has(.menu-item-has-children:hover)) .header__cta:focus-visible {
  outline-color: #1C5788;
}
body.state-mobile-menu--state-open .header--transparent:not(:has(.menu-item-has-children:hover)) {
  --header-text-color: #3A3C3F;
  --header-background-color: #fff;
  --header-search-icon: var(--header-search-icon-default);
  --header-menu-text-color: #3A3C3F;
  --header-menu-text-hover-color: #216CA8;
  --header-menu-arrow-color: #666B74;
  box-shadow: none;
  border-bottom: 1px solid #CDD0D4;
}
.header:has(.menu-item-has-children:hover) {
  box-shadow: none;
  border-bottom: 1px solid #CDD0D4;
}

.link {
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
}
.link:focus-visible {
  color: #216CA8;
  outline: 2px solid #1C5788;
  outline-offset: 1px;
  border-radius: 1px;
}
.link:hover, .link:active, .link:focus-visible {
  text-decoration: underline;
}
.link:hover {
  color: #1C5788;
}
.link:active {
  color: #1B4A71;
}
.link__icon {
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 0.8rem;
  padding: 0.7rem;
  background: #216CA8;
  color: #fff;
  border-radius: 50%;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-backface-visibility: hidden;
}
@media only screen and (min-width: 768px) {
  .link__icon {
    font-size: 1.5rem;
  }
}
.link--primary {
  color: #216CA8;
}
.link--primary:hover {
  color: #1C5788;
}
.link--primary:active {
  color: #1B4A71;
}
.link--primary:focus-visible {
  color: #216CA8;
}
.link--tertiary {
  color: #666B74;
}
.link--tertiary:hover {
  color: #3A3C3F;
}
.link--white {
  color: #fff;
}
.link--white:hover {
  color: rgba(255, 255, 255, 0.7);
}
.link--small {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .link--small {
    font-size: 1.5rem;
  }
}
.link--no-underline {
  text-decoration: none;
}
.link--no-underline:hover, .link--no-underline:active, .link--no-underline:focus-visible {
  text-decoration: none;
}
.link--icon {
  display: inline-block;
  text-decoration: none;
}
.link--icon:hover, .link--icon:active, .link--icon:focus-visible {
  text-decoration: none;
}
.link--icon:hover .link__icon {
  background-color: #1C5788;
}
.link--icon:active .link__icon {
  background-color: #1B4A71;
}
.link--icon:focus-visible .link__icon {
  background-color: #216CA8;
}
.link--icon--small {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .link--icon--small {
    font-size: 1.5rem;
  }
}
.link--icon--small .link__icon {
  font-size: 1.3rem;
  margin-right: 0.4rem;
}
@media only screen and (min-width: 768px) {
  .link--icon--small .link__icon {
    font-size: 1.3rem;
  }
}
.link--icon--large {
  font-size: 1.9rem;
}
@media only screen and (min-width: 768px) {
  .link--icon--large {
    font-size: 2.2rem;
  }
}
.link--icon--large .link__icon {
  vertical-align: 10%;
}
.link--chevron {
  position: relative;
  display: inline-block;
  padding-right: 1.6rem;
  text-decoration: none;
}
.link--chevron::after {
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  line-height: 1;
  transform: translate(0, -47%);
  transition: transform 0.2s ease-out;
}
.link--chevron:hover, .link--chevron:active, .link--chevron:focus-visible {
  text-decoration: none;
}
.link--chevron:hover::after, .link--chevron:active::after {
  transform: translate(0.4rem, -50%);
}

.link-list {
  font-size: 1.6rem;
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.2rem 0;
  line-height: 1.375;
  color: #50535A;
  border-bottom: 1px solid #E5E7E8;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .link-list {
    font-size: 1.6rem;
  }
}
.link-list .far {
  margin-left: 0.8rem;
  color: #81868F;
  transform: translateX(0);
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  -webkit-backface-visibility: hidden;
}
.link-list--dark {
  color: #3A3C3F;
}
.link-list--dark .far {
  color: #3A3C3F;
}
.link-list--light {
  color: #fff;
  border-bottom-color: #81868F;
}
.link-list--light .far {
  color: #fff;
}

a.link-list {
  text-decoration: none;
}
a.link-list:hover .far, a.link-list:active .far, a.link-list:focus-visible .far {
  transform: translateX(0.4rem);
}
a.link-list:hover {
  color: #1C5788;
}
a.link-list:hover .far {
  color: #1C5788;
}
a.link-list:active {
  color: #1B4A71;
}
a.link-list:active .far {
  color: #1B4A71;
}
a.link-list:focus-visible {
  color: #1B4A71;
}
a.link-list:focus-visible .far {
  color: #1B4A71;
}

a.link-list--light:hover,
a.link-list--light:active,
a.link-list--light:focus-visible {
  color: #E5E7E8;
}
a.link-list--light:hover .far,
a.link-list--light:active .far,
a.link-list--light:focus-visible .far {
  color: #E5E7E8;
}

a.link--social {
  font-size: 1.5rem;
  display: block;
  width: 2.2rem;
  color: #666B74;
  text-align: center;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  a.link--social {
    font-size: 1.7rem;
  }
}
a.link--social:hover, a.link--social:focus-visible {
  color: #216CA8;
  text-decoration: none;
}
.mobile-menu a.link--social {
  padding-right: 3rem;
  padding-bottom: 1.5rem;
}

.list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.list li {
  list-style: none;
}
.list--unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list--unstyled li {
  list-style: none;
}
.list-item--full {
  width: 100%;
}
.list--columns-2 li {
  flex: 0 0 100%;
}
.list--columns-3 li {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .list--columns-3 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .list--columns-3 li {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.list--columns-md-2 li {
  flex: 0 0 100%;
}
@media (min-width: 1024px) {
  .list--columns-md-2 li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.list__languages {
  width: 100%;
  font-size: 1.5rem;
}
.list__languages:not(.country-select-overlay__continent--africa .list__languages) {
  display: block;
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-fill: initial;
       column-fill: initial;
}
@media (min-width: 1024px) {
  .list__languages:not(.country-select-overlay__continent--africa .list__languages) {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.list__languages li {
  margin-left: -0.75rem;
}
@media (min-width: 1024px) {
  .list__languages li {
    margin-left: -0.7rem;
  }
}
.list__languages li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #3A3C3F;
  padding: 0.75rem;
  border-radius: 0.2rem;
  white-space: nowrap;
  position: relative;
  margin-right: 1.5rem;
  line-break: auto;
}
.list__languages li a:hover {
  color: #216CA8;
  text-decoration: none;
  background-color: #F5F6F6;
}
@media (min-width: 1024px) {
  .list__languages li a {
    padding: 0.8rem 0.7rem;
  }
}
.list__languages li a svg {
  border-radius: 0.2rem;
  max-width: 2.2rem;
  max-height: 1.6rem;
  flex: 0 0 2.2rem;
  margin-right: 0.7rem;
  transform: translateY(0);
}
.list__languages .name {
  display: block;
  padding-right: 0.8rem;
  max-width: 100%;
}
.list__languages .flag {
  border-radius: 0.2rem;
  max-width: 2.2rem;
  max-height: 1.6rem;
  flex: 0 0 2.2rem;
  margin-right: 0.7rem;
  transform: translateY(0);
}
.list--solutions li {
  padding: 0.375rem;
}
@media (min-width: 768px) {
  .list--solutions li {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.list--solutions__item {
  flex: 1;
  width: 100%;
  font-size: 1.7rem;
  background-color: #fff;
  border-radius: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #EB121E;
  font-weight: 400;
  border: 1px solid #E5E7E8;
  line-height: 1.27;
  border-left-width: 0.3rem;
  padding: 1rem 0.8rem;
  position: relative;
}
.list--solutions__item__inner {
  display: flex;
  align-items: center;
  text-align: left;
}
.list--solutions__item i {
  color: #CDD0D4;
  transition: color 0.2s ease-out;
}
.list--solutions__item:hover {
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
  color: #D3101B;
}
.list--solutions__item:hover i {
  color: #EB121E;
}
.list--solutions__item--charge {
  border-left-color: #00B2BB;
}
.list--solutions__item--fuel_retail {
  border-left-color: #E30613;
}
.list--solutions__item--fleet {
  border-left-color: #F39200;
}
.list--solutions__item--wash {
  border-left-color: #E5E7E8;
}
.list--solutions__item--systems {
  border-left-color: #2B417B;
}
.list--solutions__item--gas {
  border-left-color: #00632E;
}
.list--solutions__item--industry {
  border-left-color: #00632E;
}
.list--solutions__item--technics {
  border-left-color: #00B6ED;
}
.list--solutions__item--Technics {
  border-left-color: #00B6ED;
}
.list--solutions__item--solar {
  border-left-color: #ffd900;
}
.list--solutions__item--power {
  border-left-color: #036468;
}
.list--solutions__icon {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
}
.list--solutions__icon img {
  width: 2.8rem;
  height: 2.8rem;
}
.list--solutions__prefix {
  font-weight: 700;
  color: #3A3C3F;
  margin-right: 0.25rem;
}
.list--checklist {
  position: relative;
  padding-left: 1.5rem;
  margin-left: 0;
}
.list--checklist li {
  list-style: none;
  padding-left: 1.5rem;
}
.list--checklist li:before {
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 600;
  color: #216CA8;
  left: 0;
}
.list--checklist--custom-icons li {
  position: relative;
  padding-left: 3rem;
}
.list--checklist--custom-icons li i {
  left: 0;
  position: absolute;
  top: 1rem;
  font-family: "Font Awesome 6 Pro";
  color: #216CA8;
}
.list--checklist--custom-icons li:before {
  content: none;
}
.list--checklist--wider li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 400;
}
.list--checklist--service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list--checklist--service-list li {
  border-bottom: 1px solid #CDD0D4;
  flex: 0 0 100%;
}
@media (min-width: 481px) {
  .list--checklist--service-list li {
    flex: 0 0 45%;
  }
}
@media (min-width: 1024px) {
  .list--checklist--service-list li {
    flex: 0 0 30%;
  }
}
.list--categories {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}

.main-menu-mega .menu__title,
.mobile-menu-mega .menu__title {
  font-size: 2.4rem;
  line-height: 1.2916666667;
  color: #3A3C3F;
  font-weight: 500;
  padding: 0;
}
.main-menu-mega .menu__description,
.mobile-menu-mega .menu__description {
  display: block;
  padding: 0;
  margin-top: 0.8rem;
  font-size: 1.7rem;
  line-height: 1.5;
  color: #50535A;
}
.main-menu-mega .menu__more,
.mobile-menu-mega .menu__more {
  display: inline-block;
  margin-top: 1.6rem;
  padding: 0;
  color: #216CA8;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  border-radius: 0.2rem;
}
.main-menu-mega .menu__more:hover .menu__more__icon,
.mobile-menu-mega .menu__more:hover .menu__more__icon {
  transform: translateX(0.2rem);
}
.main-menu-mega .menu__more:focus-visible,
.mobile-menu-mega .menu__more:focus-visible {
  outline: 2px solid #1C5788;
  outline-offset: 2px;
}
.main-menu-mega .menu__more__icon,
.mobile-menu-mega .menu__more__icon {
  font-size: 1.6rem;
  line-height: 1.125;
  transition: transform 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.main-menu-mega .menu__link--icon .menu__link-icon,
.mobile-menu-mega .menu__link--icon .menu__link-icon {
  flex: none;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1.2rem;
}
.main-menu-mega .menu__link--icon .menu__link-icon svg,
.mobile-menu-mega .menu__link--icon .menu__link-icon svg {
  width: 100%;
  height: 100%;
}
.main-menu-mega .menu__link--icon .menu__link-icon svg path,
.mobile-menu-mega .menu__link--icon .menu__link-icon svg path {
  fill: #3A3C3F;
  transition: fill 0.2s ease-out, path 0.2s ease-out;
}
.main-menu-mega .menu__link--icon .menu__link-icon:hover svg path, .main-menu-mega .menu__link--icon .menu__link-icon:active svg path, .main-menu-mega .menu__link--icon .menu__link-icon:focus-visible svg path,
.mobile-menu-mega .menu__link--icon .menu__link-icon:hover svg path,
.mobile-menu-mega .menu__link--icon .menu__link-icon:active svg path,
.mobile-menu-mega .menu__link--icon .menu__link-icon:focus-visible svg path {
  fill: #216CA8;
}

.main-menu-mega {
  color: #3A3C3F;
}
.main-menu-mega ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-menu-mega ul li {
  list-style: none;
}
.main-menu-mega ul li a,
.main-menu-mega ul li .menu__link {
  font-size: 1.5rem;
  display: block;
  padding: 1rem 0.9rem;
  line-height: 1.375;
  color: #3A3C3F;
}
@media only screen and (min-width: 768px) {
  .main-menu-mega ul li a,
.main-menu-mega ul li .menu__link {
    font-size: 1.7rem;
  }
}
.main-menu-mega ul li a:not(span):hover,
.main-menu-mega ul li .menu__link:not(span):hover {
  color: #216CA8;
  text-decoration: none;
}
.main-menu-mega ul li a:not(span):focus-visible,
.main-menu-mega ul li .menu__link:not(span):focus-visible {
  border-radius: 0.2rem;
  outline: 1px solid #216CA8;
  outline-offset: 2px;
}
.main-menu-mega ul li span.menu__link {
  cursor: default;
}
.main-menu-mega > ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.main-menu-mega > ul > li {
  padding: 0 0 1.9rem;
  margin: 1.9rem 0 0;
  list-style: none;
  cursor: pointer;
}
.main-menu-mega > ul > li > .menu__link,
.main-menu-mega > ul > li > a.menu__link {
  position: relative;
  white-space: nowrap;
  font-size: 1.8rem;
  line-height: 1.2222222222;
  color: var(--header-menu-text-color);
}
@media (min-width: 1201px) {
  .main-menu-mega > ul > li > .menu__link,
.main-menu-mega > ul > li > a.menu__link {
    padding: 1rem 12px;
  }
}
@media (min-width: 80em) {
  .main-menu-mega > ul > li > .menu__link,
.main-menu-mega > ul > li > a.menu__link {
    padding: 1rem 16px;
  }
}
.main-menu-mega > ul > li > .menu__link::before,
.main-menu-mega > ul > li > a.menu__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.9rem;
  display: block;
  width: calc(100% - 1.8rem);
  height: 2px;
  background-color: var(--header-menu-text-hover-color);
  transition: transform 0.2s ease-out;
  transform: scaleX(0);
  transform-origin: left;
}
@media (min-width: 1201px) {
  .main-menu-mega > ul > li > .menu__link::before,
.main-menu-mega > ul > li > a.menu__link::before {
    left: 1.2rem;
    width: calc(100% - 2.4rem);
  }
}
@media (min-width: 80em) {
  .main-menu-mega > ul > li > .menu__link::before,
.main-menu-mega > ul > li > a.menu__link::before {
    left: 1.5rem;
    width: calc(100% - 3rem);
  }
}
.main-menu-mega > ul > li > .menu__link:hover,
.main-menu-mega > ul > li > a.menu__link:hover {
  color: var(--header-menu-text-hover-color);
  text-decoration: none;
}
.main-menu-mega > ul > li > .menu__link:focus-visible,
.main-menu-mega > ul > li > a.menu__link:focus-visible {
  color: var(--header-menu-text-color);
  outline: 0;
}
.main-menu-mega > ul > li > .menu__link:hover::before, .main-menu-mega > ul > li > .menu__link:focus-visible::before,
.main-menu-mega > ul > li > a.menu__link:hover::before,
.main-menu-mega > ul > li > a.menu__link:focus-visible::before {
  background-color: var(--header-menu-text-hover-color);
  transform: scaleX(100%);
}
.main-menu-mega > ul > li.current-menu-item > a, .main-menu-mega > ul > li.current-menu-ancestor > a {
  color: var(--header-menu-text-hover-color);
}
.main-menu-mega > ul > li.current-menu-item > a::before, .main-menu-mega > ul > li.current-menu-ancestor > a::before {
  transform: scaleX(100%);
}
.main-menu-mega > ul > li.menu-item-has-children {
  position: relative;
  z-index: 1040;
}
.main-menu-mega > ul > li.menu-item-has-children > a,
.main-menu-mega > ul > li.menu-item-has-children > .menu__link {
  padding-right: 16px;
  margin-right: 4px;
}
.main-menu-mega > ul > li.menu-item-has-children > a::after,
.main-menu-mega > ul > li.menu-item-has-children > .menu__link::after {
  content: "\f107";
  display: block;
  width: 1rem;
  text-align: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 1.2rem;
  color: currentColor;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  transition: transform 0.2s ease-out;
}
.main-menu-mega > ul > li.menu-item-has-children:hover::after, .main-menu-mega > ul > li.menu-item-has-children:active::after {
  color: currentColor;
}
.main-menu-mega > ul > li.menu-item-has-children:focus-visible > .menu__link::after,
.main-menu-mega > ul > li.menu-item-has-children:focus-visible > a::after, .main-menu-mega > ul > li.menu-item-has-children:focus-within > .menu__link::after,
.main-menu-mega > ul > li.menu-item-has-children:focus-within > a::after, .main-menu-mega > ul > li.menu-item-has-children:active > .menu__link::after,
.main-menu-mega > ul > li.menu-item-has-children:active > a::after, .main-menu-mega > ul > li.menu-item-has-children:hover > .menu__link::after,
.main-menu-mega > ul > li.menu-item-has-children:hover > a::after {
  transform: translateY(calc(-50% + 3px));
}
.main-menu-mega > ul > li.menu-item-has-children:focus-visible .menu__submenu,
.main-menu-mega > ul > li.menu-item-has-children:focus-visible .sub-menu, .main-menu-mega > ul > li.menu-item-has-children:focus-within .menu__submenu,
.main-menu-mega > ul > li.menu-item-has-children:focus-within .sub-menu, .main-menu-mega > ul > li.menu-item-has-children:active .menu__submenu,
.main-menu-mega > ul > li.menu-item-has-children:active .sub-menu, .main-menu-mega > ul > li.menu-item-has-children:hover .menu__submenu,
.main-menu-mega > ul > li.menu-item-has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  overflow-y: auto;
}
.main-menu-mega > ul.menu--depth-1 li.menu-item-has-children a,
.main-menu-mega > ul.menu--depth-1 li.menu-item-has-children .menu__link {
  padding-right: 1.5rem;
}
.main-menu-mega > ul.menu--depth-1 li.menu-item-has-children a::after,
.main-menu-mega > ul.menu--depth-1 li.menu-item-has-children .menu__link::after {
  display: none;
}
.main-menu-mega .menu_item__submenu__single_column .sub-menu__wrapper {
  width: 35rem;
}
.main-menu-mega .menu_item__submenu__single_column .sub-menu__wrapper li {
  width: 35rem;
}
.header__menu--global .main-menu-mega .menu_item__submenu__single_column .sub-menu__wrapper {
  width: 35rem;
}
.main-menu-mega .menu_item__submenu__categories .sub-menu__wrapper > .menu-item {
  margin-bottom: 1.5rem;
}
.main-menu-mega .menu_item__submenu__categories .sub-menu__wrapper .sub-menu li {
  width: 100%;
  padding: 0;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu {
    z-index: 1040;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 19rem;
    max-height: calc(100vh - 14.4rem);
    background-color: #fff;
    border-radius: 0.6rem;
    box-shadow: 0px 4px 16.3px rgba(0, 0, 0, 0.05);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
  }
}
.main-menu-mega .menu__submenu .menu__list .menu__link {
  padding: 0;
  line-height: 1.5294117647;
}
.main-menu-mega .menu__submenu > .menu__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu > .menu__list {
    padding: 1.2rem 1.2rem;
  }
}
.main-menu-mega .menu__submenu > .menu__list > .menu__item {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  padding: unset;
  margin: unset;
}
.main-menu-mega .menu__submenu > .menu__list > .menu__item > .menu__link {
  padding: unset;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu > .menu__list > .menu__item > .menu__link {
    padding: 0.2rem 0.4rem;
  }
}
.main-menu-mega .menu__submenu > .menu__list > .menu__item.current-menu-item > .menu__link, .main-menu-mega .menu__submenu > .menu__list > .menu__item.current-menu-ancestor > .menu__link {
  color: #216CA8;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 11.4rem;
    transform: unset;
    border-radius: unset;
    max-height: unset;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__submenu-inner {
  display: flex;
  max-width: 144rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__submenu-inner {
    padding: 0;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__container {
  flex: 1;
}
.main-menu-mega .menu__submenu--mega-menu .menu__wrapper {
  display: flex;
  flex-flow: row nowrap;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__wrapper {
    padding: 2.4rem 3.2rem;
    height: 100%;
  }
}
@media (min-width: 1201px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__wrapper {
    padding-right: 4.8rem;
    padding-left: 4.8rem;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__content {
  flex: 1;
  padding-right: 3.2rem;
}
.main-menu-mega .menu__submenu--mega-menu .menu__content > .menu__list {
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
  row-gap: 2.4rem;
}
.main-menu-mega .menu__submenu--mega-menu .menu__content > .menu__list > .menu__item {
  flex: 0 1 calc(25% - 1.8rem);
}
.main-menu-mega .menu__submenu--mega-menu .menu__image {
  display: none;
  position: relative;
  flex: 0 0 30rem;
  border-radius: 0.6rem;
}
@media (min-width: 80em) {
  .main-menu-mega .menu__submenu--mega-menu .menu__image {
    display: block;
    min-height: 416px;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.6rem;
  border: 0;
}
.main-menu-mega .menu__submenu--mega-menu .menu__item.current-menu-item > .menu__link, .main-menu-mega .menu__submenu--mega-menu .menu__item.current-menu-ancestor > .menu__link {
  color: #216CA8;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link {
  display: flex;
  align-items: center;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link:not(span):hover, .main-menu-mega .menu__submenu--mega-menu .menu__link:not(span):focus-visible {
  color: #216CA8;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description {
  padding: 1.6rem 0;
  border-bottom: 1px solid #CDD0D4;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description .menu__link__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description .menu__link__icon {
  transition: color 0.2s ease-out;
  color: #ABAFB5;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description .menu__link__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #666B74;
  font-weight: 400;
  font-size: 1.7rem;
  transition: color 0.2s ease-out;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description:hover .menu__link__description,
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description:hover .menu__link__icon, .main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description:focus-visible .menu__link__description,
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--with-description:focus-visible .menu__link__icon {
  color: currentColor;
}
.main-menu-mega .menu__submenu--mega-menu .menu__link.menu__link--icon {
  display: flex;
  padding: 1.6rem 0;
  font-weight: 500;
  border-bottom: 1px solid #CDD0D4;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list-container {
  background-color: #F5F6F6;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 {
    padding: 2.4rem 2.4rem 2.4rem 3.2rem;
    min-width: 32rem;
  }
}
@media (min-width: 1201px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 {
    padding-left: 4.8rem;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item {
  position: relative;
  font-weight: 500;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E5E7E8;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:focus-within::after, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:hover::after, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:focus-visible::after, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:has(.menu__link--active)::after {
  content: none;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link {
  font-size: 1.8rem;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link {
    width: 100%;
    padding: 1.1rem 1.6rem;
    margin: unset;
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link:focus-within, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link:focus-visible, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link:active, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link:hover, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item .menu__link.menu__link--active {
    border: 1px solid #E5E7E8;
    color: #216CA8;
    background-color: #fff;
    border-radius: 0.6rem;
  }
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:has(+ .menu__item:hover)::after,
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:has(+ .menu__item:focus-within)::after,
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:has(+ .menu__item:focus)::after,
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-1 > .menu__item:has(+ .menu__item:focus-visible)::after > .menu__item:has(+ .menu__item .menu__link--active)::after {
  content: none;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-2 > .menu__item > .menu__link {
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.2631578947;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-2 > .menu__item > .menu__link + .menu__list {
  margin-top: 0.8rem;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-2 > .menu__item > .menu__link--with-description {
  display: block;
  overflow: unset;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link {
  color: #50535A;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin-left: 0.4rem;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #ABAFB5;
  vertical-align: -5%;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link:hover, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link:focus-visible {
  color: #216CA8;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link:hover::after, .main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link:focus-visible::after {
  color: currentColor;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__link:not(.menu__link--icon) {
  display: inline-block;
}
.main-menu-mega .menu__submenu--mega-menu .menu__list--level-3 .menu__item + .menu__item {
  margin-top: 0.4rem;
}
.main-menu-mega .menu__submenu--mega-menu-side .menu__submenu-inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  background-color: #F5F6F6;
}
@media (min-width: 100em) {
  .main-menu-mega .menu__submenu--mega-menu-side .menu__submenu-inner::before {
    width: calc((100vw - 129rem) / 2);
  }
}
.main-menu-mega .menu__submenu--mega-menu-side .menu__wrapper {
  display: none;
}
@media (min-width: 1024px) {
  .main-menu-mega .menu__submenu--mega-menu-side .menu__wrapper {
    padding: 2.4rem 3.2rem 2.4rem 4rem;
  }
}
@media (min-width: 1201px) {
  .main-menu-mega .menu__submenu--mega-menu-side .menu__wrapper {
    padding-right: 4.8rem;
  }
}
.main-menu-mega .menu__submenu--mega-menu-side .menu__wrapper.mega-menu--open {
  display: flex;
  flex-flow: row nowrap;
}
.main-menu-mega .menu__submenu--mega-menu-side .menu__content > .menu__list {
  gap: 2.4rem;
}
.main-menu-mega .menu__submenu--mega-menu-side .menu__content > .menu__list > .menu__item {
  flex: 0 1 calc(33.3% - 1.6rem);
}
@media (min-width: 90em) {
  .main-menu-mega .menu__submenu--mega-menu-side .menu__content > .menu__list:has(> .menu__item:last-child:nth-child(4)) > .menu__item {
    flex: 0 1 calc(25% - 1.8rem);
  }
}
.main-menu-mega .menu__submenu--basic {
  border: 1px solid #E5E7E8;
  transform: translateY(0.6rem);
}
.main-menu-mega .menu__submenu--basic .menu__list .menu__item .menu__link {
  padding: 0.2rem 0.4rem;
}

.header__menu--ssd .main-menu-mega .menu__header,
.header__menu--ssd .mobile-menu-mega .menu__header {
  border-bottom: 1px solid #E5E7E8;
}
@media (min-width: 1024px) {
  .header__menu--ssd .main-menu-mega .menu__header,
.header__menu--ssd .mobile-menu-mega .menu__header {
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
.header__menu--ssd .main-menu-mega .menu__description,
.header__menu--ssd .mobile-menu-mega .menu__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
  .header__menu--ssd .main-menu-mega .menu__description,
.header__menu--ssd .mobile-menu-mega .menu__description {
    max-width: 70rem;
    -webkit-line-clamp: 2;
  }
}

@media (min-width: 1024px) {
  .header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    -moz-column-gap: 72px;
         column-gap: 72px;
  }
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__content > .menu__list {
  align-items: stretch;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__content > .menu__list > .menu__item:not(.menu-item-has-children) {
  display: flex;
  flex: 0 1 calc(50% - 16px);
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__content > .menu__list > .menu__item.menu-item-has-children {
  flex: 0 1 calc(25% - 24px);
}
@media (min-width: 1024px) {
  .header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__header {
    flex: 0 1 38.6rem;
  }
}
@media (min-width: 1024px) {
  .header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__list {
    flex: 1;
  }
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__image {
  flex: 0 0 26.4rem;
  min-height: 24.8rem;
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__image--no-image {
  display: none;
}
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__link--text,
.header__menu--global .main-menu-mega .menu__submenu--mega-menu .menu__list--level-2 > .menu__item > .menu__link.menu__link--text {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  text-transform: uppercase;
  color: #81868F;
}

.main-menu__wrapper ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-menu__wrapper ul > li {
  padding: 1.6rem 0;
  margin: 0;
  list-style: none;
}
.main-menu__wrapper ul > li > a {
  font-size: 1.5rem;
  position: relative;
  display: block;
  padding: 1rem 0.9rem;
  line-height: 1.375;
  color: var(--header-menu-text-color);
  white-space: nowrap;
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .main-menu__wrapper ul > li > a {
    font-size: 1.7rem;
  }
}
@media (min-width: 1201px) {
  .main-menu__wrapper ul > li > a {
    padding: 1rem 1.5rem 1rem 1.2rem;
  }
}
@media (min-width: 80em) {
  .main-menu__wrapper ul > li > a {
    padding: 1rem 2rem;
  }
}
.main-menu__wrapper ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.9rem;
  display: block;
  width: calc(100% - 1.8rem);
  height: 2px;
  background-color: var(--header-menu-text-color);
  transition: transform 0.2s ease-out;
  transform: scaleX(0);
  transform-origin: left;
}
@media (min-width: 1201px) {
  .main-menu__wrapper ul > li > a::before {
    left: 1.2rem;
    width: calc(100% - 2.4rem);
  }
}
@media (min-width: 80em) {
  .main-menu__wrapper ul > li > a::before {
    left: 2rem;
    width: calc(100% - 4rem);
  }
}
.main-menu__wrapper ul > li > a:hover, .main-menu__wrapper ul > li > a:focus-visible {
  color: var(--header-menu-text-hover-color);
  text-decoration: none;
}
.main-menu__wrapper ul > li > a:hover::before, .main-menu__wrapper ul > li > a:focus-visible::before {
  transform: scaleX(100%);
  background-color: var(--header-menu-text-hover-color);
}
.main-menu__wrapper ul > li.current-menu-item > a, .main-menu__wrapper ul > li.current-menu-ancestor > a {
  color: var(--header-menu-text-hover-color);
}
.main-menu__wrapper ul > li.current-menu-item > a::before, .main-menu__wrapper ul > li.current-menu-ancestor > a::before {
  transform: scaleX(100%);
}
.main-menu__wrapper ul > li.menu-item-has-children {
  position: relative;
  z-index: 1040;
}
.main-menu__wrapper ul > li.menu-item-has-children > a {
  margin-right: 0.4rem;
}
.main-menu__wrapper ul > li.menu-item-has-children > a::after {
  content: "\f107";
  display: block;
  width: 1rem;
  text-align: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--header-menu-arrow-color);
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-43%);
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.main-menu__wrapper ul > li.menu-item-has-children:focus > a::after, .main-menu__wrapper ul > li.menu-item-has-children:focus-within > a::after, .main-menu__wrapper ul > li.menu-item-has-children:hover > a::after {
  transform: translateY(-37%);
}
.main-menu__wrapper ul > li.menu-item-has-children:focus .menu__submenu,
.main-menu__wrapper ul > li.menu-item-has-children:focus .sub-menu, .main-menu__wrapper ul > li.menu-item-has-children:focus-within .menu__submenu,
.main-menu__wrapper ul > li.menu-item-has-children:focus-within .sub-menu, .main-menu__wrapper ul > li.menu-item-has-children:hover .menu__submenu,
.main-menu__wrapper ul > li.menu-item-has-children:hover .sub-menu {
  visibility: visible;
  opacity: 1;
}
.main-menu__wrapper ul.menu--depth-1 li.menu-item-has-children a {
  padding-right: 1.5rem;
}
.main-menu__wrapper ul.menu--depth-1 li.menu-item-has-children a::after {
  display: none;
}
.main-menu__wrapper .sub-menu__wrapper {
  position: absolute;
  left: 50%;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: start;
  max-height: calc(100vh - 14.4rem);
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 1040;
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
  transform: translate(-50%, 3.6rem);
  padding: 3rem 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-backface-visibility: hidden;
}
.main-menu__wrapper .sub-menu__wrapper::after {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  overflow: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  background-color: #216CA8;
}
.main-menu__wrapper .sub-menu__wrapper::before {
  content: "";
  position: absolute;
  top: -2.1rem;
  left: 0;
  height: 2.4rem;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("../images/menu-arrow.svg");
}
.main-menu__wrapper .sub-menu__wrapper--visible {
  visibility: visible;
  opacity: 1;
}
.main-menu__wrapper .sub-menu__wrapper--align-left {
  left: 0;
  transform: translate(0, 3.6rem);
}
.main-menu__wrapper .sub-menu__wrapper--align-left::before {
  background-position: 4rem top;
}
.main-menu__wrapper .sub-menu__wrapper li {
  width: 25rem;
  margin: 0;
  padding: 0 2rem;
}
.main-menu__wrapper .sub-menu__wrapper li a {
  color: #3A3C3F;
}
.main-menu__wrapper .sub-menu__wrapper li a::before {
  display: none;
}
.main-menu__wrapper .sub-menu__wrapper li a:hover {
  color: #3088C7;
}
.main-menu__wrapper .sub-menu__wrapper li.menu_item__full_width {
  width: 100%;
  padding: 0 1.5rem;
  overflow: hidden;
}
.main-menu__wrapper .sub-menu__wrapper li.menu_item__full_width a {
  padding: 1.2rem 1rem;
  margin-top: -0.1rem;
  border-top: 1px solid #E5E7E8;
  border-bottom: 1px solid #E5E7E8;
  color: #3A3C3F;
}
.main-menu__wrapper .sub-menu__wrapper li.menu_item__full_width:last-of-type a {
  border-bottom: 0;
}
.main-menu__wrapper .sub-menu__wrapper li.menu-item-has-children > a::after {
  display: none;
}
.main-menu__wrapper .sub-menu__wrapper li.current-menu-item a.menu-item--description::after {
  color: #216CA8;
}
.main-menu__wrapper .sub-menu__wrapper li.menu_item__extended-menu {
  float: right;
  width: 50%;
}
.main-menu__wrapper .sub-menu__wrapper li.menu_item__extended-menu--large {
  float: left;
}
.main-menu__wrapper .sub-menu__wrapper li a {
  padding: 0.5rem 1rem;
  white-space: normal;
  border-radius: 0.6rem;
}
.main-menu__wrapper .sub-menu__wrapper li a:hover {
  background-color: #F5F6F6;
  color: #216CA8;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom {
  display: flex;
  align-items: center;
  color: #EB121E;
  font-weight: 400;
  border-radius: 0;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom .menu-item__custom__icon {
  width: 4rem;
  height: 4rem;
  margin-right: 0.75rem;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom .menu-item__custom__icon img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom .menu-item__custom__prefix {
  font-weight: 700;
  color: #3A3C3F;
  margin-right: 0.25rem;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom-category-title {
  color: #50535A;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.main-menu__wrapper .sub-menu__wrapper li a.menu-item__custom-category-title .menu-item__custom-category-title__icon {
  color: #50535A;
  display: inline-block;
  margin-right: 0.75rem;
}
.main-menu__wrapper .sub-menu__wrapper li:first-child a.menu-item__custom {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
.main-menu__wrapper .sub-menu__wrapper li:last-child a.menu-item__custom {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.main-menu__wrapper .sub-menu__wrapper li ul {
  display: flex;
  flex-flow: column wrap;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description {
  position: relative;
  line-height: 2.2rem;
  margin: 0.5rem 0;
  padding: 0.7rem 3rem 0.7rem 1rem;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description .menu-item--description__content,
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description .menu-item--description__title {
  display: block;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description .menu-item--description__title {
  font-weight: 500;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description .menu-item--description__content {
  color: #666B74;
  font-size: 1.5rem;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description::after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #CDD0D4;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  transition: color 0.3s ease;
  -webkit-backface-visibility: hidden;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--description:hover::after {
  color: #216CA8;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--image {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  height: 28rem;
  width: 28rem;
  padding: 3rem;
  background-size: cover;
  background-position: center;
  font-size: 1.7rem;
  line-height: 1.375;
  color: #fff;
  text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5);
  border-radius: 0;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--image--overlay::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  -webkit-backface-visibility: hidden;
}
.main-menu__wrapper .sub-menu__wrapper li .menu-item--image .menu-item--image__content {
  display: block;
  position: relative;
  z-index: 2;
}
.main-menu__wrapper .menu_item__submenu__single_column .sub-menu__wrapper {
  width: 35rem;
}
.main-menu__wrapper .menu_item__submenu__single_column .sub-menu__wrapper li {
  width: 35rem;
}
.header__menu--global .main-menu__wrapper .menu_item__submenu__single_column .sub-menu__wrapper {
  width: 35rem;
}
.main-menu__wrapper .menu_item__submenu__categories .sub-menu__wrapper > .menu-item {
  margin-bottom: 1.5rem;
}
.main-menu__wrapper .menu_item__submenu__categories .sub-menu__wrapper .sub-menu li {
  width: 100%;
  padding: 0;
}

.main {
  padding-top: 10.4rem;
}
@media (min-width: 768px) {
  .main {
    padding-top: 11.4rem;
  }
}
@media (min-width: 1024px) {
  .main {
    padding-top: 11.4rem;
  }
}

.menu-trigger {
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  padding: 0 0.75rem;
  background-color: transparent;
  background-image: none;
  border: 0;
  margin-left: 1.5rem;
}
.menu-trigger__icon-bar, .menu-trigger__icon-bar:before, .menu-trigger__icon-bar:after {
  display: block;
  content: "";
  width: 2.4rem;
  height: 0.2rem;
  background-color: var(--header-menu-text-color);
  transform-origin: 2% center;
  transition: all 0.3s ease-out;
}
.menu-trigger__icon-bar:hover, .menu-trigger__icon-bar:before:hover, .menu-trigger__icon-bar:after:hover {
  border: 0;
  background-color: var(--header-menu-text-color);
}
.menu-trigger__icon-bar {
  position: relative;
}
.menu-trigger__icon-bar:before {
  position: absolute;
  top: 8px;
  left: 0;
}
.menu-trigger__icon-bar:after {
  position: absolute;
  top: -8px;
  left: 0;
}
.menu-trigger--open .menu-trigger__icon-bar {
  width: 4px;
  background-color: #fff;
}
.menu-trigger--open .menu-trigger__icon-bar:before {
  transform: rotate(-45deg);
  width: 24px;
  left: 0;
  background-color: #3A3C3F;
}
.menu-trigger--open .menu-trigger__icon-bar:after {
  transform: rotate(45deg);
  width: 24px;
  left: 0;
  background-color: #3A3C3F;
}
@media (min-width: 1024px) {
  .menu-trigger {
    display: none;
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  z-index: 1006;
  width: 100%;
  height: calc(100vh - 10.4rem);
  right: 0;
  padding: 0;
  transform: translateY(-100vh);
  transition: transform 0.5s ease;
  background-color: #fff;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 10.4rem;
}
@supports (height: 100dvh) {
  .mobile-menu {
    height: calc(100vh - 10.4rem);
  }
}
@media (min-width: 768px) {
  .mobile-menu {
    margin-top: 11.4rem;
  }
}
@media (min-width: 1024px) {
  .mobile-menu {
    width: 30rem;
  }
}
.admin-bar .mobile-menu {
  margin-top: calc(10.4rem + 46px);
}
@media (min-width: 768px) {
  .admin-bar .mobile-menu {
    margin-top: calc(11.4rem + 32px);
  }
}
.mobile-menu > * {
  pointer-events: none;
}
.mobile-menu--open {
  transform: translateY(0);
}
.mobile-menu--open > * {
  pointer-events: initial;
}
@media (min-width: 1024px) {
  .mobile-menu {
    transform: translateX(30rem);
  }
}
.mobile-menu__header {
  position: absolute;
  top: -6.4rem;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 6.5rem;
  height: 6.5rem;
  padding: 0 1.5rem;
  visibility: hidden;
  opacity: 0;
  border-bottom: 1px solid #E5E7E8;
  background-color: #fff;
  transition: transform 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
@media (min-width: 768px) {
  .mobile-menu__header {
    flex: 0 0 8rem;
    height: 8rem;
    top: -8rem;
  }
}
.mobile-menu__title {
  font-size: 1.9rem;
  font-weight: 500;
  color: #3A3C3F;
  line-height: 1.1818181818;
}
.mobile-menu__content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  border-top: 1px solid #E5E7E8;
}
.mobile-menu__close-submenu {
  visibility: hidden;
  opacity: 0;
  top: 0.8rem;
  left: 0.8rem;
  width: 4.4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  color: #3A3C3F;
  font-weight: 400;
  font-size: 2rem;
  transition: transform 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.mobile-menu__close-submenu .fa-caret-left {
  padding-right: 0.5rem;
  vertical-align: -5%;
}
.mobile-menu__close-submenu:active, .mobile-menu__close-submenu:focus-visible {
  color: #216CA8;
}
.mobile-menu__close-submenu--active {
  opacity: 1;
  visibility: visible;
}
.mobile-menu__footer {
  border-top: 1px solid #E5E7E8;
  padding: 2rem 2rem 4rem;
}
.mobile-menu__socials {
  display: flex;
  flex-flow: row wrap;
  padding: 0 0.8rem;
  margin-top: 1.2rem;
  gap: 0.2rem;
}
.mobile-menu__socials a.link--social {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  text-align: center;
  align-content: center;
  font-size: 2rem;
  line-height: 1;
  color: #50535A;
}
.mobile-menu__socials a.link--social i {
  width: 2.4rem;
}
.mobile-menu__dropdown {
  padding-bottom: 1.5rem;
}

.push-element--open {
  transform: translateX(-100%);
}
@media (min-width: 1024px) {
  .push-element--open {
    transform: translateX(0);
  }
}

.mobile-menu__wrapper ul {
  display: block;
  margin: 0;
}
.mobile-menu__wrapper ul > li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 2rem;
}
.mobile-menu__wrapper ul > li > a,
.mobile-menu__wrapper ul > li > .menu__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 2rem 1.6rem 0;
  font-size: 1.8rem;
  line-height: 1.2222222222;
  font-weight: 500;
  color: #3A3C3F;
  border-bottom: 1px solid #E5E7E8;
}
.mobile-menu__wrapper ul > li > a:active,
.mobile-menu__wrapper ul > li > .menu__link:active {
  color: #216CA8;
}
.mobile-menu__wrapper ul > li > a:active::after,
.mobile-menu__wrapper ul > li > .menu__link:active::after {
  color: #216CA8;
}
.mobile-menu__wrapper ul > li.current-menu-item > a,
.mobile-menu__wrapper ul > li.current-menu-item > .menu__link, .mobile-menu__wrapper ul > li.current-menu-ancestor > a,
.mobile-menu__wrapper ul > li.current-menu-ancestor > .menu__link, .mobile-menu__wrapper ul > li.current-menu-parent > a,
.mobile-menu__wrapper ul > li.current-menu-parent > .menu__link {
  color: #216CA8;
}
.mobile-menu__wrapper ul > li.current-menu-item > a::after,
.mobile-menu__wrapper ul > li.current-menu-item > .menu__link::after, .mobile-menu__wrapper ul > li.current-menu-ancestor > a::after,
.mobile-menu__wrapper ul > li.current-menu-ancestor > .menu__link::after, .mobile-menu__wrapper ul > li.current-menu-parent > a::after,
.mobile-menu__wrapper ul > li.current-menu-parent > .menu__link::after {
  color: #216CA8;
}
.mobile-menu__wrapper ul > li.menu-item-has-children > a::after,
.mobile-menu__wrapper ul > li.menu-item-has-children > .menu__link::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 1rem;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #ABAFB5;
}
.mobile-menu__wrapper ul > li .menu__link--icon span {
  flex: 1;
}
.mobile-menu__wrapper ul > li .menu__link--icon::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 1rem;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #ABAFB5;
}
.mobile-menu__wrapper .sub-menu {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0 0 10.4rem;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(100%);
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out, transform 0.5s ease;
}
.mobile-menu__wrapper .sub-menu .sub-menu {
  top: 0;
}
.mobile-menu__wrapper .sub-menu__title {
  position: absolute;
  top: -6.4rem;
  z-index: 100;
}
.mobile-menu__wrapper .sub-menu--visible {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.mobile-menu__wrapper .sub-menu .menu__header {
  padding: 2rem 2rem 2.4rem 0;
  margin-left: 2rem;
}
.mobile-menu__wrapper .sub-menu .menu__list--level-2 .menu__list .menu__item {
  padding-left: 0;
}
.mobile-menu__wrapper .sub-menu .menu__link-content {
  display: flex;
  align-items: center;
}
.mobile-menu__wrapper .sub-menu .menu__sub-menu--mega .menu__list--level-2 > .menu__item > .menu__link:not(.menu__link--with-description) {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.1;
  text-transform: uppercase;
  color: #81868F;
  padding-top: 3rem;
  color: #666B74;
}
.mobile-menu__wrapper .sub-menu .menu__sub-menu--mega .menu__list--level-2 > .menu__item > .menu__link:not(.menu__link--with-description):after {
  display: none;
}
.mobile-menu__wrapper .sub-menu .menu__list--level-2 > .menu__item > .menu__link--with-description {
  display: block;
  padding: 1.6rem 0;
  border-bottom: 1px solid #E5E7E8;
}
.mobile-menu__wrapper .sub-menu .menu__list--level-2 > .menu__item > .menu__link--with-description .menu__link__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.mobile-menu__wrapper .sub-menu .menu__list--level-2 > .menu__item > .menu__link--with-description .menu__link__icon {
  transition: color 0.2s ease-out;
  color: #ABAFB5;
}
.mobile-menu__wrapper .sub-menu .menu__list--level-2 > .menu__item > .menu__link--with-description .menu__link__description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #666B74;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 1.4444444444;
  transition: color 0.2s ease-out;
}
.mobile-menu__wrapper .menu__list--level-0 > .menu-item.sub-menu--open > .sub-menu--visible {
  border-top: 1px solid #E5E7E8;
}

.global-menu__wrapper--mobile ul {
  display: block;
  margin: 0;
  padding: 2rem 2rem 0;
}
.global-menu__wrapper--mobile ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-menu__wrapper--mobile ul > li > a {
  display: block;
  padding: 0.4rem 0;
  font-size: 2rem;
  line-height: 1.15;
  color: #50535A;
}
.global-menu__wrapper--mobile ul > li > a:active {
  color: #216CA8;
}
.global-menu__wrapper--mobile ul > li.menu-item-has-children {
  position: relative;
}
.global-menu__wrapper--mobile ul > li.menu-item-has-children > a::after {
  content: "\f107";
  display: inline-block;
  width: 1rem;
  padding-left: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 1.4rem;
  color: #CDD0D4;
}
.global-menu__wrapper--mobile ul > li.current-menu-item > a, .global-menu__wrapper--mobile ul > li.current-menu-ancestor > a, .global-menu__wrapper--mobile ul > li.current-menu-parent > a {
  color: #216CA8;
}
.global-menu__wrapper--mobile ul > li.current-menu-item > a::after, .global-menu__wrapper--mobile ul > li.current-menu-ancestor > a::after, .global-menu__wrapper--mobile ul > li.current-menu-parent > a::after {
  color: #216CA8;
}
.global-menu__wrapper--mobile ul > li + li {
  margin-top: 0.8rem;
}
.global-menu__wrapper--mobile .sub-menu {
  display: none;
  padding-bottom: 0;
}

.more-news {
  position: relative;
}
@media (min-width: 1024px) {
  .more-news.cb:last-of-type:not(.banner-basic) {
    padding-bottom: 9rem;
  }
}
@media (min-width: 1201px) {
  .more-news.cb:last-of-type:not(.banner-basic) {
    padding-bottom: 12rem;
  }
}

.news-newsletter-card {
  border: 1px solid #E5E7E8;
}
.news-newsletter-card input[type=email] {
  margin-bottom: 0;
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(80, 83, 90, 0.5);
  display: none;
  -webkit-backface-visibility: hidden;
}
.overlay--submenu {
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: visibility 300ms ease-out, opacity 300ms ease-out;
}
.overlay--submenu--loaded {
  display: block;
}
.overlay--submenu--visible {
  opacity: 1;
  visibility: visible;
}
.overlay--country-select {
  z-index: 1050;
  display: none;
  align-items: center;
  justify-content: center;
}
.overlay--form-popover {
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .overlay--form-popover .overlay__scroll-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .overlay--form-popover .overlay__scroll-container {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
.overlay--form-popover .overlay__inner {
  max-width: 60rem;
}
@media (min-width: 768px) {
  .overlay--form-popover .overlay__inner {
    padding: 3.75rem 3rem 0;
  }
}
@media (min-width: 1024px) {
  .overlay--form-popover .overlay__inner {
    padding: 5.25rem 4.5rem 0;
  }
}
@media (min-width: 1201px) {
  .overlay--form-popover .overlay__inner {
    width: 90rem;
    padding: 6.75rem 6rem 0;
  }
}
.overlay--form-popover .gform_title {
  width: 100%;
  text-align: center;
}
.overlay--form-popover .gform_confirmation_message {
  padding-bottom: 3rem;
}
.overlay__close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
@media (min-width: 768px) {
  .overlay__close {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.overlay__inner {
  background-color: #fff;
  border-bottom: 5px solid #216CA8;
  border-radius: 0.5rem;
  padding: 2.25rem 1.5rem;
  margin: 9rem 0.75rem 0.75rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .overlay__inner {
    padding: 3.75rem 3rem;
    margin: 0;
    width: 80rem;
  }
}
@media (min-width: 1024px) {
  .overlay__inner {
    padding: 5.25rem 4.5rem;
  }
}
@media (min-width: 1201px) {
  .overlay__inner {
    width: 90rem;
    padding: 6.75rem 6rem;
  }
}

.page-link-card {
  position: relative;
  display: block;
  flex: 1;
  overflow: hidden;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.page-link-card::before {
  display: block;
  content: "";
  padding-bottom: 60%;
}
@media (min-width: 768px) {
  .page-link-card::before {
    padding-bottom: 75%;
  }
}
@media (min-width: 1024px) {
  .page-link-card::before {
    padding-bottom: 100%;
  }
}
.page-link-card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-link-card__content {
  position: absolute;
  top: 0;
  right: -0.2rem;
  bottom: -0.2rem;
  left: -0.2rem;
  z-index: 2;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding: 1.5rem;
  background-image: url("../images/swush-page-link-card.svg");
  background-position: left bottom -25%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (min-width: 481px) {
  .page-link-card__content {
    padding: 2.25rem;
  }
}
@media (min-width: 768px) {
  .page-link-card__content {
    background-position: left bottom;
  }
}
@media (min-width: 1024px) {
  .page-link-card__content {
    padding: 3rem 2.25rem;
  }
}
.page-link-card__title {
  font-size: 1.9rem;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 1.4736842105;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .page-link-card__title {
    font-size: 2.2rem;
  }
}
.page-link-card--link .page-link-card__title::after {
  content: "\f178";
  display: inline-block;
  margin-left: 1rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  color: #fff;
  transform: translateX(0) translateY(5%);
  transition: border 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, text-shadow 0.2s ease-out, box-shadow 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out, transform 0.3s ease;
}
.page-link-card--link:hover {
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
}
.page-link-card--link:hover .page-link-card__title::after {
  transform: translateX(1rem) translateY(5%);
}
@media (min-width: 1024px) {
  .page-link-card--medium::before {
    padding-bottom: 64.9122807018%;
  }
}
@media (min-width: 1024px) {
  .page-link-card--medium .page-link-card__content {
    background-image: url("../images/swush-page-link-card-large.svg");
    background-size: 70% auto;
  }
}
@media (min-width: 1024px) {
  .page-link-card--large::before {
    padding-bottom: 47.2775564409%;
  }
}
@media (min-width: 1024px) {
  .page-link-card--large .page-link-card__content {
    background-image: url("../images/swush-page-link-card-large.svg");
    background-size: 60% auto;
  }
}
@media (min-width: 1024px) {
  .page-link-card--full::before {
    padding-bottom: 31.6239316239%;
  }
}
@media (min-width: 1024px) {
  .page-link-card--full .page-link-card__content {
    background-image: url("../images/swush-page-link-card-large.svg");
    background-size: 55% auto;
  }
}

.page-link {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 65%;
  border-radius: 0.6rem;
  background: #CDD0D4;
  border: 1px solid #CDD0D4;
  color: #3A3C3F;
}
.page-link:hover, .page-link:active, .page-link:focus-visible {
  color: #216CA8;
}
.page-link:hover .page-link__title__icon, .page-link:active .page-link__title__icon, .page-link:focus-visible .page-link__title__icon {
  color: #216CA8;
}
.page-link:hover {
  border-color: #C5DEF2;
}
.page-link:hover .page-link__title {
  background-color: #F2F8FD;
}
.page-link:active, .page-link:focus-visible {
  border-color: #91C3E8;
}
.page-link:active .page-link__title, .page-link:focus-visible .page-link__title {
  background-color: #E5F3FF;
}
.page-link__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 0.6rem;
}
.page-link__image img {
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-link__title {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  z-index: 2;
  padding: 1.5rem;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #fff;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
@media (min-width: 768px) {
  .page-link__title {
    padding: 3rem;
  }
}
.page-link__title__icon {
  vertical-align: -10%;
  margin-left: 0.5rem;
  color: #3088C7;
  transition: color 0.2s ease-out;
}

.page-content h2:not([class*=pt-]), .page-content .h2:not([class*=pt-]),
.page-content h3:not([class*=pt-]), .page-content .h3:not([class*=pt-]),
.page-content h4:not([class*=pt-]), .page-content .h4:not([class*=pt-]),
.post-content h2:not([class*=pt-]),
.post-content .h2:not([class*=pt-]),
.post-content h3:not([class*=pt-]),
.post-content .h3:not([class*=pt-]),
.post-content h4:not([class*=pt-]),
.post-content .h4:not([class*=pt-]) {
  padding-top: 2rem;
}
.page-content .h2:not([class*=pt-]),
.post-content .h2:not([class*=pt-]) {
  padding-top: 1.6rem;
}
.page-content h3:not([class*=pb-]),
.page-content .h3:not([class*=pb-]),
.post-content h3:not([class*=pb-]),
.post-content .h3:not([class*=pb-]) {
  padding-bottom: 1rem;
}
.page-content__line-swush,
.post-content__line-swush {
  width: 100%;
  height: 0;
  padding-bottom: 22.34375%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/line-swush.svg");
}
.page-content__line-swush--behind-content,
.post-content__line-swush--behind-content {
  position: relative;
  z-index: -1;
  margin-top: -25%;
}
@media (min-width: 1024px) {
  .page-content--manual__content,
.post-content--manual__content {
    padding-left: 4.5rem;
  }
}
.page-content ul + p,
.post-content ul + p {
  padding-top: 0;
}
.page-content ul:last-child,
.post-content ul:last-child {
  margin-bottom: 0;
}
.page-content p:last-child,
.post-content p:last-child {
  padding-bottom: 0;
}

.page-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1201px) {
  .page-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.page-container + .page-container {
  padding-top: 0;
}
.page-container--top {
  padding-top: 3rem;
}
@media (min-width: 1201px) {
  .page-container--top {
    padding-top: 6rem;
  }
}
.page-container--with-breadcrumbs {
  padding-top: 0;
}
.page-container--charge {
  position: relative;
}
.page-container--charge::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #00B2BB;
}
.page-container--fuel_retail {
  position: relative;
}
.page-container--fuel_retail::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #E30613;
}
.page-container--fleet {
  position: relative;
}
.page-container--fleet::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #F39200;
}
.page-container--wash {
  position: relative;
}
.page-container--wash::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #E5E7E8;
}
.page-container--systems {
  position: relative;
}
.page-container--systems::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #2B417B;
}
.page-container--gas {
  position: relative;
}
.page-container--gas::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #00632E;
}
.page-container--industry {
  position: relative;
}
.page-container--industry::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #00632E;
}
.page-container--technics {
  position: relative;
}
.page-container--technics::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #00B6ED;
}
.page-container--Technics {
  position: relative;
}
.page-container--Technics::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #00B6ED;
}
.page-container--solar {
  position: relative;
}
.page-container--solar::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #ffd900;
}
.page-container--power {
  position: relative;
}
.page-container--power::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  display: block;
  border-top: 4px solid #036468;
}

.posts-loader {
  display: none;
  text-align: center;
  color: #81868F;
  position: relative;
}
.posts-loader .fal {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.pagination {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 3rem 0;
}
.pagination .nav-links {
  display: flex;
  align-items: center;
  justify-items: center;
  gap: 0.75rem;
}
.pagination .nav-links .page-numbers {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  color: #81868F;
  border: 1px solid #81868F;
  border-radius: 50%;
  line-height: 3rem;
}
.pagination .nav-links .page-numbers.current {
  color: #216CA8;
  border-color: #216CA8;
  font-weight: 500;
}
.pagination .nav-links .page-numbers.dots {
  color: #81868F;
  border-color: #81868F;
}
.pagination .nav-links .page-numbers:hover {
  border-color: #216CA8;
}

.panel {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0.3rem 1.5rem 0 rgba(0, 0, 0, 0.25);
  display: block;
  width: 100%;
  position: relative;
  color: #3A3C3F;
  padding: 2.5rem 2rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  .panel {
    padding: 3.5rem 4rem 25%;
  }
}
.panel:before {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  background-color: #666B74;
  z-index: 10;
}
.panel--img-wrapper {
  padding: 0;
  background: #F5F6F6;
}
.panel--img-wrapper--contain {
  padding: 2rem;
}
.panel--img-wrapper .img-contain {
  -o-object-position: center;
     object-position: center;
}
.panel--background-image {
  background-position: center;
  background-repeat: no-repeat;
}
.panel--background-image:after {
  background-image: url("../images/panel-background-white.svg");
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel--background-image--cover {
  background-size: cover;
}
.panel--background-image--contain {
  background-size: auto 95%;
  background-position: center bottom;
}
.panel--background-image--contain-horizontal {
  background-position: center;
  background-size: 95% auto;
}
.panel--background-svg {
  background-color: #F5F6F6;
}
.panel--background-svg svg {
  position: absolute;
  top: -20%;
  width: 140%;
  left: 12.5%;
}
@media (min-width: 481px) {
  .panel--background-svg svg {
    width: 100%;
  }
}
@media (min-width: 1201px) {
  .panel--background-svg svg {
    width: 140%;
    top: -15%;
  }
}
.panel--full-height {
  height: 100%;
}
@media (max-width: 1023px) {
  .panel--min-height {
    height: 75vh;
  }
}
.panel--set-height {
  height: 30rem;
}
@media (min-width: 481px) {
  .panel--set-height {
    height: 40rem;
  }
}
@media (min-width: 768px) {
  .panel--set-height {
    height: 50rem;
  }
}
.panel--flip-bg:after {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.panel--no-shadow {
  box-shadow: none;
}
.panel--bg-red:before, .panel--bg-primary:before {
  background-color: #CDD0D4;
}
.panel__inner {
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
  .panel__inner {
    flex-flow: row nowrap;
  }
}
.panel__content {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .panel__content {
    flex: 1 1 95%;
  }
}
.panel__aside {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .panel__aside {
    flex: 1 1 auto;
  }
}
.panel + .button {
  transform: translateY(-100%) translateX(-50%);
  margin-left: 50%;
}

.partners {
  padding-top: 2.4rem;
  padding-bottom: calc(2.4rem - 1px);
  border-bottom: 1px solid #CDD0D4;
}
@media (min-width: 1024px) {
  .partners {
    padding-top: 3.2rem;
    padding-bottom: calc(3.2rem - 1px);
  }
}
.partners__label {
  padding-left: 15px;
  padding-right: 15px;
  flex: 1 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .partners__label {
    flex: 1 0 auto;
    width: 50%;
  }
}
.partners__list {
  padding-left: 15px;
  padding-right: 15px;
  flex: 1 0 auto;
  list-style: none;
  margin: unset;
  display: flex;
  flex: 1 0 auto;
  width: 100%;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .partners__list {
    flex: 1 0 auto;
    width: 50%;
    margin-top: unset;
  }
}
.partners__item {
  padding: calc(1.6rem - 1px);
  border-radius: 0.4rem;
  border: 1px solid #CDD0D4;
  max-width: 12rem;
}
.partners__item img {
  display: block;
  aspect-ratio: 80/32;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-categories-list {
  position: absolute;
  z-index: 10;
  width: 100%;
  margin: 0;
  list-style: none;
  border: 1px solid #E5E7E8;
  border-top: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media (min-width: 768px) {
  .product-categories-list {
    position: static;
    border: 0;
    border-radius: 0;
  }
}
.product-categories-list__mobile-toggle {
  width: 100%;
  border: 1px solid #E5E7E8;
}
.product-categories-list__mobile-toggle:hover {
  color: #81868F;
}
.product-categories-list__mobile-toggle:active {
  color: #216CA8;
}
.product-categories-list__mobile-toggle__icon {
  transition: transform 0.2s ease-out;
}
.product-categories-list__mobile-toggle[aria-expanded=true] {
  color: #216CA8;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.product-categories-list__mobile-toggle[aria-expanded=true] .product-categories-list__mobile-toggle__icon {
  transform: rotate(180deg);
}
.product-categories-list__item {
  margin-bottom: 0.2rem;
}
.product-categories-list__item a {
  display: block;
  padding: 1.05rem 1.8rem;
  font-size: 1.5rem;
  color: #81868F;
  background-color: #fff;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.product-categories-list__item:hover a, .product-categories-list__item--active a {
  background-color: #E5F3FF;
  color: #216CA8;
}

.product-category-banner__image {
  position: relative;
  height: 0;
  padding-bottom: 25.1004016064%;
  overflow: hidden;
  border-radius: 0.6rem;
}
.product-category-banner__image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.scroll-menu {
  position: sticky;
  top: 0;
  z-index: 990;
  font-size: 1.6rem;
  line-height: 1.17;
  transform: translateY(0);
  transition: transform 0.6s ease, opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.6s ease;
  top: calc(10.4rem);
}
.admin-bar .scroll-menu {
  top: calc(10.4rem + 46px);
}
@media (min-width: 768px) {
  .scroll-menu {
    top: 11.4rem;
  }
  .admin-bar .scroll-menu {
    top: calc(11.4rem + 32px);
  }
}
@media (min-width: 1024px) {
  .scroll-menu {
    top: 11.4rem;
  }
  .admin-bar .scroll-menu {
    top: calc(11.4rem + 32px);
  }
}
@media (min-width: 1201px) {
  .scroll-menu {
    overflow: clip;
  }
}
.scroll-menu--background-charge {
  background-color: #00B2BB;
}
.scroll-menu--background-fuel_retail {
  background-color: #E30613;
}
.scroll-menu--background-fleet {
  background-color: #F39200;
}
.scroll-menu--background-wash {
  background-color: #E5E7E8;
}
.scroll-menu--background-systems {
  background-color: #2B417B;
}
.scroll-menu--background-gas {
  background-color: #00632E;
}
.scroll-menu--background-industry {
  background-color: #00632E;
}
.scroll-menu--background-technics {
  background-color: #00B6ED;
}
.scroll-menu--background-Technics {
  background-color: #00B6ED;
}
.scroll-menu--background-solar {
  background-color: #ffd900;
}
.scroll-menu--background-power {
  background-color: #036468;
}
.header--not-top .scroll-menu {
  box-shadow: 0 0.1rem 1.5rem rgba(0, 0, 0, 0.12);
}
.header--unpinned.header--not-top .scroll-menu, .scroll-menu.scroll-menu--transitioned {
  transform: translateY(-10.4rem);
}
@media (min-width: 768px) {
  .header--unpinned.header--not-top .scroll-menu, .scroll-menu.scroll-menu--transitioned {
    transform: translateY(-11.4rem);
  }
}
@media (min-width: 1024px) {
  .header--unpinned.header--not-top .scroll-menu, .scroll-menu.scroll-menu--transitioned {
    transform: translateY(-11.4rem);
  }
}
.scroll-menu__inner {
  min-height: 6rem;
}
.scroll-menu__title {
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
  align-self: stretch;
  padding-bottom: 0.1rem;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .scroll-menu__title {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .scroll-menu__title {
    min-width: 18rem;
  }
}
.scroll-menu__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 5vw;
  background-color: #1B3F5F;
  transform: translateX(-90%);
}
@media (min-width: 1201px) {
  .scroll-menu__title::before {
    width: 20vw;
  }
}
@media (min-width: 105em) {
  .scroll-menu__title::before {
    width: 35vw;
  }
}
.scroll-menu__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.4rem;
  bottom: 0;
  display: block;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 14px solid #1B3F5F;
}
.scroll-menu__title--background-charge {
  background-color: #009aa2;
}
.scroll-menu__title--background-charge::before {
  background-color: #009aa2;
}
.scroll-menu__title--background-charge::after {
  border-left-color: #009aa2;
}
.scroll-menu__title--background-fuel_retail {
  background-color: #ca0511;
}
.scroll-menu__title--background-fuel_retail::before {
  background-color: #ca0511;
}
.scroll-menu__title--background-fuel_retail::after {
  border-left-color: #ca0511;
}
.scroll-menu__title--background-fleet {
  background-color: #da8300;
}
.scroll-menu__title--background-fleet::before {
  background-color: #da8300;
}
.scroll-menu__title--background-fleet::after {
  border-left-color: #da8300;
}
.scroll-menu__title--background-wash {
  background-color: #d7dbdc;
}
.scroll-menu__title--background-wash::before {
  background-color: #d7dbdc;
}
.scroll-menu__title--background-wash::after {
  border-left-color: #d7dbdc;
}
.scroll-menu__title--background-systems {
  background-color: #243768;
}
.scroll-menu__title--background-systems::before {
  background-color: #243768;
}
.scroll-menu__title--background-systems::after {
  border-left-color: #243768;
}
.scroll-menu__title--background-gas {
  background-color: #004a22;
}
.scroll-menu__title--background-gas::before {
  background-color: #004a22;
}
.scroll-menu__title--background-gas::after {
  border-left-color: #004a22;
}
.scroll-menu__title--background-industry {
  background-color: #004a22;
}
.scroll-menu__title--background-industry::before {
  background-color: #004a22;
}
.scroll-menu__title--background-industry::after {
  border-left-color: #004a22;
}
.scroll-menu__title--background-technics {
  background-color: #00a2d4;
}
.scroll-menu__title--background-technics::before {
  background-color: #00a2d4;
}
.scroll-menu__title--background-technics::after {
  border-left-color: #00a2d4;
}
.scroll-menu__title--background-Technics {
  background-color: #00a2d4;
}
.scroll-menu__title--background-Technics::before {
  background-color: #00a2d4;
}
.scroll-menu__title--background-Technics::after {
  border-left-color: #00a2d4;
}
.scroll-menu__title--background-solar {
  background-color: #e6c300;
}
.scroll-menu__title--background-solar::before {
  background-color: #e6c300;
}
.scroll-menu__title--background-solar::after {
  border-left-color: #e6c300;
}
.scroll-menu__title--background-power {
  background-color: #024c4f;
}
.scroll-menu__title--background-power::before {
  background-color: #024c4f;
}
.scroll-menu__title--background-power::after {
  border-left-color: #024c4f;
}
.scroll-menu__items {
  overflow: auto;
  list-style: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}
.scroll-menu__items::-webkit-scrollbar {
  display: none;
}
.scroll-menu__items li {
  list-style: none;
}
.scroll-menu__items a {
  color: #fff;
  white-space: nowrap;
}
.text--text-primary .scroll-menu__items a {
  color: #3A3C3F;
}
.scroll-menu__items a:hover, .scroll-menu__items a.scrollspy__link--active {
  text-decoration: underline;
}
.scroll-menu__items--active a {
  opacity: 1;
}
.scroll-menu-new {
  position: sticky;
  top: -1px;
  z-index: 990;
}
.scroll-menu-new__sticky {
  padding-top: 1px;
  padding-bottom: 0;
  border-bottom: 1px solid #CDD0D4;
  transition: transform 0.6s ease, opacity 0.3s ease, visibility 0.3s ease, box-shadow 0.6s ease;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .scroll-menu-new .frame {
    align-items: center;
  }
}
.scroll-menu-new__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 100%;
  width: 100%;
  padding-top: 1.2rem;
  padding-left: 15px;
  padding-bottom: 1.2rem;
  padding-right: 15px;
}
@media (min-width: 1024px) {
  .scroll-menu-new__header {
    flex: 0 0 auto;
    width: auto;
    padding-right: 2rem;
  }
}
.scroll-menu-new__title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.002em;
}
.scroll-menu-new__toggle {
  padding: 0.4rem 0.8rem;
  margin: unset;
  font-size: unset;
  background: unset;
  border: unset;
  line-height: 24px;
  color: unset;
  text-shadow: unset;
}
@media (min-width: 1024px) {
  .scroll-menu-new__toggle {
    display: none;
  }
}
.scroll-menu-new__toggle:focus, .scroll-menu-new__toggle:hover {
  color: unset;
  border: unset;
  background: unset;
}
.scroll-menu-new__toggle:hover, .scroll-menu-new__toggle:focus-visible {
  outline: 1px solid #216CA8;
}
.scroll-menu-new__toggle span {
  position: relative;
  display: inline-block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.3333333333;
  padding-right: 2.4rem;
}
.scroll-menu-new__toggle span::after {
  content: "\f107";
  display: block;
  width: 1.6rem;
  text-align: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 1.8rem;
  color: var(--header-menu-arrow-color);
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-43%);
  transition: transform 0.2s ease-out, visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.scroll-menu-new__toggle[aria-expanded=true] span::after {
  transform: translateY(-43%) rotate(180deg);
}
.scroll-menu-new__list {
  list-style: none;
  margin: unset;
  padding-top: unset;
  padding-left: 15px;
  padding-bottom: unset;
  padding-right: 15px;
}
@media (min-width: 1024px) {
  .scroll-menu-new__list {
    display: flex;
    flex: 1 0 auto;
    padding-left: 0;
  }
}
.scroll-menu-new__item {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 1024px) {
  .scroll-menu-new__item {
    padding-top: unset;
    padding-right: 2rem;
    padding-bottom: unset;
    padding-left: 2rem;
  }
}
.scroll-menu-new__link {
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.1111111111;
  color: #3A3C3F;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 1024px) {
  .scroll-menu-new__link {
    padding-top: 1.6rem;
    padding-right: 0.2rem;
    padding-bottom: 1.6rem;
    padding-left: 0.2rem;
    font-size: 1.6rem;
    line-height: 1.5;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .scroll-menu-new__link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.3rem;
  }
}
@media (min-width: 1024px) {
  .scroll-menu-new__link:focus::after, .scroll-menu-new__link:hover::after {
    background-color: #216CA8;
  }
}
.scroll-menu-new__link:focus-visible {
  border-radius: 2px;
  outline-offset: 0.4rem;
  outline: 1px solid #216CA8;
}
@media (min-width: 1024px) {
  .scroll-menu-new__link:focus-visible {
    outline-offset: 0.2rem;
  }
}
.scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
  border-bottom: unset;
}
.admin-bar .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
  transform: translateY(48px);
}
@media (min-width: 768px) {
  .admin-bar .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
    transform: translateY(32px);
  }
}
.header--pinned .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
  transform: translateY(104px);
}
@media (min-width: 768px) {
  .header--pinned .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
    transform: translateY(114px);
  }
}
.admin-bar.header--pinned .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
  transform: translateY(150px);
}
@media (min-width: 768px) {
  .admin-bar.header--pinned .scroll-menu-new.is-pinned.is-top .scroll-menu-new__sticky {
    transform: translateY(146px);
  }
}
.scroll-menu-new--charge.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E6F7F8;
}
.scroll-menu-new--fuel_retail.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #FCE6E8;
}
.scroll-menu-new--fleet.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #FEF4E6;
}
.scroll-menu-new--wash.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #F5F6F6;
}
.scroll-menu-new--systems.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #EAECF2;
}
.scroll-menu-new--gas.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E6EFEA;
}
.scroll-menu-new--industry.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E6EFEA;
}
.scroll-menu-new--technics.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E6F8FD;
}
.scroll-menu-new--Technics.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E6F8FD;
}
.scroll-menu-new--solar.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #FFFBE5;
}
.scroll-menu-new--power.is-pinned.is-top .scroll-menu-new__sticky:has([hidden]) {
  background-color: #E4EBEE;
}
.scroll-menu-new--charge .scroll-menu-new__link:focus::after, .scroll-menu-new--charge .scroll-menu-new__link:hover::after {
  background-color: #00B2BB;
}
.scroll-menu-new--charge .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #00B2BB;
}
.scroll-menu-new--fuel_retail .scroll-menu-new__link:focus::after, .scroll-menu-new--fuel_retail .scroll-menu-new__link:hover::after {
  background-color: #E30613;
}
.scroll-menu-new--fuel_retail .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #E30613;
}
.scroll-menu-new--fleet .scroll-menu-new__link:focus::after, .scroll-menu-new--fleet .scroll-menu-new__link:hover::after {
  background-color: #F39200;
}
.scroll-menu-new--fleet .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #F39200;
}
.scroll-menu-new--wash .scroll-menu-new__link:focus::after, .scroll-menu-new--wash .scroll-menu-new__link:hover::after {
  background-color: #E5E7E8;
}
.scroll-menu-new--wash .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #E5E7E8;
}
.scroll-menu-new--systems .scroll-menu-new__link:focus::after, .scroll-menu-new--systems .scroll-menu-new__link:hover::after {
  background-color: #2B417B;
}
.scroll-menu-new--systems .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #2B417B;
}
.scroll-menu-new--gas .scroll-menu-new__link:focus::after, .scroll-menu-new--gas .scroll-menu-new__link:hover::after {
  background-color: #00632E;
}
.scroll-menu-new--gas .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #00632E;
}
.scroll-menu-new--industry .scroll-menu-new__link:focus::after, .scroll-menu-new--industry .scroll-menu-new__link:hover::after {
  background-color: #00632E;
}
.scroll-menu-new--industry .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #00632E;
}
.scroll-menu-new--technics .scroll-menu-new__link:focus::after, .scroll-menu-new--technics .scroll-menu-new__link:hover::after {
  background-color: #00B6ED;
}
.scroll-menu-new--technics .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #00B6ED;
}
.scroll-menu-new--Technics .scroll-menu-new__link:focus::after, .scroll-menu-new--Technics .scroll-menu-new__link:hover::after {
  background-color: #00B6ED;
}
.scroll-menu-new--Technics .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #00B6ED;
}
.scroll-menu-new--solar .scroll-menu-new__link:focus::after, .scroll-menu-new--solar .scroll-menu-new__link:hover::after {
  background-color: #ffd900;
}
.scroll-menu-new--solar .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #ffd900;
}
.scroll-menu-new--power .scroll-menu-new__link:focus::after, .scroll-menu-new--power .scroll-menu-new__link:hover::after {
  background-color: #036468;
}
.scroll-menu-new--power .scroll-menu-new__link.scrollspy__link--active::after {
  background-color: #036468;
}

.scrollspy {
  font-size: 1.4rem;
  position: sticky;
  top: 12.2rem;
  font-weight: 500;
  padding: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .scrollspy {
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .scrollspy {
    top: 12.2rem;
  }
}
.scrollspy__menu {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.scrollspy__menu ul {
  list-style: none;
  margin: 0;
}
.scrollspy__menu ul.sub-menu {
  padding-left: 1.2rem;
  list-style: none;
}
.scrollspy__menu ul.sub-menu li {
  position: relative;
  padding-left: 1.5rem;
}
.scrollspy__menu ul li a {
  display: block;
  line-height: 1.375;
  color: #3A3C3F;
}
.scrollspy__menu ul li a:hover {
  color: #216CA8;
}
.scrollspy__menu ul li.current-page-ancestor > a, .scrollspy__menu ul li.current-menu-ancestor > a, .scrollspy__menu ul li.current-menu-parent > a, .scrollspy__menu ul li.current-page-parent > a, .scrollspy__menu ul li.current-menu-item > a {
  color: #216CA8;
}
.scrollspy__menu ul li.current-page-ancestor > a:hover, .scrollspy__menu ul li.current-menu-ancestor > a:hover, .scrollspy__menu ul li.current-menu-parent > a:hover, .scrollspy__menu ul li.current-page-parent > a:hover, .scrollspy__menu ul li.current-menu-item > a:hover {
  color: #1B4A71;
}
.scrollspy a.scrollspy__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  padding: 1rem 0;
  color: #424448;
  font-weight: 500;
  line-height: 1.1666666667;
  font-size: 1.8rem;
  border-bottom: 1px solid #E5E7E8;
}
.scrollspy a.scrollspy__link:hover {
  color: #216CA8;
}
.scrollspy a.scrollspy__link--active {
  color: #216CA8;
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1025;
  display: none;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .search-overlay {
    top: 3.4rem;
    height: calc(100vh - 3.4rem);
  }
}
.search-overlay__search-input, .search-overlay__header {
  height: 6.4rem;
}
@media (min-width: 768px) {
  .search-overlay__search-input, .search-overlay__header {
    height: 8rem;
  }
}
.search-overlay__header {
  width: 100%;
}
.search-overlay__form {
  width: 100%;
  margin: 0;
}
.search-overlay__form input[type=search] {
  background: #fff url("../images/search-icon.svg") no-repeat 1.5rem center;
  background-size: 1.7rem auto;
  color: #50535A;
  margin: 0;
  padding: 1rem 1.8rem 1rem 4.5rem;
  border: none;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  outline: none;
}
.search-overlay__content {
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  background-color: transparent;
  padding: 5rem 4rem;
  transition: opacity 0.25s ease-in-out;
  max-height: calc(100vh - 6.4rem);
}
@media (min-width: 768px) {
  .search-overlay__content {
    padding: 5rem 8rem;
    max-height: calc(100vh - 11.4rem);
  }
}
@media (min-width: 1024px) {
  .search-overlay__content {
    max-height: calc(100vh - 11.4rem);
  }
}
.search-overlay__content--initialised {
  visibility: visible;
  opacity: 1;
  background-color: #F5F6F6;
}
.search-overlay__close-button {
  font-size: 1.5rem;
}
.search-overlay__close-button:hover {
  cursor: pointer;
  color: #216CA8;
  background-color: transparent;
}
.search-overlay .global-header {
  display: none;
}

.search-overlay-results {
  height: 100%;
  overflow: auto;
}
.search-overlay-results__inner {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
}
@media (min-width: 768px) {
  .search-overlay-results__inner {
    flex-direction: row;
  }
}
.search-overlay-results__block-right, .search-overlay-results__block-left {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .search-overlay-results__block-right, .search-overlay-results__block-left {
    flex: 0 0 50%;
  }
}
.search-overlay-results__title {
  color: #666B74;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
}
.search-overlay-results__title i.far {
  font-size: 1.4rem;
  padding-right: 0.5rem;
}
.search-overlay-results__list {
  font-size: 1.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-overlay-results__list li {
  padding-bottom: 1.5rem;
}
.search-overlay-results__list li a {
  color: #50535A;
}
.search-overlay-results__list li a:focus-visible {
  outline: 2px dotted #1C5788;
  outline-offset: 2px;
}
.search-overlay-results__list li span {
  display: block;
}

.search-results {
  min-height: 40vh;
}
.search-results__group {
  border-bottom: 2px solid #E5E7E8;
  padding: 4.5rem 1.5rem;
}
.search-results__group:last-of-type {
  border-bottom: 0;
}
.search-results__button a {
  color: #666B74;
  font-size: 1.5rem;
}
.search-results__button a i {
  padding-right: 0.75rem;
}
.search-results__button--back-to-results {
  padding: 3rem 1.5rem 0;
}
.search-results__count {
  letter-spacing: 0.2rem;
  padding-left: 0.75rem;
}
.search-results__title {
  color: #666B74;
  font-size: 1.4rem;
  font-weight: 700;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}
.search-results__title i.far {
  font-size: 1.4rem;
  padding-right: 0.5rem;
}
.search-results__list {
  font-size: 1.7rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-results__list li {
  padding-bottom: 1.5rem;
}
.search-results__list li a {
  color: #50535A;
  font-weight: 400;
}
.search-results__list li span {
  display: block;
}

.search-results-banner {
  padding-top: 3rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .search-results-banner {
    padding-top: 6rem;
  }
}
.search-results-banner__count {
  color: #CDD0D4;
  padding-top: 1.5rem;
}
.search-results-banner__search-bar-form {
  margin: 0;
  padding: 0 1.5rem;
}
.search-results-banner__search-bar-form input[type=search] {
  background: #fff url("../images/search-icon.svg") no-repeat 1.5rem center;
  background-size: 1.7rem auto;
  border: solid 1px #E5E7E8;
  border-radius: 0.6rem;
  color: #50535A;
  margin: 0;
  padding: 2rem 1.8rem 2rem 4.5rem;
  transition: all 0.5s;
}
.search-results-banner__search-bar-form input[type=search]:focus {
  width: 100%;
}

.search__content {
  display: none;
}
.search__input {
  font-size: 1.5rem;
  display: block;
  font-weight: 400;
  padding: 1.4rem;
  line-height: 2rem;
  border-radius: 0.6rem;
  margin: 0;
  background-image: var(--header-search-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 1.7rem auto;
  width: auto;
  border: solid 1px #E5E7E8;
  color: #81868F;
  height: 4.4rem;
  min-width: 4.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .search__input {
    font-size: 1.7rem;
  }
}
@media (min-width: 1201px) {
  .search__input {
    height: auto;
    background-position: 1.5rem center;
    padding: 1.4rem 2rem 1.4rem 4rem;
    width: 100%;
    max-width: 15rem;
  }
}
@media (min-width: 80em) {
  .search__input {
    max-width: 17rem;
    padding: 1.4rem 3rem 1.4rem 4.8rem;
  }
}
.search__input span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  word-wrap: normal !important;
}
@media (min-width: 1201px) {
  .search__input span {
    border: initial;
    clip: unset;
    clip-path: unset;
    height: initial;
    width: initial;
    margin: initial;
    overflow: unset;
    padding: initial;
    position: unset;
    word-wrap: unset;
  }
}
.search__input--square {
  border-color: transparent;
  width: 4.4rem;
  height: 4.4rem;
  padding: 0.4rem;
}
@media (min-width: 1201px) {
  .search__input--square {
    background-position: center;
  }
}
.search__input--square span {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  word-wrap: normal !important;
}
@media (min-width: 1201px) {
  .search__input--square span {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    word-wrap: normal !important;
  }
}
.search__trigger:hover, .search__trigger:focus {
  background-color: transparent;
}

.slider {
  opacity: 0;
  transition: opacity 500ms ease;
}
.slider.slick-initialized {
  opacity: 1;
}
.slider .slide {
  padding: 0.9999999998rem;
  width: 32rem;
  height: 46rem;
}
.slider .slide .card--image {
  min-height: 20rem;
}
.slider .slide .card--image .card__image {
  height: 20rem;
}
@media (min-width: 768px) {
  .slider .slide .card--image .card__image {
    height: 20rem;
  }
}
.cb--related-products-slider .slider .slide {
  height: auto;
}
.slider .slide .frame {
  flex: 1;
  height: 100%;
}
.slider__navigation {
  z-index: 100;
  position: relative;
  align-items: center;
}
@media (min-width: 768px) {
  .cb--recent_news_and_cases .slider__navigation, .cb--latest_news .slider__navigation, .cb--recent_news .slider__navigation {
    margin: auto;
    height: 3rem;
  }
}
.slider__navigation .slick-dots {
  position: static;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  text-align: left;
  padding: 0;
}
.slider__navigation .slick-dots li {
  width: auto;
  height: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.slider__navigation .slick-dots li button {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #CDD0D4;
  border-radius: 0.5rem;
  transition: all 250ms ease-in-out;
  margin-bottom: 0;
}
.slider__navigation .slick-dots li button:before {
  content: none;
}
.slider__navigation .slick-dots li.slick-active button {
  opacity: 1;
  width: 1.8rem;
  background-color: #216CA8;
}
.slider__navigation .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: .8rem;
  --swiper-pagination-bullet-height: .8rem;
  border-radius: 0.5rem;
  transition: width 250ms ease-in-out;
}
.slider__navigation .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-width: 1.8rem;
}
.slider__dots {
  flex: 1 1 70%;
}
.slider__dots--right {
  flex: 1;
  text-align: right;
  margin-right: 1.2rem;
}
.slider__arrows {
  position: static;
  flex: 1 1 30%;
  display: none;
}
@media (min-width: 768px) {
  .slider__arrows {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
}
.slider__arrows--right {
  flex: 0 1 auto;
}
.slider__arrows button {
  position: static;
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0;
  transform: translate(0, 0);
  text-shadow: none;
}
.slider__arrows button:before {
  display: block;
  width: 3.2rem;
  font-family: "Font Awesome 6 Pro";
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  color: #666B74;
  text-align: center;
  text-rendering: auto;
  font-variant: normal;
}
.slider__arrows button.slick-prev:before {
  content: "\f104";
}
.slider__arrows button.slick-next:before {
  content: "\f105";
}
.slider__arrows button.swiper-button-lock {
  visibility: hidden;
}
.slider__arrows button:disabled {
  background: none;
  border: none;
}

.social-share {
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
}

.sticky-bar {
  position: fixed;
  bottom: 1.2rem;
  right: 0.8rem;
  left: 0.8rem;
  background: #1B4A71;
  z-index: 1020;
  padding: 1.2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.6rem;
  box-shadow: 0 0.8rem 1.8rem 0 rgba(27, 74, 113, 0.52);
  opacity: 0;
  visibility: hidden;
  transform: translateY(50%);
  transition: opacity 0.2s ease-out, visibility 0.2s ease-out, transform 0.2s ease-out;
}
.sticky-bar--active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .sticky-bar {
    padding: 1.2rem 4rem;
    right: 2.4rem;
    left: 2.4rem;
  }
}
@media (min-width: 1024px) {
  .sticky-bar {
    padding: 1.6rem 3.2rem;
    bottom: 2.4rem;
    right: 4rem;
    left: 4rem;
  }
}
.sticky-bar--with-chat {
  right: 10rem;
}
.sticky-bar__content {
  width: 100%;
  max-width: 109rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 768px) {
  .sticky-bar__content {
    align-items: center;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .sticky-bar__notification, .sticky-bar__excerpt {
    display: block;
    padding-right: 1.5rem;
    font-size: 1.7rem;
    font-weight: 500;
  }
}
.sticky-bar__notification p, .sticky-bar__excerpt p {
  padding: unset;
}
.sticky-bar__introduction {
  font-size: 1.9rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .sticky-bar__introduction {
    font-size: 2.2rem;
  }
}
.sticky-bar__buttons {
  flex: none;
  display: flex;
  gap: 1.5rem;
  flex-flow: row wrap;
}
.sticky-bar__buttons .button {
  flex: 1 0 auto;
  padding: 1.2rem;
  margin-right: unset;
}
@media (min-width: 768px) {
  .sticky-bar__buttons .button {
    padding: 1.4rem 3rem;
  }
}
.sticky-bar__button-primary:hover {
  background-color: #E5F3FF;
  border-color: #C5DEF2;
  color: #216CA8;
}
.sticky-bar__close {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(255, 255, 255, 0.4);
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3rem;
  text-align: center;
}
@media (min-width: 768px) {
  .sticky-bar__close {
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
  }
}
@media (min-width: 1024px) {
  .sticky-bar__close {
    right: 1rem;
  }
}
.sticky-bar__close:hover {
  color: rgba(255, 255, 255, 0.9);
}
.sticky-bar--notification .sticky-bar__notification {
  display: block;
}

body.page-template-template-contact-charge {
  background: #F5F6F6;
}

.page-form-charge {
  padding-bottom: 8rem;
}
@media (min-width: 1024px) {
  .page-form-charge {
    padding-bottom: 16rem;
  }
}
@media (min-width: 768px) {
  .page-form-charge__text {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .page-form-charge__text {
    padding-top: 10rem;
  }
}
.page-form-charge__form .gform_wrapper .gform_fields .gfield .gfield_label {
  display: none;
}

.a-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  border: 1px solid #E5E7E8;
  background: #fff;
  color: #3A3C3F;
}
.a-icon--primary-600 {
  background: #E5F3FF;
  border-color: #C5DEF2;
  color: #216CA8;
}

.a-logo {
  display: block;
  width: 10.4rem;
  height: 4.8rem;
  padding: 0.8rem;
  background-color: #fff;
  border: 1px solid #CDD0D4;
  border-radius: 0.6rem;
}
.a-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.a-skiplink {
  /* Remove the item from normal flow */
  position: absolute;
  /* Hide overflowing content after resizing */
  overflow: hidden;
  /* Clipping defines what part of an element should be displayed. */
  /* Deprecated clip property for older browsers */
  clip: rect(0 0 0 0);
  /* Set it to the smallest possible size (some screen readers ignore elements with zero height and width) */
  width: 1px;
  height: 1px;
  /* It seems like at the moment nobody is quite sure why margin: -1px is there. On top of that it seems to cause issues (see: https://github.com/h5bp/html5-boilerplate/issues/1985). */
  margin: -1px;
  padding: 0;
  /* Workaround for falsely pronounced, smushed text */
  white-space: nowrap;
  /* Reset any property that may change the elements size */
  border: 0;
  /* clip-path for newer browsers. inset(50%) defines an inset rectangle that makes the content disappear.  */
  clip-path: inset(50%);
}
.a-skiplink--focus:focus {
  position: fixed;
  z-index: 1020;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: visible;
  clip: unset;
  width: auto;
  height: auto;
  margin: 0;
  padding: 4px;
  border: 1px dotted #000;
  background-color: #fff;
  clip-path: none;
}