@charset "UTF-8";
/**
 * Swiper 6.5.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 23, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Created: 2025-03-25T11:13:20.383Z */ /* Created: 2025-03-25T11:13:20.383Z */
/**
 * Adds an automatically generated list of screen width
 * breakpoints to the $global-breakpoints map with:
 *
 *    from-breakpoint-a (as a min-width media query)
 *    upto-breakpoint-a (as a max-width media query)
 *
 *  ... and all possible combinations of:
 *
 *    from-breakpoint-a--upto-breakpoint-b (where breakpoint b > breakpoint a)
 *
 */
/**
 * A breakpoint mixin.
 * Source: IotaCSS iota-breakpoint
 */
/**
 * User specified breakpoint "boundaries".
 *
 * Adds width breakpoints to the $global-breakpoints map with:
 *
 *         breakpoint-a (as a min-width media query)
 *    from-breakpoint-a (as a min-width media query)
 *    upto-breakpoint-a (as a max-width media query)
 *
 *  ... and all possible combinations of:
 *
 *    from-breakpoint-a--upto-breakpoint-b (where breakpoint b > breakpoint a)
 */
.pl-0,
.px-0,
.p-0 {
  padding-left: 0px;
}

.pr-0,
.px-0,
.p-0 {
  padding-right: 0px;
}

.pt-0,
.py-0,
.p-0 {
  padding-top: 0px;
}

.pb-0,
.py-0,
.p-0 {
  padding-bottom: 0px;
}

.ml-0,
.mx-0,
.m-0 {
  margin-left: 0px;
}

.mr-0,
.mx-0,
.m-0 {
  margin-right: 0px;
}

.mt-0,
.my-0,
.m-0 {
  margin-top: 0px;
}

.mb-0,
.my-0,
.m-0 {
  margin-bottom: 0px;
}

.gap-0 {
  gap: 0px;
}

.pl-1,
.px-1,
.p-1 {
  padding-left: 4px;
}

.pr-1,
.px-1,
.p-1 {
  padding-right: 4px;
}

.pt-1,
.py-1,
.p-1 {
  padding-top: 4px;
}

.pb-1,
.py-1,
.p-1 {
  padding-bottom: 4px;
}

.ml-1,
.mx-1,
.m-1 {
  margin-left: 4px;
}

.mr-1,
.mx-1,
.m-1 {
  margin-right: 4px;
}

.mt-1,
.my-1,
.m-1 {
  margin-top: 4px;
}

.mb-1,
.my-1,
.m-1 {
  margin-bottom: 4px;
}

.gap-1 {
  gap: 4px;
}

.pl-2,
.px-2,
.p-2 {
  padding-left: 8px;
}

.pr-2,
.px-2,
.p-2 {
  padding-right: 8px;
}

.pt-2,
.py-2,
.p-2 {
  padding-top: 8px;
}

.pb-2,
.py-2,
.p-2 {
  padding-bottom: 8px;
}

.ml-2,
.mx-2,
.m-2 {
  margin-left: 8px;
}

.mr-2,
.mx-2,
.m-2 {
  margin-right: 8px;
}

.mt-2,
.my-2,
.m-2 {
  margin-top: 8px;
}

.mb-2,
.my-2,
.m-2 {
  margin-bottom: 8px;
}

.gap-2 {
  gap: 8px;
}

.pl-3,
.px-3,
.p-3 {
  padding-left: 12px;
}

.pr-3,
.px-3,
.p-3 {
  padding-right: 12px;
}

.pt-3,
.py-3,
.p-3 {
  padding-top: 12px;
}

.pb-3,
.py-3,
.p-3 {
  padding-bottom: 12px;
}

.ml-3,
.mx-3,
.m-3 {
  margin-left: 12px;
}

.mr-3,
.mx-3,
.m-3 {
  margin-right: 12px;
}

.mt-3,
.my-3,
.m-3 {
  margin-top: 12px;
}

.mb-3,
.my-3,
.m-3 {
  margin-bottom: 12px;
}

.gap-3 {
  gap: 12px;
}

.pl-4,
.px-4,
.p-4 {
  padding-left: 16px;
}

.pr-4,
.px-4,
.p-4 {
  padding-right: 16px;
}

.pt-4,
.py-4,
.p-4 {
  padding-top: 16px;
}

.pb-4,
.py-4,
.p-4 {
  padding-bottom: 16px;
}

.ml-4,
.mx-4,
.m-4 {
  margin-left: 16px;
}

.mr-4,
.mx-4,
.m-4 {
  margin-right: 16px;
}

.mt-4,
.my-4,
.m-4 {
  margin-top: 16px;
}

.mb-4,
.my-4,
.m-4 {
  margin-bottom: 16px;
}

.gap-4 {
  gap: 16px;
}

.pl-5,
.px-5,
.p-5 {
  padding-left: 20px;
}

.pr-5,
.px-5,
.p-5 {
  padding-right: 20px;
}

.pt-5,
.py-5,
.p-5 {
  padding-top: 20px;
}

.pb-5,
.py-5,
.p-5 {
  padding-bottom: 20px;
}

.ml-5,
.mx-5,
.m-5 {
  margin-left: 20px;
}

.mr-5,
.mx-5,
.m-5 {
  margin-right: 20px;
}

.mt-5,
.my-5,
.m-5 {
  margin-top: 20px;
}

.mb-5,
.my-5,
.m-5 {
  margin-bottom: 20px;
}

.gap-5 {
  gap: 20px;
}

.pl-6,
.px-6,
.p-6 {
  padding-left: 24px;
}

.pr-6,
.px-6,
.p-6 {
  padding-right: 24px;
}

.pt-6,
.py-6,
.p-6 {
  padding-top: 24px;
}

.pb-6,
.py-6,
.p-6 {
  padding-bottom: 24px;
}

.ml-6,
.mx-6,
.m-6 {
  margin-left: 24px;
}

.mr-6,
.mx-6,
.m-6 {
  margin-right: 24px;
}

.mt-6,
.my-6,
.m-6 {
  margin-top: 24px;
}

.mb-6,
.my-6,
.m-6 {
  margin-bottom: 24px;
}

.gap-6 {
  gap: 24px;
}

.pl-7,
.px-7,
.p-7 {
  padding-left: 28px;
}

.pr-7,
.px-7,
.p-7 {
  padding-right: 28px;
}

.pt-7,
.py-7,
.p-7 {
  padding-top: 28px;
}

.pb-7,
.py-7,
.p-7 {
  padding-bottom: 28px;
}

.ml-7,
.mx-7,
.m-7 {
  margin-left: 28px;
}

.mr-7,
.mx-7,
.m-7 {
  margin-right: 28px;
}

.mt-7,
.my-7,
.m-7 {
  margin-top: 28px;
}

.mb-7,
.my-7,
.m-7 {
  margin-bottom: 28px;
}

.gap-7 {
  gap: 28px;
}

.pl-8,
.px-8,
.p-8 {
  padding-left: 32px;
}

.pr-8,
.px-8,
.p-8 {
  padding-right: 32px;
}

.pt-8,
.py-8,
.p-8 {
  padding-top: 32px;
}

.pb-8,
.py-8,
.p-8 {
  padding-bottom: 32px;
}

.ml-8,
.mx-8,
.m-8 {
  margin-left: 32px;
}

.mr-8,
.mx-8,
.m-8 {
  margin-right: 32px;
}

.mt-8,
.my-8,
.m-8 {
  margin-top: 32px;
}

.mb-8,
.my-8,
.m-8 {
  margin-bottom: 32px;
}

.gap-8 {
  gap: 32px;
}

.pl-9,
.px-9,
.p-9 {
  padding-left: 36px;
}

.pr-9,
.px-9,
.p-9 {
  padding-right: 36px;
}

.pt-9,
.py-9,
.p-9 {
  padding-top: 36px;
}

.pb-9,
.py-9,
.p-9 {
  padding-bottom: 36px;
}

.ml-9,
.mx-9,
.m-9 {
  margin-left: 36px;
}

.mr-9,
.mx-9,
.m-9 {
  margin-right: 36px;
}

.mt-9,
.my-9,
.m-9 {
  margin-top: 36px;
}

.mb-9,
.my-9,
.m-9 {
  margin-bottom: 36px;
}

.gap-9 {
  gap: 36px;
}

.pl-10,
.px-10,
.p-10 {
  padding-left: 40px;
}

.pr-10,
.px-10,
.p-10 {
  padding-right: 40px;
}

.pt-10,
.py-10,
.p-10 {
  padding-top: 40px;
}

.pb-10,
.py-10,
.p-10 {
  padding-bottom: 40px;
}

.ml-10,
.mx-10,
.m-10 {
  margin-left: 40px;
}

.mr-10,
.mx-10,
.m-10 {
  margin-right: 40px;
}

.mt-10,
.my-10,
.m-10 {
  margin-top: 40px;
}

.mb-10,
.my-10,
.m-10 {
  margin-bottom: 40px;
}

.gap-10 {
  gap: 40px;
}

.pl-11,
.px-11,
.p-11 {
  padding-left: 44px;
}

.pr-11,
.px-11,
.p-11 {
  padding-right: 44px;
}

.pt-11,
.py-11,
.p-11 {
  padding-top: 44px;
}

.pb-11,
.py-11,
.p-11 {
  padding-bottom: 44px;
}

.ml-11,
.mx-11,
.m-11 {
  margin-left: 44px;
}

.mr-11,
.mx-11,
.m-11 {
  margin-right: 44px;
}

.mt-11,
.my-11,
.m-11 {
  margin-top: 44px;
}

.mb-11,
.my-11,
.m-11 {
  margin-bottom: 44px;
}

.gap-11 {
  gap: 44px;
}

.pl-12,
.px-12,
.p-12 {
  padding-left: 48px;
}

.pr-12,
.px-12,
.p-12 {
  padding-right: 48px;
}

.pt-12,
.py-12,
.p-12 {
  padding-top: 48px;
}

.pb-12,
.py-12,
.p-12 {
  padding-bottom: 48px;
}

.ml-12,
.mx-12,
.m-12 {
  margin-left: 48px;
}

.mr-12,
.mx-12,
.m-12 {
  margin-right: 48px;
}

.mt-12,
.my-12,
.m-12 {
  margin-top: 48px;
}

.mb-12,
.my-12,
.m-12 {
  margin-bottom: 48px;
}

.gap-12 {
  gap: 48px;
}

.pl-13,
.px-13,
.p-13 {
  padding-left: 52px;
}

.pr-13,
.px-13,
.p-13 {
  padding-right: 52px;
}

.pt-13,
.py-13,
.p-13 {
  padding-top: 52px;
}

.pb-13,
.py-13,
.p-13 {
  padding-bottom: 52px;
}

.ml-13,
.mx-13,
.m-13 {
  margin-left: 52px;
}

.mr-13,
.mx-13,
.m-13 {
  margin-right: 52px;
}

.mt-13,
.my-13,
.m-13 {
  margin-top: 52px;
}

.mb-13,
.my-13,
.m-13 {
  margin-bottom: 52px;
}

.gap-13 {
  gap: 52px;
}

.pl-14,
.px-14,
.p-14 {
  padding-left: 56px;
}

.pr-14,
.px-14,
.p-14 {
  padding-right: 56px;
}

.pt-14,
.py-14,
.p-14 {
  padding-top: 56px;
}

.pb-14,
.py-14,
.p-14 {
  padding-bottom: 56px;
}

.ml-14,
.mx-14,
.m-14 {
  margin-left: 56px;
}

.mr-14,
.mx-14,
.m-14 {
  margin-right: 56px;
}

.mt-14,
.my-14,
.m-14 {
  margin-top: 56px;
}

.mb-14,
.my-14,
.m-14 {
  margin-bottom: 56px;
}

.gap-14 {
  gap: 56px;
}

.pl-15,
.px-15,
.p-15 {
  padding-left: 60px;
}

.pr-15,
.px-15,
.p-15 {
  padding-right: 60px;
}

.pt-15,
.py-15,
.p-15 {
  padding-top: 60px;
}

.pb-15,
.py-15,
.p-15 {
  padding-bottom: 60px;
}

.ml-15,
.mx-15,
.m-15 {
  margin-left: 60px;
}

.mr-15,
.mx-15,
.m-15 {
  margin-right: 60px;
}

.mt-15,
.my-15,
.m-15 {
  margin-top: 60px;
}

.mb-15,
.my-15,
.m-15 {
  margin-bottom: 60px;
}

.gap-15 {
  gap: 60px;
}

.pl-16,
.px-16,
.p-16 {
  padding-left: 64px;
}

.pr-16,
.px-16,
.p-16 {
  padding-right: 64px;
}

.pt-16,
.py-16,
.p-16 {
  padding-top: 64px;
}

.pb-16,
.py-16,
.p-16 {
  padding-bottom: 64px;
}

.ml-16,
.mx-16,
.m-16 {
  margin-left: 64px;
}

.mr-16,
.mx-16,
.m-16 {
  margin-right: 64px;
}

.mt-16,
.my-16,
.m-16 {
  margin-top: 64px;
}

.mb-16,
.my-16,
.m-16 {
  margin-bottom: 64px;
}

.gap-16 {
  gap: 64px;
}

.pl-17,
.px-17,
.p-17 {
  padding-left: 68px;
}

.pr-17,
.px-17,
.p-17 {
  padding-right: 68px;
}

.pt-17,
.py-17,
.p-17 {
  padding-top: 68px;
}

.pb-17,
.py-17,
.p-17 {
  padding-bottom: 68px;
}

.ml-17,
.mx-17,
.m-17 {
  margin-left: 68px;
}

.mr-17,
.mx-17,
.m-17 {
  margin-right: 68px;
}

.mt-17,
.my-17,
.m-17 {
  margin-top: 68px;
}

.mb-17,
.my-17,
.m-17 {
  margin-bottom: 68px;
}

.gap-17 {
  gap: 68px;
}

.pl-18,
.px-18,
.p-18 {
  padding-left: 72px;
}

.pr-18,
.px-18,
.p-18 {
  padding-right: 72px;
}

.pt-18,
.py-18,
.p-18 {
  padding-top: 72px;
}

.pb-18,
.py-18,
.p-18 {
  padding-bottom: 72px;
}

.ml-18,
.mx-18,
.m-18 {
  margin-left: 72px;
}

.mr-18,
.mx-18,
.m-18 {
  margin-right: 72px;
}

.mt-18,
.my-18,
.m-18 {
  margin-top: 72px;
}

.mb-18,
.my-18,
.m-18 {
  margin-bottom: 72px;
}

.gap-18 {
  gap: 72px;
}

.pl-19,
.px-19,
.p-19 {
  padding-left: 76px;
}

.pr-19,
.px-19,
.p-19 {
  padding-right: 76px;
}

.pt-19,
.py-19,
.p-19 {
  padding-top: 76px;
}

.pb-19,
.py-19,
.p-19 {
  padding-bottom: 76px;
}

.ml-19,
.mx-19,
.m-19 {
  margin-left: 76px;
}

.mr-19,
.mx-19,
.m-19 {
  margin-right: 76px;
}

.mt-19,
.my-19,
.m-19 {
  margin-top: 76px;
}

.mb-19,
.my-19,
.m-19 {
  margin-bottom: 76px;
}

.gap-19 {
  gap: 76px;
}

.pl-20,
.px-20,
.p-20 {
  padding-left: 80px;
}

.pr-20,
.px-20,
.p-20 {
  padding-right: 80px;
}

.pt-20,
.py-20,
.p-20 {
  padding-top: 80px;
}

.pb-20,
.py-20,
.p-20 {
  padding-bottom: 80px;
}

.ml-20,
.mx-20,
.m-20 {
  margin-left: 80px;
}

.mr-20,
.mx-20,
.m-20 {
  margin-right: 80px;
}

.mt-20,
.my-20,
.m-20 {
  margin-top: 80px;
}

.mb-20,
.my-20,
.m-20 {
  margin-bottom: 80px;
}

.gap-20 {
  gap: 80px;
}

@font-face {
  font-family: "YourNow", sans-serif;
  font-weight: 400;
  src: url('../fonts/YOURNOWSans-Regular.woff2?t=1750145466751') format("woff2"), url('../fonts/YOURNOWSans-Regular.woff?t=1750145466751') format("woff"), url('../fonts/YOURNOWSans-Regular.ttf?t=1750145466751') format("truetype");
}
@font-face {
  font-family: "YourNow", sans-serif;
  font-weight: 500;
  src: url('../fonts/YOURNOWSans-Medium.woff2?t=1750145466751') format("woff2"), url('../fonts/YOURNOWSans-Medium.woff?t=1750145466751') format("woff"), url('../fonts/YOURNOWSans-Medium.ttf?t=1750145466751') format("truetype");
}
@font-face {
  font-family: "YourNow", sans-serif;
  font-weight: 300;
  src: url('../fonts/YOURNOWSans-Light.woff2?t=1750145466751') format("woff2"), url('../fonts/YOURNOWSans-Light.woff?t=1750145466751') format("woff"), url('../fonts/YOURNOWSans-Light.ttf?t=1750145466751') format("truetype");
}
@font-face {
  font-family: "YourNow", sans-serif;
  font-weight: 700;
  src: url('../fonts/YOURNOWSans-Bold.woff2?t=1750145466751') format("woff2"), url('../fonts/YOURNOWSans-Bold.woff?t=1750145466751') format("woff"), url('../fonts/YOURNOWSans-Bold.ttf?t=1750145466751') format("truetype");
}
@font-face {
  font-family: "IconFont";
  font-weight: 400;
  src: url('../fonts/CN-Icon.woff2?t=1750145466751') format("woff2"), url('../fonts/CN-Icon.woff?t=1750145466751') format("woff"), url('../fonts/CN-Icon.ttf?t=1750145466751') format("truetype");
}
.dcs-hero-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-hero-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}

.dcs-hero-body-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
}
.dcs-hero-body-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
}

.dcs-headline-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-headline-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 45px;
  line-height: 50px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}

.dcs-headline-size-2 {
  font-family: "YourNow", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-headline-size-2--bold {
  font-family: "YourNow", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}

.dcs-headline-size-3 {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-headline-size-3--bold {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}

.dcs-headline-size-4 {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-headline-size-4--bold {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}

.dcs-button-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #1a1a1a;
}
.dcs-button-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #1a1a1a;
}

.dcs-body-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}
.dcs-body-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}

.dcs-body-size-2 {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}
.dcs-body-size-2--bold {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}

.dcs-caption-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}
.dcs-caption-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 10px;
  line-height: 17px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}

.dcs-link-size-1 {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none;
  text-decoration: underline;
  color: #1a1a1a;
}
.dcs-link-size-1--bold {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: none;
  text-decoration: underline;
  color: #1a1a1a;
}

.dcs-link-size-2 {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  text-transform: none;
  text-decoration: underline;
  color: #1a1a1a;
}
.dcs-link-size-2--bold {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 700;
  text-transform: none;
  text-decoration: underline;
  color: #1a1a1a;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
}

.dcs-color-text-title {
  color: #005478;
}

.dcs-color-text-primary {
  color: #1a1a1a;
}

.dcs-color-text-secondary {
  color: #4f5b60;
}

.dcs-color-text-tertiary {
  color: #a0aeb8;
}

.dcs-color-text-quartenary {
  color: #ffffff;
}

.dcs-color-text-inactive {
  color: #a0aeb8;
}

.dcs-color-text-error {
  color: #9b051c;
}

.dcs-color-text-warning {
  color: #f08c00;
}

.dcs-color-text-success {
  color: #109b05;
}

.dcs-background-color-primary {
  background-color: #005478;
}

.dcs-background-color-secondary {
  background-color: #327c9b;
}

.dcs-background-color-tertiary {
  background-color: #102f53;
}

.dcs-background-color-accent {
  background-color: #faa000;
}

.dcs-background-color-accent-light {
  background-color: #ffd481;
}

.dcs-background-color-error {
  background-color: #9b051c;
}

.dcs-background-color-error-light {
  background-color: #f6c9c6;
}

.dcs-background-color-warning {
  background-color: #fcbc4a;
}

.dcs-background-color-warning-light {
  background-color: #ffedcb;
}

.dcs-background-color-success {
  background-color: #109b05;
}

.dcs-background-color-success-light {
  background-color: #d7ecc3;
}

.dcs-background-color-neutral-lightest {
  background-color: #ffffff;
}

.dcs-background-color-neutral-lighter {
  background-color: #fbfbfc;
}

.dcs-background-color-neutral-light {
  background-color: #e9edf0;
}

.dcs-background-color-neutral {
  background-color: #d1d9de;
}

.dcs-background-color-neutral-dark {
  background-color: #a0aeb8;
}

.dcs-background-color-neutral-darker {
  background-color: #4f5b60;
}

.dcs-background-color-neutral-darkest {
  background-color: #1a1a1a;
}

.dcs-lp-background-color-primary {
  background-color: #fbfbfc;
}

.dcs-lp-background-color-secondary {
  background-color: #fbfbfc;
}

.dcs-lp-background-color-hero-dark {
  background-color: #102f53;
}

.dcs-lp-background-color-banner-dark {
  background-color: #102f53;
}

.dcs-lp-background-color-banner-light {
  background-color: #e9edf0;
}

.dcs-lp-background-color-tariff-title {
  background-color: #e9edf0;
}

.app-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 120px;
  margin-bottom: 120px;
}
.app-section__content h3 {
  font-family: "YourNow", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  margin-bottom: 8px;
}
.app-section__content div {
  margin-top: 32px;
  margin-bottom: 16px;
}
.app-section__content span {
  font-family: "YourNow", sans-serif;
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
  color: #a0aeb8;
}
.phone-carousel {
  display: flex;
  flex-direction: column;
  position: relative;
}
.phone-carousel__phone {
  background: url('../images/phone-bg.png?t=1750145466751');
  background-repeat: no-repeat;
  width: 100%;
  height: 625px;
  position: relative;
}
.phone-carousel__screens {
  position: absolute;
  top: 50px;
  left: 54px;
  max-width: 246px;
  height: 536px;
  overflow: hidden;
  border-radius: 36px;
}
.phone-carousel__screens > img {
  display: inherit;
  width: 246px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  height: 0;
}
.phone-carousel__screens > img.show-img {
  opacity: 1;
  height: auto;
}
.phone-carousel__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  top: 490px;
  width: 100%;
}
.phone-carousel__texts {
  padding-top: 24px;
  padding-bottom: 24px;
  border-radius: 16px;
  border: 2px solid #fbfbfc;
  background: rgba(251, 251, 252, 0.05);
  box-shadow: 0px 0px 24px 0px rgba(26, 26, 26, 0.1);
  -webkit-backdrop-filter: blur(28px);
          backdrop-filter: blur(28px);
  display: grid;
  grid-template-columns: repeat(8, 100%);
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
}
.phone-carousel__texts > div {
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  scroll-snap-align: start;
}
.phone-carousel__texts > div h4 {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  margin-bottom: 8px;
}
.phone-carousel__controls {
  display: flex;
  gap: 8px;
  align-items: center;
}
.phone-carousel__controls > div {
  flex-grow: 1;
  text-align: center;
}

@media screen and (min-width: 767px) {
  .app-section {
    flex-direction: row;
    gap: 48px;
  }
  .app-section__content {
    align-self: center;
    width: 400px;
  }
  .app-section__phone {
    flex-grow: 1;
  }
}
@media screen and (min-width: 1170px) {
  .phone-carousel__phone {
    width: 730px;
  }
  .phone-carousel__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: unset;
    right: 0;
    bottom: 72px;
    width: 342px;
  }
}
.c-sf-mobile-app__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--Baseline) * 2);
}

.app-badge-apple {
  display: block;
  background-image: url('../images/app_store_apple.svg?t=1750145466751');
  width: 120px;
  height: 40px;
}

.app-badge-google {
  display: block;
  background-image: url('../images/app_store_google.svg?t=1750145466751');
  width: 135px;
  height: 40px;
}

.dcs-bullet-point {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #e9edf0;
  border-radius: 32px;
  background-color: #ffffff;
  min-width: 60px;
  min-height: 60px;
  max-width: 60px;
  max-height: 60px;
}
.dcs-bullet-point i {
  font-size: 32px;
  color: #005478;
}
.dcs-bullet-point--filled {
  background-color: #e9edf0;
}
.dcs-bullet-point--dark {
  border: 2px solid #d1d9de;
  background-color: #d1d9de;
}
.dcs-bullet-point--sm {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
}
.dcs-bullet-point--sm i {
  font-size: 24px;
}

.dcs-button {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 24px;
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  transition: unset;
}
.dcs-button:disabled, .dcs-button[disabled], .dcs-button.disabled {
  cursor: not-allowed;
}
.dcs-button:hover, .dcs-button.hover {
  text-decoration: none;
}
.dcs-button:hover:disabled, .dcs-button:hover[disabled], .dcs-button:hover.disabled, .dcs-button.hover:disabled, .dcs-button.hover[disabled], .dcs-button.hover.disabled {
  text-decoration: none;
}
.dcs-button:focus, .dcs-button:active, .dcs-button.active {
  outline: 2px #005478;
  outline-offset: 2px;
}
.dcs-button--primary {
  color: #ffffff;
  background-color: #005478;
  border-color: #005478;
}
.dcs-button--primary i {
  color: #ffffff;
}
.dcs-button--primary:hover, .dcs-button--primary.hover {
  color: #ffffff;
  background-color: #faa000;
  border-color: #faa000;
}
.dcs-button--primary:hover i, .dcs-button--primary.hover i {
  color: #ffffff;
}
.dcs-button--primary:disabled, .dcs-button--primary[disabled], .dcs-button--primary.disabled {
  color: #a0aeb8;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--primary:disabled i, .dcs-button--primary[disabled] i, .dcs-button--primary.disabled i {
  color: #a0aeb8;
}
.dcs-button--secondary {
  color: #005478;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--secondary i {
  color: #005478;
}
.dcs-button--secondary:hover, .dcs-button--secondary.hover {
  color: #ffffff;
  background-color: #faa000;
  border-color: #faa000;
}
.dcs-button--secondary:hover i, .dcs-button--secondary.hover i {
  color: #ffffff;
}
.dcs-button--secondary:disabled, .dcs-button--secondary[disabled], .dcs-button--secondary.disabled {
  color: #a0aeb8;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--secondary:disabled i, .dcs-button--secondary[disabled] i, .dcs-button--secondary.disabled i {
  color: #a0aeb8;
}
.dcs-button--tertiary {
  color: #005478;
  background-color: #ffffff;
  border-color: #e9edf0;
}
.dcs-button--tertiary i {
  color: #005478;
}
.dcs-button--tertiary:hover, .dcs-button--tertiary.hover {
  color: #005478;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--tertiary:hover i, .dcs-button--tertiary.hover i {
  color: #005478;
}
.dcs-button--tertiary:disabled, .dcs-button--tertiary[disabled], .dcs-button--tertiary.disabled {
  color: #a0aeb8;
  background-color: #ffffff;
  border-color: #e9edf0;
}
.dcs-button--tertiary:disabled i, .dcs-button--tertiary[disabled] i, .dcs-button--tertiary.disabled i {
  color: #a0aeb8;
}
.dcs-button--quaternary {
  color: #005478;
  background-color: #ffffff;
  border-color: #ffffff;
}
.dcs-button--quaternary i {
  color: #005478;
}
.dcs-button--quaternary:hover, .dcs-button--quaternary.hover {
  color: #005478;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--quaternary:hover i, .dcs-button--quaternary.hover i {
  color: #005478;
}
.dcs-button--quaternary:disabled, .dcs-button--quaternary[disabled], .dcs-button--quaternary.disabled {
  color: #a0aeb8;
  background-color: #ffffff;
  border-color: #ffffff;
}
.dcs-button--quaternary:disabled i, .dcs-button--quaternary[disabled] i, .dcs-button--quaternary.disabled i {
  color: #a0aeb8;
}
.dcs-button--primary-delete {
  color: #ffffff;
  background-color: #9b051c;
  border-color: #9b051c;
}
.dcs-button--primary-delete i {
  color: #ffffff;
}
.dcs-button--primary-delete:hover, .dcs-button--primary-delete.hover {
  color: #9b051c;
  background-color: #f6c9c6;
  border-color: #f6c9c6;
}
.dcs-button--primary-delete:hover i, .dcs-button--primary-delete.hover i {
  color: #9b051c;
}
.dcs-button--primary-delete:disabled, .dcs-button--primary-delete[disabled], .dcs-button--primary-delete.disabled {
  color: #a0aeb8;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--primary-delete:disabled i, .dcs-button--primary-delete[disabled] i, .dcs-button--primary-delete.disabled i {
  color: #a0aeb8;
}
.dcs-button--secondary-delete {
  color: #9b051c;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--secondary-delete i {
  color: #9b051c;
}
.dcs-button--secondary-delete:hover, .dcs-button--secondary-delete.hover {
  color: #9b051c;
  background-color: #f6c9c6;
  border-color: #f6c9c6;
}
.dcs-button--secondary-delete:hover i, .dcs-button--secondary-delete.hover i {
  color: #9b051c;
}
.dcs-button--secondary-delete:disabled, .dcs-button--secondary-delete[disabled], .dcs-button--secondary-delete.disabled {
  color: #a0aeb8;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--secondary-delete:disabled i, .dcs-button--secondary-delete[disabled] i, .dcs-button--secondary-delete.disabled i {
  color: #a0aeb8;
}
.dcs-button--tertiary-delete {
  color: #9b051c;
  background-color: #ffffff;
  border-color: #e9edf0;
}
.dcs-button--tertiary-delete i {
  color: #9b051c;
}
.dcs-button--tertiary-delete:hover, .dcs-button--tertiary-delete.hover {
  color: #9b051c;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--tertiary-delete:hover i, .dcs-button--tertiary-delete.hover i {
  color: #9b051c;
}
.dcs-button--tertiary-delete:disabled, .dcs-button--tertiary-delete[disabled], .dcs-button--tertiary-delete.disabled {
  color: #a0aeb8;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--tertiary-delete:disabled i, .dcs-button--tertiary-delete[disabled] i, .dcs-button--tertiary-delete.disabled i {
  color: #a0aeb8;
}
.dcs-button--quaternary-delete {
  color: #9b051c;
  background-color: #ffffff;
  border-color: #ffffff;
}
.dcs-button--quaternary-delete i {
  color: #9b051c;
}
.dcs-button--quaternary-delete:hover, .dcs-button--quaternary-delete.hover {
  color: #9b051c;
  background-color: #e9edf0;
  border-color: #e9edf0;
}
.dcs-button--quaternary-delete:hover i, .dcs-button--quaternary-delete.hover i {
  color: #9b051c;
}
.dcs-button--quaternary-delete:disabled, .dcs-button--quaternary-delete[disabled], .dcs-button--quaternary-delete.disabled {
  color: #a0aeb8;
  background-color: #ffffff;
  border-color: #ffffff;
}
.dcs-button--quaternary-delete:disabled i, .dcs-button--quaternary-delete[disabled] i, .dcs-button--quaternary-delete.disabled i {
  color: #a0aeb8;
}
.dcs-button--icon-button {
  padding: 10px 10px;
  gap: 10;
}

span {
  display: inline-block;
}
span > a.dcs-button {
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
span.disabled {
  cursor: not-allowed;
}
span.disabled > a.dcs-button {
  pointer-events: none;
}

.cn-icon-block-grid {
  display: grid;
  gap: 64px;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 767px) {
  .cn-icon-block-grid {
    grid-template-columns: 1fr 1fr;
  }
  .cn-icon-block-grid--col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.cn-icon-block-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cn-icon-block-item h3 {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.cn-icon-block-item--center {
  align-items: center;
  text-align: center;
}

.cn-icon--check-bold::before {
  content: "\E900";
}

.cn-icon--minus-bold::before {
  content: "\E901";
}

.cn-icon--workplace::before {
  content: "\E902";
}

.cn-icon--account::before {
  content: "\E903";
}

.cn-icon--account-settings::before {
  content: "\E904";
}

.cn-icon--payment::before {
  content: "\E905";
}

.cn-icon--delete-account::before {
  content: "\E906";
}

.cn-icon--marketing::before {
  content: "\E907";
}

.cn-icon--password::before {
  content: "\E908";
}

.cn-icon--outside-link::before {
  content: "\E909";
}

.cn-icon--tariffs::before {
  content: "\E90A";
}

.cn-icon--car::before {
  content: "\E90B";
}

.cn-icon--rfid-card::before {
  content: "\E90C";
}

.cn-icon--voucher::before {
  content: "\E90D";
}

.cn-icon--warning-filled::before {
  content: "\E90E";
}

.cn-icon--warning::before {
  content: "\E90F";
}

.cn-icon--success-regular::before {
  content: "\E910";
}

.cn-icon--success-filled::before {
  content: "\E911";
}

.cn-icon--loading::before {
  content: "\E912";
}

.cn-icon--delete::before {
  content: "\E913";
}

.cn-icon--check::before {
  content: "\E914";
}

.cn-icon--close-regular::before {
  content: "\E915";
}

.cn-icon--caret-down::before {
  content: "\E916";
}

.cn-icon--caret-left::before {
  content: "\E917";
}

.cn-icon--caret-right::before {
  content: "\E918";
}

.cn-icon--caret-up::before {
  content: "\E919";
}

.cn-icon--info-regular::before {
  content: "\E91A";
}

.cn-icon--question::before {
  content: "\E91B";
}

.cn-icon--info-filled::before {
  content: "\E91C";
}

.cn-icon--question-filled::before {
  content: "\E91D";
}

.cn-icon--close-bold::before {
  content: "\E91E";
}

.cn-icon--edit::before {
  content: "\E91F";
}

.cn-icon--packages::before {
  content: "\E920";
}

.cn-icon--menu::before {
  content: "\E921";
}

.cn-icon--move::before {
  content: "\E922";
}

.cn-icon--reorder::before {
  content: "\E923";
}

.cn-icon--ellipsis::before {
  content: "\E924";
}

.cn-icon--other-options::before {
  content: "\E925";
}

.cn-icon--notification::before {
  content: "\E926";
}

.cn-icon--like-regular::before {
  content: "\E927";
}

.cn-icon--like-filled::before {
  content: "\E928";
}

.cn-icon--minimize::before {
  content: "\E929";
}

.cn-icon--maximize::before {
  content: "\E92A";
}

.cn-icon--chevron-double-left-regular::before {
  content: "\E92B";
}

.cn-icon--chevron-double-right-regular::before {
  content: "\E92C";
}

.cn-icon--bookmark::before {
  content: "\E92D";
}

.cn-icon--home::before {
  content: "\E92E";
}

.cn-icon--reload::before {
  content: "\E92F";
}

.cn-icon--add::before {
  content: "\E930";
}

.cn-icon--copy::before {
  content: "\E931";
}

.cn-icon--pin-code::before {
  content: "\E932";
}

.cn-icon--repair::before {
  content: "\E933";
}

.cn-icon--accessibility::before {
  content: "\E934";
}

.cn-icon--app-icon::before {
  content: "\E935";
}

.cn-icon--google-play-logo::before {
  content: "\E936";
}

.cn-icon--cookie::before {
  content: "\E937";
}

.cn-icon--odometer::before {
  content: "\E938";
}

.cn-icon--preloader::before {
  content: "\E939";
}

.cn-icon--thg-quote::before {
  content: "\E93A";
}

.cn-icon--discount-filled::before {
  content: "\E93B";
}

.cn-icon--discount-regular::before {
  content: "\E93C";
}

.cn-icon--apple-logo::before {
  content: "\E93D";
}

.cn-icon--language::before {
  content: "\E93E";
}

.cn-icon--play-circle::before {
  content: "\E93F";
}

.cn-icon--settings::before {
  content: "\E940";
}

.cn-icon--eye-closed::before {
  content: "\E941";
}

.cn-icon--eye-open::before {
  content: "\E942";
}

.cn-icon--search::before {
  content: "\E943";
}

.cn-icon--star-filled::before {
  content: "\E944";
}

.cn-icon--star-half::before {
  content: "\E945";
}

.cn-icon--star-regular::before {
  content: "\E946";
}

.cn-icon--device-mobile::before {
  content: "\E947";
}

.cn-icon--upload::before {
  content: "\E948";
}

.cn-icon--manage-columns::before {
  content: "\E949";
}

.cn-icon--unavailable::before {
  content: "\E94A";
}

.cn-icon--bulk-upload::before {
  content: "\E94B";
}

.cn-icon--phone::before {
  content: "\E94C";
}

.cn-icon--download::before {
  content: "\E94D";
}

.cn-icon--route-reverse::before {
  content: "\E94E";
}

.cn-icon--arrow-right::before {
  content: "\E94F";
}

.cn-icon--arrow-down::before {
  content: "\E950";
}

.cn-icon--sorting::before {
  content: "\E951";
}

.cn-icon--calendar::before {
  content: "\E952";
}

.cn-icon--invoice::before {
  content: "\E953";
}

.cn-icon--invoices::before {
  content: "\E954";
}

.cn-icon--address::before {
  content: "\E955";
}

.cn-icon--services::before {
  content: "\E956";
}

.cn-icon--user::before {
  content: "\E957";
}

.cn-icon--driver::before {
  content: "\E958";
}

.cn-icon--replace-driver::before {
  content: "\E959";
}

.cn-icon--move-driver::before {
  content: "\E95A";
}

.cn-icon--open-24::before {
  content: "\E95B";
}

.cn-icon--history::before {
  content: "\E95C";
}

.cn-icon--switch-contract::before {
  content: "\E95D";
}

.cn-icon--active-contract::before {
  content: "\E95E";
}

.cn-icon--contract::before {
  content: "\E95F";
}

.cn-icon--cancel-contract::before {
  content: "\E960";
}

.cn-icon--rename-contract::before {
  content: "\E961";
}

.cn-icon--time::before {
  content: "\E962";
}

.cn-icon--duration::before {
  content: "\E963";
}

.cn-icon--charging-reports::before {
  content: "\E964";
}

.cn-icon--change-tariff::before {
  content: "\E965";
}

.cn-icon--cancel-tariff::before {
  content: "\E966";
}

.cn-icon--filter-regular::before {
  content: "\E967";
}

.cn-icon--filter-filled::before {
  content: "\E968";
}

.cn-icon--location-show::before {
  content: "\E969";
}

.cn-icon--map::before {
  content: "\E96A";
}

.cn-icon--terrain::before {
  content: "\E96B";
}

.cn-icon--satellite::before {
  content: "\E96C";
}

.cn-icon--current-location::before {
  content: "\E96D";
}

.cn-icon--show-your-location::before {
  content: "\E96E";
}

.cn-icon--2d-view::before {
  content: "\E96F";
}

.cn-icon--3d-view::before {
  content: "\E970";
}

.cn-icon--location::before {
  content: "\E971";
}

.cn-icon--pegman::before {
  content: "\E972";
}

.cn-icon--plug-css::before {
  content: "\E973";
}

.cn-icon--plug-type-3::before {
  content: "\E974";
}

.cn-icon--plug-household-f::before {
  content: "\E975";
}

.cn-icon--plug-chademo::before {
  content: "\E976";
}

.cn-icon--plug-household-g::before {
  content: "\E977";
}

.cn-icon--plug-type-1::before {
  content: "\E978";
}

.cn-icon--plug-type-2::before {
  content: "\E979";
}

.cn-icon--plug-household-a::before {
  content: "\E97A";
}

.cn-icon--plug-household-j::before {
  content: "\E97B";
}

.cn-icon--plug-household-e::before {
  content: "\E97C";
}

.cn-icon--scan-qr-code::before {
  content: "\E97D";
}

.cn-icon--charging-station::before {
  content: "\E97E";
}

.cn-icon--credit-card::before {
  content: "\E97F";
}

.cn-icon--flashlight-filled::before {
  content: "\E980";
}

.cn-icon--flashlight-regular::before {
  content: "\E981";
}

.cn-icon--cable::before {
  content: "\E982";
}

.cn-icon--lightning-filled::before {
  content: "\E983";
}

.cn-icon--lightning-regular::before {
  content: "\E984";
}

.cn-icon--active-rfid::before {
  content: "\E985";
}

.cn-icon--lost-rfid::before {
  content: "\E986";
}

.cn-icon--inactive-rfid::before {
  content: "\E987";
}

.cn-icon--battery-empty::before {
  content: "\E988";
}

.cn-icon--free-of-charge::before {
  content: "\E989";
}

.cn-icon--caf::before {
  content: "\E98A";
}

.cn-icon--battery-low::before {
  content: "\E98B";
}

.cn-icon--battery-medium::before {
  content: "\E98C";
}

.cn-icon--household::before {
  content: "\E98D";
}

.cn-icon--battery-high::before {
  content: "\E98E";
}

.cn-icon--green-energy::before {
  content: "\E98F";
}

.cn-icon--parking::before {
  content: "\E990";
}

.cn-icon--battery-full::before {
  content: "\E991";
}

.cn-icon--battery-charging::before {
  content: "\E992";
}

.cn-icon--restricted-area::before {
  content: "\E993";
}

.cn-icon--garage::before {
  content: "\E994";
}

.cn-icon--indoor::before {
  content: "\E995";
}

.cn-icon--wallbox::before {
  content: "\E996";
}

.cn-icon--shopping-cart::before {
  content: "\E997";
}

.cn-icon--sight::before {
  content: "\E998";
}

.cn-icon--camping::before {
  content: "\E999";
}

.cn-icon--overnight::before {
  content: "\E99A";
}

.cn-icon--coffee::before {
  content: "\E99B";
}

.cn-icon--restaurant::before {
  content: "\E99C";
}

.cn-icon--weather::before {
  content: "\E99D";
}

.cn-icon--to::before {
  content: "\E99E";
}

.cn-icon--fit-screen::before {
  content: "\E99F";
}

.cn-icon--route::before {
  content: "\E9A0";
}

.cn-icon--alternative-route::before {
  content: "\E9A1";
}

.cn-icon--go-filled::before {
  content: "\E9A2";
}

.cn-icon--dots::before {
  content: "\E9A3";
}

.cn-icon--waypoint::before {
  content: "\E9A4";
}

.cn-icon--speaker-off::before {
  content: "\E9A5";
}

.cn-icon--speaker-on::before {
  content: "\E9A6";
}

.cn-icon--ferry::before {
  content: "\E9A7";
}

.cn-icon--train::before {
  content: "\E9A8";
}

.cn-icon--avoid-motorways::before {
  content: "\E9A9";
}

.cn-icon--trip-planner::before {
  content: "\E9AA";
}

.cn-icon--lifebuoy::before {
  content: "\E9AB";
}

.cn-icon--walking::before {
  content: "\E9AC";
}

.cn-icon--tolls::before {
  content: "\E9AD";
}

.cn-icon--list::before {
  content: "\E9AE";
}

.cn-icon--plug-charge::before {
  content: "\E9AF";
}

.cn-icon--fleet-group::before {
  content: "\E9B0";
}

.cn-icon--traffic::before {
  content: "\E9B1";
}

.cn-icon--go-regular::before {
  content: "\E9B2";
}

.cn-icon--chevron-double-left-bold::before {
  content: "\E9B3";
}

.cn-icon--chevron-double-right-bold::before {
  content: "\E9B4";
}

.cn-icon--caret-up-down::before {
  content: "\E9B5";
}

.cn-icon {
  display: block;
  font-family: "IconFont";
  font-size: 24px;
  line-height: 24px;
  font-style: normal;
  font-weight: normal !important;
  color: #005478;
}
.cn-icon--sm {
  font-size: 16px;
  line-height: 16px;
}
.cn-icon--lg {
  font-size: 32px;
  line-height: 32px;
}
.cn-icon--xl {
  font-size: 40px;
  line-height: 40px;
}

.search-input {
  height: 48px;
  width: 100%;
  padding: 0px 48px;
  border-radius: 8px;
  color: #1a1a1a;
  font-family: "YourNow", sans-serif;
  outline: none;
  border: 2px solid #e9edf0;
  font-size: 14px;
}

.search-input__icon {
  top: calc(var(--Baseline) * 1.5);
  left: calc(var(--Baseline) * 2);
  position: absolute;
  z-index: 2;
  background-color: transparent;
}

.map-stats-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  .map-stats-wrapper {
    width: 80%;
  }
}

.map-stats-img img {
  max-width: 100%;
  height: auto;
}

.map-stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
}
@media screen and (min-width: 767px) {
  .map-stats {
    align-items: flex-start;
    flex-direction: row;
  }
}
.map-stats + p {
  color: #4f5b60;
  max-width: 640px;
  margin: 40px auto 32px;
}

@media screen and (min-width: 767px) {
  .map-stats_item {
    width: 33.3%;
    margin-bottom: 0;
  }
}
.map-stats_item:last-child {
  margin-bottom: 0;
}
.map-stats_item dt {
  font-family: "YourNow", sans-serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  margin-bottom: 24px;
}
.map-stats_item dd {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  color: #1a1a1a;
}

.dcs-pager {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.dcs-pager input {
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: 4px;
  width: 12px;
  background-color: #e9edf0;
  border-radius: 8px;
}
.dcs-pager input:checked {
  height: 8px;
  background-color: #faa000;
}

.portal-footer {
  border-top: 1px solid #e9edf0;
  color: #1a1a1a;
  display: flex;
  padding: 16px 32px;
  justify-content: space-between;
}
.portal-footer > div {
  display: flex;
  gap: 24px;
}
.portal-footer > div:last-child {
  color: #a0aeb8;
}

.portal-footer__item > a > span {
  font-size: 12px;
  font-weight: 400 !important;
  font-style: normal;
  color: #1a1a1a !important;
}

.portal-grid {
  display: grid;
  grid-template-rows: auto 1fr;
}

.portal-main {
  display: flex;
}

.banner-active {
  padding-top: 38px;
}
.banner-active .portal-side-nav {
  height: calc(100vh - 38px);
  top: 38px;
}
.banner-active .portal-body {
  min-height: calc(100vh - 72px - 49px - 38px);
}

.portal-wrapper {
  flex: 1;
}

.portal-header {
  height: 72px;
  position: fixed;
  z-index: 5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 12px 32px;
  border-bottom: 1px solid #e9edf0;
  border-left: 1px solid #e9edf0;
  width: -webkit-fill-available;
  width: -moz-fill-available;
  display: flex;
  justify-content: end;
}
.portal-header > div {
  display: flex;
  gap: 8px;
}

.portal-body {
  margin-top: 72px;
  padding: 32px;
  min-height: calc(100vh - 72px - 49px);
}
.portal-body--full-width {
  padding: 0;
}

.portal-page-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.portal-page-title {
  display: flex;
  justify-content: space-between;
}
.portal-page-title > span {
  font-family: "YourNow", sans-serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  color: #005478;
  line-height: 38px;
}

chargingrecords-table > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.portal-side-nav {
  height: 100vh;
  position: sticky;
  top: 0;
  border-right: 1px solid #e9edf0;
}

.news-icon__wrapper {
  position: relative;
}
.news-icon__wrapper > cn-badge {
  position: absolute;
  top: -7px;
  right: -4px;
}

.portal-widgets {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #e9edf0;
  border-radius: 16px;
  padding: 16px;
  width: -moz-fit-content;
  width: fit-content;
  background: #ffffff;
}

.portal-widgets__header {
  color: #a0aeb8;
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
}

.portal-widgets__items {
  display: flex;
  gap: 16px;
}

.portal-widgets__item {
  display: flex;
  gap: 16px;
  align-items: center;
}
.portal-widgets__item:not(:last-child) {
  padding-right: 16px;
  border-right: 1px solid #e9edf0;
}

.portal-widgets__item-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.portal-widgets__item-icon--green {
  background: #d7ecc3;
}
.portal-widgets__item-icon--green .cn-icon {
  color: #109b05;
}

.portal-widgets__item-icon--grey {
  background: #e9edf0;
}
.portal-widgets__item-icon--grey .cn-icon {
  color: #a0aeb8;
}

.portal-widgets__item-icon--yellow {
  background: #ffedcb;
}
.portal-widgets__item-icon--yellow .cn-icon {
  color: #fcbc4a;
}

.portal-widgets__item-text__value {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: #1a1a1a;
}

.portal-widgets__item-text__title {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  color: #1a1a1a;
}

.c-save-filters__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 8px;
  border-style: solid;
  color: #005478;
  border: 2px solid #e9edf0;
  background: #ffffff;
  min-height: 48px;
  padding: 8px 16px;
  gap: 8px;
}

.dcs-section-header {
  text-align: center;
}
.dcs-section-header h1 {
  font-family: "YourNow", sans-serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-section-header h2 {
  font-family: "YourNow", sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-section-header--lg h2 {
  font-family: "YourNow", sans-serif;
  font-size: 45px;
  line-height: 50px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
}
.dcs-section-header p {
  margin-top: 24px;
}

.dcs-social-proof {
  display: flex;
  width: 100%;
  min-height: 120px;
  padding: 56px 24px;
  gap: 32px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.dcs-social-proof__label {
  font-family: "YourNow", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  color: #a0aeb8;
  min-width: 150px;
}

@media screen and (min-width: 1170px) {
  .dcs-social-proof {
    padding: 32px 40px;
    column-gap: 144px;
    row-gap: 32px;
  }
}
.swiper-common {
  position: relative;
  height: max-content;
}
@media screen and (min-width: 767px) {
  .swiper-common:not(.swiper-side-nav) {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media screen and (min-width: 1023px) {
  .swiper-common:not(.swiper-side-nav) {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1170px) {
  .swiper-common:not(.swiper-side-nav) {
    padding-left: 0;
    padding-right: 0;
  }
}
.swiper-common:not(.swiper-side-nav).swiper-fraction {
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
}
@media screen and (min-width: 767px) {
  .swiper-common:not(.swiper-side-nav).swiper-fraction {
    width: calc(100% - 128px);
    margin-left: 64px;
    margin-right: 64px;
    padding: 0;
  }
}
@media screen and (min-width: 1023px) {
  .swiper-common:not(.swiper-side-nav).swiper-fraction {
    width: calc(33% - 50px - 64px);
    margin-left: 32px;
    margin-right: 32px;
    padding: 0 !important;
  }
}
@media screen and (min-width: 1170px) {
  .swiper-common:not(.swiper-side-nav).swiper-fraction {
    width: calc(33% - 100px);
    margin-left: calc((100% - 1100px) / 2);
    margin-right: calc((100% - 1100px) / 2);
    padding: 0;
  }
}
@media screen and (min-width: 1330px) {
  .swiper-common:not(.swiper-side-nav).swiper-fraction {
    width: 420px;
    margin-left: calc((100% - 1100px) / 2);
    margin-right: calc((100% - 1100px) / 2);
    padding: 0;
  }
}
.swiper-common .swiper-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  clear: both;
  height: auto;
}
.swiper-common.swiper-offset .swiper-wrapper {
  max-width: none;
}
@media (min-width: 1500px) {
  .swiper-common.swiper-offset .swiper-slide {
    width: 460px !important;
  }
}
@media screen and (max-width: 1022px) {
  .swiper-common[data-pagination-mobile] .swiper-nav {
    display: none !important;
  }
}
.swiper-side-arrows:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.swiper-side-arrows > div {
  position: absolute;
  z-index: 10;
  top: calc(25% - 20px);
  cursor: pointer;
}
@media screen and (min-width: 1023px) {
  .swiper-side-arrows > div {
    top: calc(50% - 20px);
  }
}
.swiper-side-arrows > div span:before {
  width: 20px;
  height: 40px;
}
.swiper-side-arrows .swiper-arrow-prev {
  left: -8px;
}
@media screen and (min-width: 1023px) {
  .swiper-side-arrows .swiper-arrow-prev {
    left: -30px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 768px) {
  .swiper-side-arrows .swiper-arrow-prev {
    left: -15px;
  }
}
@media screen and (min-width: 1330px) {
  .swiper-side-arrows .swiper-arrow-prev {
    left: -70px;
  }
}
.swiper-side-arrows .swiper-arrow-next {
  right: -8px;
}
@media screen and (min-width: 1023px) {
  .swiper-side-arrows .swiper-arrow-next {
    right: -30px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 768px) {
  .swiper-side-arrows .swiper-arrow-next {
    right: -15px;
  }
}
@media screen and (min-width: 1330px) {
  .swiper-side-arrows .swiper-arrow-next {
    right: -70px;
  }
}

.swiper-side-nav .swiper-slide {
  transition: all 250ms ease-in-out 100ms;
}
.swiper-side-nav .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
  visibility: hidden;
}

.swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1100px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 27px;
  color: #1a1a1a;
  font-weight: normal;
}
@media screen and (min-width: 767px) {
  .swiper-nav {
    justify-content: flex-start;
  }
}
.swiper-nav .swiper-arrow-next span:before,
.swiper-nav .swiper-arrow-prev span:before {
  width: 20px;
  height: 40px;
}
.swiper-nav .swiper-arrow-next:hover,
.swiper-nav .swiper-arrow-prev:hover {
  cursor: pointer;
}

.swiper-nav-pagination {
  width: auto;
}

.swiper-nav-pagination-mobile {
  position: relative !important;
}
@media screen and (min-width: 1023px) {
  .swiper-nav-pagination-mobile {
    display: none;
  }
}

.swiper-slide-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1023px) {
  .swiper-slide-flex {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 768px) {
  .swiper-slide-flex {
    padding: 0 30px;
  }
}

.swiper-slide-left {
  width: 100%;
  text-align: center;
}
.swiper-slide-left img {
  width: 100%;
  max-width: 360px;
}
@media screen and (min-width: 1023px) {
  .swiper-slide-left {
    margin-bottom: 0;
    width: 60%;
  }
}

.swiper-slide-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1023px) {
  .swiper-slide-right {
    width: 40%;
  }
}

.tabs-nav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 1023px) {
  .tabs-nav {
    justify-content: space-between;
  }
}
.tabs-nav .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: center;
  margin: 0 7px !important;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 20px;
  line-height: 27px;
  color: #005478;
  font-weight: bold;
}
@media screen and (min-width: 1023px) {
  .tabs-nav .swiper-pagination-bullet {
    width: 100%;
    height: auto;
    border-radius: 0;
    text-indent: 0;
    margin: 0 !important;
    background-color: #ffffff !important;
    border-width: 2px;
    word-break: break-word;
  }
}
.tabs-nav .swiper-pagination-bullet:hover {
  cursor: pointer;
}
.tabs-nav-wrap {
  flex-wrap: wrap;
}
@media screen and (min-width: 1023px) {
  .tabs-nav-wrap {
    justify-content: flex-start;
  }
  .tabs-nav-wrap .swiper-pagination-bullet {
    width: 25%;
  }
}

.swiper-button-disabled i {
  color: #a0aeb8;
}

.dcs-video-hero {
  margin-top: 0px;
  height: calc(100vh - 96px);
  position: relative;
  background-image: url('../images/sales-funnel-hero.jpg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
}
.dcs-video-hero .dcs-video-hero__video-bg {
  position: absolute;
  z-index: -2;
  top: 0%;
  width: auto;
  height: auto;
  display: block;
  min-width: 100%;
  min-height: calc(100vh - 60px);
}
.dcs-video-hero .dcs-video-hero__content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
  height: 100%;
  max-width: 1320px;
  align-items: center;
  color: #ffffff;
  position: relative;
}
@media screen and (min-width: 1352px) {
  .dcs-video-hero .dcs-video-hero__content {
    margin: 0 300px;
  }
}
.dcs-video-hero .dcs-video-hero__content > div {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 1351px) {
  .dcs-video-hero .dcs-video-hero__content > div {
    padding-left: 24px;
  }
}
@media screen and (max-width: 400px) {
  .dcs-video-hero .dcs-video-hero__content > div {
    bottom: 89px;
  }
}
.dcs-video-hero .dcs-video-hero__content > div > h1, .dcs-video-hero .dcs-video-hero__content > div h2 {
  text-shadow: 0px 0px 24px rgba(26, 26, 26, 0.24);
}
.dcs-video-hero .dcs-video-hero__content > div h1 {
  font-family: "YourNow", sans-serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  color: #ffffff;
}
.dcs-video-hero .dcs-video-hero__content > div h2 {
  font-family: "YourNow", sans-serif;
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #005478;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .dcs-video-hero {
    margin-top: 96px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
  }
}
.w-full,
.full-width {
  width: 100%;
}

.portlet-body.background {
  background-color: #fbfbfc;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /*
/*rtl:begin:ignore*/
  left: 0; /*
/*rtl:end:ignore*/
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /*
/*rtl:begin:ignore*/
  right: 0; /*
/*rtl:end:ignore*/
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: 22px;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url('../images/owl.video.play.png?t=1750145466751') no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/**
 * Grid columns. This setting is shared between
 * iotaCSS grid objects and size, pull & push
 * utilities. You can change it also locally to
 * each module.
 *
 * Type: Unitless Number / List
 */
/**
 * Global namespace for Objects, Components and
 * Utilities
 *
 * Type: String
 */
/**
 * Default gutters. This setting is shared between
 * multiple objects and utilities as the default value
 * for gutters. You can change it also locally to each
 * module.
 *
 * Type: Number / List / Map
 */
/**
 * Enables flexbox across the app. If you do not want
 * all modules to use flexbox you can keep this value
 * false and set it to true separately to each one of
 * them locally.
 *
 * Type: Boolean
 */
/**
 * Enables rtl across the app. If you enable this setting
 * the final CSS will be converted to RTL.
 *
 * Type: Boolean
 */
/**
 * Default global breakpoints map. These are the
 * default breakpoints map that will be shared across
 * all iotaCSS modules. You can change it also locally
 * to each module.
 *
 * Type: Map
 */
/**
 * Global breakpoint suffix naming setting. All breakpoint
 * specific styles have a '@breakpointName' suffix by default.
 * The \ character is used to escape the @ character.
 *
 * Type: String
 */
/**
 * Global delimiter naming setting for Size, Push and Pull
 * utilities. By default it is '/' (.u-1/2) and you can change
 * it for example to 'of' so that the generated HTML class will be
 * 'u-1of2'.
 *
 * Type: String
 */
@font-face {
  font-family: "YourNow";
  src: url("../fonts/YOURNOWSans-Regular.eot?#iefix") format("embedded-opentype"), url('../fonts/YOURNOWSans-Regular.otf?t=1750145466751');
  font-weight: 400;
}
@font-face {
  font-family: "YourNow";
  src: url("../fonts/YOURNOWSans-Light.eot?#iefix") format("embedded-opentype"), url('../fonts/YOURNOWSans-Light.otf?t=1750145466751');
  font-weight: 300;
}
@font-face {
  font-family: "YourNow";
  src: url("../fonts/YOURNOWSans-Bold.eot?#iefix") format("embedded-opentype"), url('../fonts/YOURNOWSans-Bold.otf?t=1750145466751');
  font-weight: 700;
}
@font-face {
  font-family: "YourNow";
  src: url("../fonts/YOURNOWSans-Medium.eot?#iefix") format("embedded-opentype"), url('../fonts/YOURNOWSans-Medium.otf?t=1750145466751');
  font-weight: 500;
}
body.has-control-menu #content {
  padding-top: 100px;
}
body.has-control-menu.has-customization-menu #page-wrapper {
  padding-top: 188px;
}
@media (min-width: 600px) {
  body.has-control-menu.has-customization-menu #page-wrapper {
    padding-top: 220px;
  }
}
body.has-control-menu .admin-webcontent-pb {
  padding-bottom: 100px;
}
body.has-control-menu .nav-wrapper .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  body.has-control-menu.has-staging-bar #banner {
    top: 130px;
  }
}
@media (min-width: 1202px) {
  body.has-control-menu.has-staging-bar #banner {
    top: 108px;
  }
}
@media (min-width: 768px) {
  body.has-control-menu.has-staging-bar #page-wrapper {
    padding-top: 245px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  body.has-control-menu.has-staging-bar #sub-nav + #page-wrapper {
    padding-top: 315px;
  }
}
@media (min-width: 768px) {
  body.has-control-menu.has-staging-bar.live-view #banner {
    top: 122px;
  }
}
@media (min-width: 768px) {
  body.has-control-menu.has-staging-bar.live-view #page-wrapper {
    padding-top: 260px;
    float: left;
    width: 100%;
  }
}
body.has-control-menu .account-page.support {
  float: none;
}
body.has-control-menu .o-sidebar {
  top: 60px;
  height: calc(100vh - 60px);
}

@media (min-width: 600px) {
  body.open.has-control-menu #page-wrapper {
    padding-left: 320px;
  }
}
body.open.has-control-menu #banner,
body.open.has-control-menu #sub-nav {
  left: 320px;
  width: 100%;
}
@media (min-width: 600px) {
  body.open.has-control-menu .control-menu,
  body.open.has-control-menu .map-overlays {
    left: 320px;
  }
}

@media (min-width: 600px) {
  body.open-admin-panel.has-dockbar {
    padding-right: 320px;
  }
}
@media (min-width: 600px) {
  body.open-admin-panel.has-dockbar .control-menu {
    padding-right: 320px;
  }
}
@media (min-width: 600px) {
  body.open-admin-panel.has-dockbar #banner,
  body.open-admin-panel.has-dockbar #sub-nav {
    width: calc(100% - 320px);
  }
}
@media (min-width: 600px) {
  body.open-admin-panel.has-dockbar .control-menu-level-2 {
    right: 320px;
  }
}

@media (min-width: 600px) {
  body.open.has-dockbar,
  body.sidenav-transition.has-dockbar {
    overflow-x: hidden;
  }
}

body.site .c-onboarding {
  top: -47px;
  z-index: 27;
}

.portlet {
  margin: 0 !important;
  position: relative;
}

.portlet-content-editable {
  padding: 0px;
  border: none;
}

.portlet-decorate .portlet-content {
  border: none !important;
  padding: 0px !important;
  background-color: transparent !important;
}

.portlet-content {
  padding: 0 !important;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-md-12.portlet-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.portlet > .portlet-topper {
  z-index: 10;
}

.page-header {
  margin: 0;
  padding: 0;
  border: none;
}

.staging-ready {
  padding-top: 0 !important;
}

.portlet-body .dropdown.lfr-icon-menu {
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.5);
}

.lfr-notification-container {
  display: none !important;
}

.portlet-title-text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

label {
  font-weight: 500;
}

dt {
  font-weight: normal;
  line-height: 1.3;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.3;
}

#content > .container.pb-3,
#content > .container.pt-3 {
  display: none !important;
}

body.dialog-iframe-popup {
  position: static;
}

mark {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
}
mark:before {
  display: none;
}

/**
 * The base value the scale starts at.
 *
 * Number
 */
/**
 * The ratio the scale is built on
 *
 * Unitless Number
 */
/**
 * Length of scale ( right part of the decimal
 * point ) ms will be rounded to.
 *
 * Unitless Number
 */
.range-slider {
  padding-bottom: calc(var(--Baseline) * 5);
}
.range-slider .horizontal-slider-container {
  margin-top: calc(var(--Baseline) * 2);
}
.range-slider .ng5-slider {
  display: inline-block;
  position: relative;
  height: 4px;
  width: 100%;
  margin: 35px 0 15px;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
}
.range-slider .ng5-slider .ng5-slider-bar-wrapper {
  left: 0;
  box-sizing: border-box;
  margin-top: -16px;
  padding-top: 16px;
  width: 100%;
  height: 32px;
  z-index: 1;
}
.range-slider .ng5-slider.animate .ng5-slider-bar-wrapper {
  transition: all linear 0.3s;
}
.range-slider .ng5-slider .ng5-slider-span {
  white-space: nowrap;
  position: absolute;
  display: inline-block;
}
.range-slider .ng5-slider * {
  transition: none;
}
.range-slider .ng5-slider .ng5-slider-bar-wrapper.ng5-slider-left-out-selection .ng5-slider-bar {
  background-color: #fce8e9;
}
.range-slider .ng5-slider .ng5-slider-bar {
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  border-radius: 1px;
  background-color: #b6c4ce;
}
.range-slider .ng5-slider .ng5-slider-selection {
  z-index: 2;
  background-color: #001E50;
  border-radius: 2px;
}
.range-slider .ng5-slider.animate .ng5-slider-selection {
  transition: background-color linear 0.3s;
}
.range-slider .ng5-slider .ng5-slider-pointer {
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: -10px;
  z-index: 3;
  border-radius: 10px;
  background-color: #b6c4ce;
}
.range-slider .ng5-slider .ng5-slider-pointer:focus {
  outline: 0;
}
.range-slider .ng5-slider.animate .ng5-slider-pointer {
  transition: all linear 0.3s;
}
.range-slider .ng5-slider .ng5-slider-pointer:after {
  display: none;
}
.range-slider .ng5-slider .ng5-slider-bubble {
  cursor: default;
  bottom: 16px;
  padding: 1px 3px;
  color: #2c3d53;
  font-size: 12px;
}
.range-slider .ng5-slider.animate .ng5-slider-bubble {
  transition: all linear 0.3s;
}
.range-slider .ng5-slider .ng5-slider-bubble.ng5-slider-limit {
  color: #bfc7cf;
  bottom: -25px;
}
.range-slider .ng5-slider.animate .ng5-slider-bubble.ng5-slider-limit {
  transition: opacity linear 0.3s;
}
.range-slider .ng5-slider.animate .ng5-slider-bubble.ng5-slider-combined {
  transition: opacity linear 0.3s;
}
.range-slider .ng5-slider .ng5-slider-ticks {
  box-sizing: border-box;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: -3px;
  margin: 0;
  z-index: 1;
  list-style: none;
}

/**
 * Global box sizing option
 *
 * Type: String
 */
/**
 * Makes all heading tags ( h1 - h6 ) to be equal
 * to your body size.  It forces you to use heading
 * tags with focus on your semantics and not on the
 * way they look.
 *
 * Type: Boolean
 */
/**
 * Enables normalize and resets for the HTML4 form
 * elements
 *
 * Type: Boolean
 */
/**
 * Enables normalize and resets for the HTML5 form
 * elements
 *
 * Type: Boolean
 */
/**
 * A modern, elegant and minimal combination of Normalize.css and
 * CSS Reset. Compatible with IE10+.
 */
/**
 * 1. Sets box-sizing to border-box by default.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 3. Makes font thinkness to look the same in Firefox and Webkit.
 */
html {
  box-sizing: border-box; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: antialiased; /* 3 */
  -moz-osx-font-smoothing: grayscale; /* 3 */
}

/**
 * Simple reset of element margin and padding
 */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre, code,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/**
 * Sets box-sizing to all elements and before / after
 */
*, *:before, *:after {
  box-sizing: inherit;
}

/**
 * Fixes the issues of main HTML5 tag with even earlier versions of IE.
 * For IE9-, please use HTML5Shiv https://github.com/aFarkas/html5shiv.
 */
main {
  display: block;
}

/**
 * Sets heading font-size to be equal to the content font-size. Encourages
 * the use of different heading elements to define the position of the heading
 * in the document and not the heading look.

 * Opinionated and disabled by default.
 */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}

/**
 * Applies a bold font weight to strong instead of the default bolder
 */
strong {
  font-weight: bold;
}

/**
 * Removes default border spacing and collapse
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Removes border from images inside links
 * 2. Helps images to properly behave in responsive layouts
 */
img {
  border-style: none; /* 1 */
  max-width: 100%; /* 2 */
  height: auto; /* 2 */
  vertical-align: middle; /* 2 */
}

/**
 * 1. Removes default grey background in IE10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove margin from form elements
 */
input,
select,
textarea {
  margin: 0;
}

/**
 * Show overflow in Edge
 */
input {
  overflow: visible;
}

/**
 * Remove the default vertical scrollbar in IE.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the padding in IE 10-.
 * 2. Add the correct box sizing in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0; /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

:root {
  --Baseline: 8px;
  --read-only-height: 0px;
}

body,
html {
  font-family: "YourNow", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #2c3d53;
}

body {
  background-color: #ffffff;
}
body.no-scroll {
  overflow: hidden;
}

.app-body {
  min-height: calc(100vh - 65px - 80px);
}
.app-body.white {
  background-color: #fff;
}

.body-public {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .body-public .global-index {
    display: grid;
    grid-template-rows: 96px 1fr 84px;
    min-height: 100vh;
  }
}
@media screen and (min-width: 768px) {
  .body-public .wallbox {
    display: grid;
    grid-template-rows: 1fr 84px;
    min-height: 100vh;
  }
}

.body-register {
  background-color: #f6f8fa;
  background-image: url('../images/body_bg.svg?t=1750145466751');
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
@media screen and (max-width: 767px) {
  .body-register {
    background-color: white;
    background-image: none;
  }
}
.body-register .portlet-body {
  padding: 128px 0;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .body-register .portlet-body {
    padding: 40px 0;
  }
}
.body-register .contact-support {
  align-self: center;
  justify-self: center;
  background-color: white;
  width: 600px;
  padding: 48px;
  border-radius: 16px;
  box-shadow: 0px 2px 16px 0px rgba(26, 26, 26, 0.08);
}
@media screen and (max-width: 767px) {
  .body-register .contact-support {
    padding: 40px 24px;
    width: 100%;
    height: 100%;
  }
}
.body-register > main {
  display: grid;
  grid-template-rows: 96px 1fr 84px;
  min-height: 100vh;
}

@media screen and (min-width: 768px) {
  .body-grid > main {
    display: grid;
    grid-template-rows: 96px 1fr 84px;
    min-height: 100vh;
  }
}

a {
  text-decoration: none;
}

a:not(.dcs-button):not([href]) {
  color: #007aae;
}
a:not(.dcs-button):not([href]):hover, a:not(.dcs-button):not([href]):focus {
  color: #1f9dc9;
  text-decoration: none;
  cursor: pointer;
}

a[aria-disabled=true] {
  color: #b6c4ce;
  display: inline-block;
  pointer-events: none;
  text-decoration: none;
}

.link-mailto {
  color: #007aae;
  text-decoration: none;
}

.nav-link {
  text-decoration: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input[type=date]:before {
  color: #aaa;
}

input, select, textarea {
  color: #2c3d53;
  font-size: 12px;
}

textarea {
  resize: vertical;
}

fieldset {
  border-width: 0;
}

select {
  font-family: "YourNow";
}

label {
  margin-bottom: 0;
}

label:not(.c-checkbox__label--disabled),
input[type=checkbox]:not([disabled]),
input[type=radio]:not([disabled]),
input[type=file]:not([disabled]) {
  cursor: pointer;
}

button, input, optgroup, select, textarea {
  font-weight: 400;
}

legend {
  font-size: 14px;
  font-weight: 500;
  border-bottom-width: 0;
}

input[type=search] {
  appearance: searchfield;
  -webkit-appearance: searchfield;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

::placeholder {
  color: #2c3d53;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #2c3d53;
}

::-ms-input-placeholder {
  color: #2c3d53;
}

button {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  font-family: inherit;
}
button:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
}

h1, h2, h3 {
  font-family: "YourNow", sans-serif;
}

hr {
  margin: 0 0 calc(var(--Baseline) * 2);
  border: 0 none;
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}

.c-hr__grey-light {
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
}

strong {
  font-weight: 500;
}

mark {
  background-color: #fa8d2b;
  border-radius: 3px;
  padding: 0 2px;
}

/**
 * Allows you to change the default container name
 * from .o-container.
 *
 * Type: String
 */
/**
 * Allows you to specify the default set of padding
 * left and right of your container. You can use a
 * map in case you would like to specify responsive
 * gutter sizes.
 *
 * Type: Number / List / Map
 */
/**
 * Allows you to specify more sets of padding left and
 * right of your container. You can use a nested map in
 * case you would like to specify responsive gutter sizes.
 *
 * Type: Map
 */
/**
 * Allows you to specify the default max-width of your
 * container. You can use a map in case you would like
 * to specify a responsive size.
 *
 * Type: String / Map
 */
/**
 * Allows you to specify more sets of max-width for your
 * container. You can use a nested map in case you would
 * like to specify a responsive size.
 *
 * Type: Map
 */
.o-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  max-width: 97.6vw;
}
@media screen and ( min-width: 1352px ) {
  .o-container {
    padding-right: 0;
  }
}
@media screen and ( min-width: 1352px ) {
  .o-container {
    padding-left: 0;
  }
}
@media screen and ( min-width: 1352px ) {
  .o-container {
    max-width: 1320px;
  }
}

.o-container--login {
  max-width: 960px;
}

.o-container--account {
  max-width: 700px;
}

.o-container--my-organisation {
  max-width: 550px;
}

.o-container--kb {
  max-width: 95vw;
}
@media screen and ( min-width: 1352px ) {
  .o-container--kb {
    max-width: 1320px;
  }
}

.o-container--small {
  max-width: 95vw;
}
@media screen and ( min-width: 768px ) {
  .o-container--small {
    max-width: 648px;
  }
}

.o-container--content {
  max-width: 95vw;
}
@media screen and ( min-width: 1000px ) {
  .o-container--content {
    max-width: 960px;
  }
}

/**
 * Enable / Disable aligment modifiers.
 * .o-grid--right : Align columns on right horizontally
 * .o-grid--center : Align columns on center horizontally
 * .o-grid--middle : Align columns on middle vertically
 * .o-grid--bottom : Align columns on bottom vertically
 *
 * Type: Boolean
 */
/**
 * Enable / Disable reversed modifier
 * .o-grid--rev : Reverse columns order
 *
 * Type: Boolean
 */
/**
 * Default gutter size. Use a number for a single size or
 * a map for a responsive size.
 *
 * Type: Number / Map 
 */
/**
 * Extra gutters map. Each gutter size will be available as a
 * modifier that will be named according to the gutter name.
 * Each gutter size will be available as a modifier that will
 * be named according to the gutter name.
 * E.g. If $iota-objs-grid-gutter-extra: ('compact': '10px');
 * then .o-grid--compact will be available for use.
 *
 * Type: Map
 */
/**
 * Enable / Disable flexbox on grid.
 * 
 * Type: Boolean
 */
/**
 * Enable / Disable equal height modifier .o-grid--equal-height.
 * Works only if $iota-obj-grid-flex is enabled.
 *
 * Type: Boolean
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.o-grid {
  margin-left: -8px;
  list-style: none;
  box-sizing: border-box;
}
.o-grid > .o-grid__col {
  padding-left: 8px;
  width: 100%;
  box-sizing: inherit;
}

.o-grid--compact {
  margin-left: -16px;
}
.o-grid--compact > .o-grid__col {
  padding-left: 16px;
}

.o-grid--medium {
  margin-left: -48px;
}
.o-grid--medium > .o-grid__col {
  padding-left: 48px;
}

.o-grid--large {
  margin-left: -72px;
}
.o-grid--large > .o-grid__col {
  padding-left: 72px;
}

.o-grid {
  display: flex;
  flex-flow: row wrap;
}
.o-grid > .o-grid__col {
  box-sizing: inherit;
  flex-basis: auto;
  min-width: 0;
}

.o-grid--center {
  justify-content: center;
}

.o-grid--right {
  justify-content: flex-end;
}

.o-grid--top {
  align-items: flex-start;
}

.o-grid--middle {
  align-items: center;
}

.o-grid--bottom {
  align-items: flex-end;
}

.o-grid--around {
  justify-content: space-around;
}

.o-grid--between {
  justify-content: space-between;
}

.o-grid--equal-height > .o-grid__col {
  display: flex;
}

/**
 * Enable / Disable aligment modifiers.
 * .o-list--middle : Align list items on middle vertically
 * .o-list--bottom : Align list items on bottom vertically
 *
 * Type: Boolean
 */
/**
 * Enable / Disable block modifier. .o-list--block : Each list
 * item will have display block with a bottom margin.
 *
 * Type: Boolean
 */
/**
 * Enable / Disable inline modifier. .o-list--inline Each list
 * item will have display inline-block with a right margin.
 *
 * Type: Boolean
 */
/**
 * Enable / Disable span modifier. .o-list--span : Each list
 * item will have display table-cell with a border spacing so
 * that they never wrap to a new row.
 *
 * Type: Boolean
 */
/**
 * Default gutter size. Use a number for a single size or
 * a map for a responsive size.
 *
 * Type: Number / Map
 */
/**
 * Extra gutters map. Each gutter size will be available
 * as a modifier that will be named according to the gutter
 * name. E.g. If $iota-objs-list-gutter-extra: ('compact': '10px');
 * then .o-list--compact will be available for use.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.o-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-list > .o-list__item {
  vertical-align: top;
}

.o-list--inline > .o-list__item {
  display: inline-block;
}
.o-list--inline > .o-list__item:not(:last-child) {
  margin-right: 8px;
}

.o-list--header.o-list--inline > .o-list__item:not(:last-child) {
  margin-right: 32px;
}

@media screen and ( min-width: 1000px ) {
  .o-list--lp.o-list--inline > .o-list__item:not(:last-child) {
    margin-right: 28px;
  }
}
@media screen and ( min-width: 1352px ) {
  .o-list--lp.o-list--inline > .o-list__item:not(:last-child) {
    margin-right: 38px;
  }
}

/**
 * Enable / Disable aligment modifiers.
 * .o-media--middle Align columns at middle vertically
 * .o-media--bottom Align columns at bottom vertically.
 *
 * Type: Boolean
 */
/**
 * Enable / Disable reversed modifier
 * .o-media--rev Reverse columns order
 *
 * Type: Boolean
 */
/**
 * Default gutter size. Use a number for a single size or
 * a map for a responsive size.
 *
 * Type: Number / Map
 */
/**
 * Extra gutters map. Each gutter size will be available as
 * a modifier that will be named according to the gutter name.
 * Use a map for a single size or a nested map for a responsive
 * size. E.g. If $iota-objs-media-gutter-extra: ('compact': '10px');
 * then .o-media--compact will be available for use.
 *
 * Type: Map
 */
/**
 * Enable / Disable flexbox
 *
 * Type: Boolean
 */
/**
 * Enable / Disable responsive modifier.
 * .o-media--res Collapse fluid section bellow fixed one,
 * at a specific max-width breakpoint.
 *
 * Type: Boolean
 */
/**
 * Specify max-width for breakpoint to collapse at.
 *
 * Type: Number
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.o-media {
  display: flex;
  align-items: flex-start;
}
.o-media > .o-media__fixed {
  padding-right: 8px;
}
.o-media > .o-media__fluid {
  flex: 1;
}

/**
 * Allows you to change the default type name from .o-type-.
 * 
 * Type: String
 */
/**
 * Allows you to specify typography sizes.
 *
 * Type: Map
 */
.o-type-xsmall {
  font-size: 12px;
}

.o-type-small {
  font-size: 14px;
}

.o-type-regular {
  font-size: 15.75px;
}

.o-type-medium {
  font-size: 19.93px;
}

.o-type-large {
  font-size: 22.43px;
}

.o-type-xlarge {
  font-size: 28.38px;
}

.o-type-0 {
  font-size: 14px;
}

.o-type-1 {
  font-size: 15.75px;
}

.o-type-2 {
  font-size: 17.72px;
}

.o-type-3 {
  font-size: 19.93px;
}

.o-type-4 {
  font-size: 19.93px;
}
@media screen and ( min-width: 768px ) {
  .o-type-4 {
    font-size: 22.43px;
  }
}

.o-type-5 {
  font-size: 25.23px;
}

.o-type-6 {
  font-size: 25.23px;
}
@media screen and ( min-width: 768px ) {
  .o-type-6 {
    font-size: 28.38px;
  }
}

.o-type-7 {
  font-size: 22.43px;
}
@media screen and ( min-width: 768px ) {
  .o-type-7 {
    font-size: 31.93px;
  }
}

.o-type-8 {
  font-size: 35.92px;
}

.o-type-9 {
  font-size: 40.41px;
}

.o-type-10 {
  font-size: 45.46px;
}

.o-type-11 {
  font-size: 35.92px;
}
@media screen and ( min-width: 768px ) {
  .o-type-11 {
    font-size: 51.15px;
  }
}

.o-type-12 {
  font-size: 57.54px;
}

.o-type-13 {
  font-size: 45.46px;
}
@media screen and ( min-width: 768px ) {
  .o-type-13 {
    font-size: 64.73px;
  }
}

.o-section {
  flex-grow: 1;
  background-image: url(../images/body-bg@1x.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.o-page-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.o-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.o-form-button {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: var(--Baseline);
}

.o-form-label {
  display: block;
  font-weight: 500;
  margin-bottom: calc(var(--Baseline) * 3);
}
.o-form-label.o-form-label--inline {
  display: inline-block;
}
.o-form-label .o-form-label__text {
  display: block;
  margin-bottom: calc(var(--Baseline) * 1);
  line-height: 1.1;
  -webkit-user-select: none;
          user-select: none;
}
.o-form-label .o-form-label__text + .o-form-label__desc {
  margin-top: calc(var(--Baseline) * -0.5);
}
.o-form-label .o-form-label__desc {
  display: block;
  margin-bottom: calc(var(--Baseline) * 1);
  font-weight: normal;
}

.o-input-button {
  position: relative;
  z-index: 4;
  display: block;
}
.o-input-button .o-input-button__input {
  font-size: 12px;
  padding-right: 50px;
  position: relative;
  z-index: 2;
}
.o-input-button .o-input-button__button {
  position: absolute;
  z-index: 4;
  right: 2px;
  top: 2px;
  bottom: 2px;
  max-width: 120px;
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 2);
}
.o-input-button .c-button.o-input-button__clean {
  display: none;
}
.o-input-button .o-input-button__search,
.o-input-button .o-input-button__search:hover {
  position: absolute;
  right: 4px;
  top: 3px;
  z-index: 3;
  background-color: transparent;
  color: #2c3d53;
  border: 0;
}
.o-input-button .o-input-button__search.o-input-button__search--text,
.o-input-button .o-input-button__search:hover.o-input-button__search--text {
  max-width: 120px;
  width: auto;
}
.o-input-button .o-input-button__dropdown {
  position: absolute;
  z-index: 5;
  top: calc(100% - 1px);
  width: 100%;
}

.o-select-svg-wrap {
  position: relative;
  z-index: 3;
  display: block;
  background-color: #fff;
  border-radius: 4px;
}
.o-select-svg-wrap.o-select-svg-wrap--open {
  z-index: 4;
}
.o-select-svg-wrap.o-select-svg-wrap--fleet {
  background-color: #ffffff;
  border-radius: 8px;
  border: 2px solid #e9edf0;
}
.o-select-svg-wrap.o-select-svg-wrap--fleet fleet-svg {
  right: 0 !important;
}
.o-select-svg-wrap fleet-svg {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.o-select-svg-wrap .o-input-button__chevron,
.o-select-svg-wrap .svg-chevron_single-down {
  z-index: 1;
}

.o-autocomplete {
  position: relative;
}
.o-autocomplete .o-autocomplete__dropdown {
  position: absolute;
  z-index: 5;
  top: calc(100% - 1px);
  width: 100%;
}
.o-autocomplete .c-button-loading {
  position: absolute;
  z-index: 4;
}

.o-selected-tags {
  margin-top: calc(var(--Baseline) * 1);
  display: flex;
  flex-wrap: wrap;
}
.o-selected-tags.o-selected-tags--collapsed {
  overflow: hidden;
  max-height: calc(var(--Baseline) * 3);
}
.o-selected-tags.o-selected-tags--expanded {
  max-height: auto;
}
.o-selected-tags:empty {
  margin-top: 0;
}
.o-selected-tags:empty + p {
  display: none;
}
.o-selected-tags .o-selected-tags__tag {
  margin-right: calc(var(--Baseline) / 2);
  margin-bottom: calc(var(--Baseline) / 2);
  min-width: calc(35% - var(--Baseline));
  justify-content: space-between;
}

.o-dictate {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.o-sidebar {
  width: calc(var(--Baseline) * 39);
  height: calc(100vh - var(--read-only-height));
  overflow-y: auto;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
  overflow-x: hidden;
  position: fixed;
  background-color: #fff;
  transform: translateX(calc(100% + 30px));
  transition: transform 0.3s ease-in-out;
}
@media screen and ( min-width: 1000px ) {
  .o-sidebar {
    width: calc(var(--Baseline) * 39 + (100vw - 1000px) * 0.26);
    max-width: calc(var(--Baseline) * 65);
  }
}
.o-sidebar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(44, 61, 83, 0.2);
  transition: opacity 0.6s linear, z-index 0s linear 0.6s, visibility 0s linear 0.6s;
}
.o-sidebar.o-sidebar--open {
  transform: none;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 0 6px 0 rgba(44, 61, 83, 0.26), -10px 0 20px 0 rgba(44, 61, 83, 0.12), -20px 0 20px 0 rgba(44, 61, 83, 0.05);
}
.o-sidebar.o-sidebar--open .c-sidebar-buttons--bottom {
  opacity: 1;
  right: 0;
}
.o-sidebar.o-sidebar--open.o-sidebar--left-align-close {
  transition: transform 0.6s ease-in-out;
}
.o-sidebar.o-sidebar--open.o-sidebar--left-align {
  transition: transform 0.6s ease-in-out;
  overflow: hidden;
  transform: translateX(calc(-100vw + var(--Baseline) * 39));
}
@media screen and ( min-width: 1000px ) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align {
    transform: translateX(calc(-100vw + var(--Baseline) * 39 + (100vw - 1000px) * 0.26));
  }
}
@media (min-width: 1800px) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align {
    transform: translateX(calc(-100vw + var(--Baseline) * 65));
  }
}
@media (min-width: 2120px) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align {
    transform: translateX(calc(-100vw + 100vw - 1600px));
  }
}
.o-sidebar.o-sidebar--open.o-sidebar--left-align:before {
  z-index: 31;
  opacity: 1;
  transition: opacity 0.6s linear;
  visibility: visible;
}
.o-sidebar.o-sidebar--open.o-sidebar--left-align-cards {
  transition: transform 0.6s ease-in-out;
  overflow: hidden;
  transform: translateX(calc(-100vw + var(--Baseline) * 39));
}
@media screen and ( min-width: 1000px ) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align-cards {
    transform: translateX(calc(-100vw + var(--Baseline) * 39 + (100vw - 1000px) * 0.26));
  }
}
@media (min-width: 600px) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align-cards {
    transform: translateX(calc(-100vw + var(--Baseline) * 130));
  }
}
@media (min-width: 2120px) {
  .o-sidebar.o-sidebar--open.o-sidebar--left-align-cards {
    transform: translateX(calc(-100vw + 100vw - 1600px));
  }
}
.o-sidebar.o-sidebar--open.o-sidebar--left-align-cards:before {
  z-index: 31;
  opacity: 1;
  transition: opacity 0.6s linear;
  visibility: visible;
}
.o-sidebar .o-sidebar__wrap {
  position: relative;
}
.o-sidebar .o-sidebar__wrap .c-loading {
  left: calc(100vw - 260px);
}

.o-tac-area {
  height: 30vh;
  min-height: 300px;
  overflow-y: auto;
  position: relative;
}

.o-alerts {
  width: 100%;
  position: fixed;
  bottom: calc(var(--Baseline) * 9);
  z-index: 25;
}
.o-alerts .o-alerts__alert {
  display: flex;
}
.o-alerts .o-alerts__alert:last-child {
  margin-bottom: 0;
}
.o-alerts .o-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.no-scroll .o-alerts {
  padding-right: calc(var(--Baseline) * 39 + (100vw - 1000px) * 0.26);
}
@media (min-width: 1800px) {
  .no-scroll .o-alerts {
    padding-right: calc(var(--Baseline) * 65);
  }
}

.c-backdrop:before {
  content: "";
  display: block;
  background-color: rgba(44, 61, 83, 0.2);
  opacity: 0;
  z-index: -3;
  transition: opacity 200ms ease-in-out, z-index 10ms linear 200ms;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-backdrop.shown:before {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  z-index: 11;
}
.c-backdrop.shown .o-alerts {
  width: calc(100% - 400px - 100px);
  left: calc(50% - 200px);
}
@media screen and ( min-width: 1800px ) {
  .c-backdrop.shown .o-alerts {
    width: calc(100% - 540px - 100px);
    left: calc(50% - 270px);
  }
}

.o-ol {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: calc(var(--Baseline) * 2);
}
.o-ol .o-ol__item {
  margin-bottom: calc(var(--Baseline) * 1);
}
.o-ol.o-ol--decimal {
  list-style-type: decimal;
}
.o-ol.o-ol--alpha {
  list-style-type: lower-alpha;
}
.o-ol.o-ol--roman {
  list-style-type: lower-roman;
}
.o-ol.o-ol--lh15 {
  line-height: 1.5;
}
.o-ol.o-ol--inside {
  list-style-position: inside;
  margin-left: 0;
}

.o-type-xsmall .o-ol {
  line-height: 17px;
}

.o-ul {
  list-style-position: outside;
  list-style-type: disc;
  margin-left: calc(var(--Baseline) * 2);
}
.o-ul .o-ul__item {
  margin-bottom: calc(var(--Baseline) * 1);
}
.o-ul.o-ul--disc {
  list-style-type: disc;
}
.o-ul.o-ul--square {
  list-style-type: square;
}
.o-ul.o-ul--circle {
  list-style-type: circle;
}

.c-header {
  height: 65px;
  background-color: #00405b;
}

.c-header-logo {
  flex: 1 0 0;
  align-self: center;
  min-width: 100px;
}
.c-header-logo .c-header-logo__image {
  height: calc(var(--Baseline) * 3);
  width: auto;
}
.c-header-logo .c-header-logo__image.c-header-logo__image--white {
  height: calc(var(--Baseline) * 4);
  filter: brightness(0) invert(1);
}

.c-page-header {
  margin-bottom: calc(var(--Baseline) * 10);
  padding-top: calc(var(--Baseline) * 20);
  color: #fff;
}
.c-page-header .c-page-header__back {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-page-header .c-page-header__back > svg {
  margin-right: calc(var(--Baseline) / 2);
}
.c-page-header .c-page-header__back:hover {
  color: #faa000;
}
.c-page-header .c-page-header__back:hover > svg {
  fill: #faa000;
}
.c-page-header .c-page-header__title {
  font-size: 35.92px;
  line-height: 1.1;
  font-weight: 500;
  margin-left: calc(var(--Baseline) * 4);
}
@media screen and ( min-width: 1000px ) {
  .c-page-header .c-page-header__title {
    margin-left: 0;
  }
}
.c-page-header .c-page-header__title.c-page-header__title--large {
  font-size: 45.46px;
  font-weight: 400;
}

.c-content-head {
  padding-top: calc(var(--Baseline) * 20);
  padding-bottom: calc(var(--Baseline) * 10);
  color: #fff;
}
.c-content-head .c-content-head__title {
  font-size: 45.46px;
  line-height: 1.35;
  margin-left: calc(var(--Baseline) * 2);
}

.c-kb-header {
  height: calc(var(--Baseline) * 8);
  background-color: #edf1f5;
}

.c-kb-header-logo {
  flex-grow: 0;
  align-self: center;
}
.c-kb-header-logo .c-kb-header-logo__image {
  height: auto;
  width: calc(var(--Baseline) * 20);
}
.c-kb-header-logo .c-kb-header-logo__image.c-kb-header-logo__image--white {
  height: calc(var(--Baseline) * 4);
  filter: brightness(0) invert(1);
}
.c-kb-header-logo .c-kb-header__buttons {
  display: flex;
}

.c-kb-header__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and ( min-width: 1000px ) {
  .c-kb-header__buttons {
    flex-grow: 1;
  }
}

.c-kb-header__buttons .c-kb-header__button {
  border-radius: 0;
  display: flex;
  text-transform: uppercase;
  background-color: #005478;
}
.c-kb-header__buttons .c-kb-header__button:hover, .c-kb-header__buttons .c-kb-header__button:focus, .c-kb-header__buttons .c-kb-header__button:active {
  background-color: #faa000;
  color: #fff;
}

.c-header-nav {
  position: relative;
  white-space: nowrap;
  height: 65px;
}
.c-header-nav .c-header-nav__menu {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 calc(var(--Baseline) * 4);
  display: flex;
  list-style: none;
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  line-height: 1;
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu .c-header-link {
  padding: calc(var(--Baseline) * 1);
  border-radius: calc(var(--Baseline) / 2);
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu .c-header-link:hover {
  background-color: #005478;
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu > li:not(:last-child) {
  margin-right: calc(var(--Baseline) * 1);
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu > li > a:hover + .tooltip-content {
  display: block;
  opacity: 1;
  transition: all 0ms linear 350ms;
}
.c-header-nav .c-header-nav__menu.c-header-nav__menu--user-menu > li .c-notifications__bell:hover + .tooltip-content {
  display: block;
  opacity: 1;
  transition: all 0ms linear 350ms;
}

.c-header-nav__item {
  position: relative;
  font-size: 15.75px;
  line-height: calc(var(--Baseline) * 3);
  margin: 0;
  font-family: "YourNow", serif;
  font-weight: bold;
  display: flex;
}
.c-header-nav__item:not(:last-child) {
  margin-right: calc(var(--Baseline) * 4);
}
.c-header-nav__item.active .c-header-link, .c-header-nav__item.selected .c-header-link {
  color: #faa000 !important;
}
.c-header-nav__item.active:before, .c-header-nav__item.selected:before {
  content: "";
  top: -21px;
  left: 0;
  position: absolute;
  width: 100%;
  display: block;
  border-top: 3px solid #faa000;
}
.c-header-nav__item.c-header-nav__item--user > .c-header-link {
  text-transform: none;
  display: flex;
  justify-content: flex-end;
  display: flex;
}
.c-header-nav__item.c-header-nav__item--user > .c-header-link:after {
  display: none;
}
.c-header-nav__item.c-header-nav__item--support > .c-header-link {
  text-transform: none;
  display: flex;
  justify-content: flex-end;
  display: flex;
}
.c-header-nav__item.c-header-nav__item--support > .c-header-link:after {
  display: none;
}
.c-header-nav__item .c-header-nav__username {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(var(--Baseline) * 25);
  min-width: 18px;
}
.c-header-nav__item .c-header-nav__username:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  margin: 2px auto 0;
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: rotate(-45deg);
}
.c-header-nav__item.c-header-nav__item--open .c-child-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-header-nav__item.c-header-nav__item--open .tooltip-content {
  opacity: 0 !important;
  transition: none !important;
}

.c-header-link {
  color: #fff !important;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-header-link:hover, .c-header-link:focus {
  color: #faa000;
}
.c-header-link .c-header-link__profile {
  max-width: calc(var(--Baseline) * 3);
}

.c-lang-menu {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.15s ease-out;
}
.c-lang-menu.c-lang-menu--open {
  max-height: 300px;
  transition: max-height 0.2s ease-in;
}
.c-lang-menu .c-lang-menu__item {
  border: 0;
}
.c-lang-menu .c-lang-menu__item:first-child {
  border-top: 1px solid rgba(24, 47, 71, 0.5);
}

.c-organisation__nav {
  padding: 0 calc(var(--Baseline) * 2);
}
.c-organisation__nav .c-organisation__tabs {
  display: flex;
  list-style: none;
}
.c-organisation__nav .c-organisation__item {
  font-size: 15.75px;
  line-height: 18px;
  margin: 0;
  font-family: "YourNow", serif;
  font-weight: bold;
  white-space: nowrap;
}
.c-organisation__nav .c-organisation__item:not(:last-child) {
  padding-right: calc(var(--Baseline) * 6);
}
.c-organisation__nav .c-organisation__item.c-organisation__item--selected .c-organisation__link {
  color: #faa000;
}
.c-organisation__nav .c-organisation__item.c-organisation__item--selected .c-organisation__link:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  display: block;
  border-top: 3px solid #faa000;
}
.c-organisation__nav .c-organisation__link {
  padding: calc(var(--Baseline) * 3) 0;
  color: #fff;
  text-transform: uppercase;
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-organisation__nav .c-organisation__link:hover, .c-organisation__nav .c-organisation__link:focus {
  color: #faa000;
}

.c-child-menu {
  min-width: calc(var(--Baseline) * 20);
  max-width: calc(var(--Baseline) * 35);
  top: calc(100% + var(--Baseline) * 1);
  right: 0;
  position: absolute;
  display: flex;
  opacity: 0;
  visibility: hidden;
  z-index: 6;
  transform: translateY(-2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, right 0s linear;
  border-radius: calc(var(--Baseline));
  background: var(--fleet-portal-grey-colors-white-ffffff, #FFF);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.c-child-menu.c-child-menu--support {
  max-width: max-content;
  white-space: normal;
}
.c-child-menu.c-child-menu--left {
  left: 0;
  right: auto;
}
.c-child-menu .c-child-menu__item {
  min-width: calc(var(--Baseline) * 33);
  list-style: none;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.45;
  font-size: 12px;
  font-family: "YourNow";
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: calc(var(--Baseline));
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
}
.c-child-menu .c-child-menu__item:first-child {
  padding-top: var(--Baseline);
}
.c-child-menu .c-child-menu__item:last-child {
  padding-bottom: var(--Baseline);
}
.c-child-menu .c-child-menu__link {
  height: 40px;
  line-height: 40px;
  padding: 0 var(--Baseline);
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
  flex: 1;
  color: #001e3e;
  font-size: 14px;
  font-family: "YourNow", sans-serif;
}
.c-child-menu .c-child-menu__link .link_container {
  display: flex;
  flex: 1;
  padding: 0 calc(var(--Baseline) * 2);
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  color: #2c3d53;
}
.c-child-menu .c-child-menu__link .link_container:hover {
  background-color: #f4f7f9;
  border-radius: 4px;
}
.c-child-menu .c-child-menu__link .link_container .ext_icon_container {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.c-child-menu .c-child-menu__link .link_container .ext_icon_container img {
  width: 16px;
  height: 16px;
  line-height: normal;
}
.c-child-menu .hr_container {
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.c-child-menu .hr_container hr {
  display: flex;
  height: 1px;
  margin: 0;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.c-child-menu .c-child-menu__label {
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 2);
  padding-top: calc(var(--Baseline) * 1.5);
  display: block;
  color: #969ea9;
  text-transform: uppercase;
  font-weight: 400;
}
.c-child-menu .c-child-menu__support-left-col {
  min-width: calc(var(--Baseline) * 33);
  flex: 1 0 auto;
  background-color: #F4F7F9;
  border-radius: calc(var(--Baseline));
}
.c-child-menu .c-child-menu__support-right-col {
  min-width: calc(var(--Baseline) * 33);
  flex: 1 0 auto;
}

.c-side-nav {
  padding: calc(var(--Baseline) * 1);
  background-color: #004166;
  border-radius: calc(var(--Baseline) / 2);
}
.c-side-nav .c-side-nav__wrap {
  list-style: none;
}
.c-side-nav .c-side-nav__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-side-nav .c-side-nav__item.c-side-nav__item--selected .c-side-nav__link {
  background-color: #fff9bd;
  color: #2c3d53;
}
.c-side-nav .c-side-nav__link {
  padding: calc(var(--Baseline) * 1);
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: calc(var(--Baseline) * 2);
  font-size: 14px;
  border-radius: calc(var(--Baseline) / 4);
  transition: background-color 0.2s linear;
}
.c-side-nav .c-side-nav__link:hover, .c-side-nav .c-side-nav__link:focus {
  background-color: rgba(0, 30, 62, 0.5);
}

.public-header {
  display: flex;
  width: 100%;
  height: 96px;
  justify-content: space-between;
  padding: 16px 0;
  gap: 50px;
  position: fixed;
  background-color: #fff;
  z-index: 5;
}
@media screen and (max-width: 1351px) {
  .public-header {
    padding: 32px 24px 0;
  }
}
@media screen and (max-width: 767px) {
  .public-header {
    height: 64px;
    padding-top: 20px;
  }
}
.public-header.logo-header {
  display: block;
  padding: 24px 24px;
  position: relative;
}
.public-header.map-header {
  display: flex;
  padding: 17px 24px;
  height: 65px;
  margin-top: -65px;
}
.public-header.map-header .public-nav__logo {
  margin: 0;
}
.public-header.map-header .public-nav__wrapper {
  margin: 0;
}
.public-header .public-nav__logo {
  margin-left: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1351px) {
  .public-header .public-nav__logo {
    margin: 0;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .public-header .public-nav__logo .public-nav__logo-image {
    height: 25px;
  }
}
.public-header .public-nav__wrapper {
  margin-right: auto;
  display: flex;
  gap: 50px;
}
.public-header .public-nav__wrapper .public-nav__menu {
  align-items: center;
  display: flex;
}
.public-header .public-nav__wrapper .public-nav__menu .public-nav__list {
  list-style: none;
  display: flex;
  gap: 50px;
}
.public-header .public-nav__wrapper .public-nav__options {
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 32px;
}
.public-header .public-nav__wrapper .public-nav__options .public-nav__login-link {
  font-weight: bold;
  color: #005478;
  text-transform: uppercase;
}
.public-header .public-nav__wrapper .public-nav__options .c-sf-header__button {
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #faa000;
  text-transform: uppercase;
  display: none;
  color: #fff;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 18px;
}
@media screen and ( min-width: 768px ) {
  .public-header .public-nav__wrapper .public-nav__options .c-sf-header__button {
    display: flex;
  }
}
.public-header .public-nav__wrapper .public-nav__options .c-sf-header__button:hover, .public-header .public-nav__wrapper .public-nav__options .c-sf-header__button:focus, .public-header .public-nav__wrapper .public-nav__options .c-sf-header__button:active {
  background-color: #e69300;
}
.public-header .public-nav__wrapper .public-nav__market-select {
  display: flex;
  align-items: center;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu {
  position: relative;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu > a {
  cursor: pointer;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu > a ::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 27px;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu > a ::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: black;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu .language-dropdown {
  display: none;
  position: absolute;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu.active > .language-dropdown {
  display: block;
}
.public-header .public-nav__wrapper .public-nav__market-select .country-menu {
  margin-left: -18px;
  position: relative;
}
.public-header .public-nav__wrapper .public-nav__market-select .country-menu::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 27px;
  background-color: #005478;
}
.public-header .public-nav__wrapper .public-nav__market-select .country-menu .country-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('../images/ui_globe.svg?t=1750145466751');
  background-size: cover;
  margin-left: calc(var(--Baseline) * 4);
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu {
  margin-left: -18px;
  position: relative;
  display: flex;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 27px;
  background-color: #005478;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu::after {
  content: "";
  -webkit-mask: url('../images/chevron_single-down.svg?t=1750145466751') no-repeat 50% 50%;
  mask: url('../images/chevron_single-down.svg?t=1750145466751') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #005478;
  display: block;
  width: 24px;
  height: 24px;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu:hover > .language-dialog {
  display: flex;
}
.public-header .public-nav__wrapper .public-nav__market-select .language-menu > a {
  text-transform: uppercase;
  font-size: 18px;
  margin-left: calc(var(--Baseline) * 4);
  margin-right: calc(var(--Baseline) / 2);
  color: #005478;
}
.public-header .public-header__burger-menu {
  display: block;
  height: 32px;
}
.public-header .public-header__burger-menu .public-header__burger-menu__button {
  background-image: url('../images/ui_burger_open.svg?t=1750145466751');
  width: 32px;
  height: 32px;
  background-size: cover;
}

.public-nav__list-item .public-nav__link {
  font-size: 18px;
  color: #005478;
  text-decoration: none;
}

.public-header.register-header {
  background-color: transparent;
}
.public-header.register-header::before {
  display: none;
}

.register-header {
  padding: 32px 56px;
  position: relative;
  flex: 0;
}
@media screen and (max-width: 767px) {
  .register-header {
    background-color: #fff !important;
    height: 76px;
    padding: 16px 24px;
  }
}
.register-header .public-nav__logo {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .register-header .public-nav__logo {
    padding-top: 5px;
  }
}
.register-header .public-nav__wrapper {
  margin: 0;
}
.register-header .language-menu::before {
  display: none;
}
.register-header .country-menu::before {
  display: none;
}

.support-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.support-wrapper .support-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('../images/support_32px.svg?t=1750145466751');
  background-size: cover;
}

.burger-menu {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  left: 100%;
  transition: all 500ms ease-in-out;
  z-index: 10;
  color: #005478;
}
.burger-menu.burger-register {
  margin-top: -76px;
}
.burger-menu.show {
  left: 0;
}
.burger-menu .burger-menu__header-wrapper {
  display: flex;
  width: 100%;
  height: 76px;
  flex-direction: column;
  align-items: flex-start;
  background-color: #eaf1f5;
}
.burger-menu .burger-menu__header-wrapper .burger-menu__header {
  display: flex;
  padding: 18px 24px;
  justify-content: space-between;
  align-self: stretch;
  height: 75px;
  background-color: #fff;
}
.burger-menu .burger-menu__header-wrapper .burger-menu__header .burger-menu__close {
  display: block;
  background-image: url('../images/ui_burger_close.svg?t=1750145466751');
  background-size: cover;
  width: 32px;
  height: 32px;
}
.burger-menu .burger-menu__content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 91%;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content {
  padding: 28px 24px;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__nav__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market .burger-menu__current-market__icon {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('../images/ui_globe.svg?t=1750145466751');
  background-size: cover;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market .burger-menu__current-market__market {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  text-transform: uppercase;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market .burger-menu__current-market__market .burger-menu__current-market__country {
  font-size: inherit;
  text-transform: inherit;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market .burger-menu__current-market__market .burger-menu__current-market__language {
  font-size: 15px;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__content .burger-menu__nav .burger-menu__current-market .burger-menu__current-market__market .burger-menu__current-market__singular {
  font-size: inherit;
  text-transform: inherit;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__buttons {
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__buttons > button {
  color: #fff;
  background-color: #005478;
  text-transform: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 12px 0;
}
.burger-menu .burger-menu__content-wrapper .burger-menu__buttons > a {
  text-transform: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #005478;
  margin: auto;
}
.burger-menu .burger-menu__market-select__wrapper {
  position: absolute;
  left: 100%;
  transition: all 500ms ease-in-out;
  z-index: 12;
  width: 100%;
  height: 100%;
  background-color: white;
}
.burger-menu .burger-menu__market-select__wrapper.show {
  left: 0;
}
.burger-menu .burger-menu__market-select__wrapper .burger-menu__market-select {
  padding: 28px 24px;
}
.burger-menu .burger-menu__market-select__wrapper .burger-menu__market-select .burger-menu__back {
  display: inline-block;
  vertical-align: middle;
}
.burger-menu .burger-menu__market-select__wrapper .burger-menu__market-select .burger-menu__back::before {
  content: "";
  -webkit-mask: url('../images/chevron_single-left.svg?t=1750145466751') no-repeat 50% 50%;
  mask: url('../images/chevron_single-left.svg?t=1750145466751') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #005478;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.burger-menu .burger-menu__market-select__wrapper .burger-menu__market-select .burger-menu__back > span {
  font-size: 15px;
  text-transform: uppercase;
  vertical-align: middle;
}
.burger-menu .burger-menu__logo-image {
  width: 179px;
  height: 25.283px;
}

.portal-header .portal-header__content {
  display: flex;
  margin: auto;
  height: inherit;
  max-width: 1320px;
  justify-content: space-between;
}
.portal-header .portal-logo {
  padding-top: 16px;
}
.portal-header .portal-logo.mercedes-logo {
  padding-top: 8px;
}
.portal-header .portal-logo .portal-logo__image {
  height: calc(var(--Baseline) * 3);
}
.portal-header .portal-logo .portal-logo__image.mercedes-logo {
  height: calc(var(--Baseline) * 5);
}
.portal-header .portal-navigation {
  display: flex;
  align-items: center;
  gap: 32px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.portal-header .portal-navigation .portal-navigation__item {
  position: relative;
}
.portal-header .portal-navigation .portal-navigation__item.selected ::before {
  content: "";
  top: -21px;
  left: 0;
  position: absolute;
  width: 100%;
  display: block;
  border-top: 3px solid #faa000;
}
.portal-header .portal-navigation .portal-navigation__item.selected .portal-navigation__link {
  color: #faa000;
}
.portal-header .portal-navigation .portal-navigation__link {
  color: #fff;
  text-decoration: none;
}
.portal-header .portal-navigation .portal-navigation__link:hover {
  text-decoration: none;
}
.portal-header .portal-menus {
  display: flex;
  align-items: center;
  gap: calc(var(--Baseline));
}
.portal-header .portal-menus .portal-menu__button {
  height: calc(var(--Baseline) * 5);
  width: calc(var(--Baseline) * 5);
  border-radius: calc(var(--Baseline) / 2);
  padding: calc(var(--Baseline));
  position: relative;
}
.portal-header .portal-menus .portal-menu__button:hover {
  background-color: #005478;
}
.portal-header .portal-menus .portal-menu__button > img {
  height: calc(var(--Baseline) * 3);
  width: calc(var(--Baseline) * 3);
  border-radius: 50%;
}
.portal-header .portal-nav__dropdown {
  background-color: #fff;
  padding: 0;
  position: absolute;
  top: 48px;
  right: 5px;
  margin: 0;
  border-radius: 8px;
  z-index: 4;
  min-width: 264px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.portal-header .portal-nav__dropdown:focus-visible {
  outline: none !important;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__header {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__section {
  padding: 8px 16px;
  min-width: 264px;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__section:focus-visible {
  outline: none !important;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__item {
  padding: 11px 8px;
  display: flex;
  justify-content: space-between;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__item:focus-visible {
  outline: none !important;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__item:hover, .portal-header .portal-nav__dropdown .portal-nav__dropdown__item :focus {
  background-color: #f4f7f9;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__link {
  color: #001e3e !important;
}
.portal-header .portal-nav__dropdown .portal-nav__dropdown__link:hover, .portal-header .portal-nav__dropdown .portal-nav__dropdown__link :focus {
  color: #001e3e !important;
}
.portal-header .account-menu .portal-nav__dropdown__section:last-child {
  border-top: 1px solid #DFE4EA;
}

.unread-notifications {
  width: 8px;
  height: 8px;
  background-color: orange;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 21px;
}

.news-menu {
  width: 373px;
  font-size: 14px;
}
.news-menu .portal-nav__dropdown__body {
  max-height: 700px;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
.news-menu .news-menu--empty {
  height: 149px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-top: 1px solid #DFE4EA;
}
.news-menu .news-menu__item {
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #DFE4EA;
  position: relative;
  cursor: pointer;
}
.news-menu .news-menu__item.unread ::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #FA8D2B;
  position: absolute;
  top: 23px;
  left: 12px;
}
.news-menu .news-menu__item.unread .news-menu__item__title {
  font-weight: 500;
}
.news-menu .news-menu__item .news-menu__item__title {
  line-height: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-menu .news-menu__item .news-menu__item__info {
  display: flex;
  gap: 8px;
  font-size: 14px;
  color: #969EA9;
}
.news-menu .news-menu__item .news-menu__item__info__separator {
  width: 3px;
  height: 3px;
  background-color: #969EA9;
  border-radius: 50%;
  margin-top: 7px;
}

.support-menu .support-menu__wrapper {
  display: flex;
}
.support-menu .support-menu__onboarding {
  display: flex;
  flex-direction: column;
  background-color: #f4f7f9;
}
.support-menu .support-menu__onboarding .onboarding__header {
  display: flex;
  justify-content: left;
  gap: 16px;
  align-items: center;
}
.support-menu .support-menu__onboarding .onboarding__header .onboarding__progress {
  --data-pct: attr(data-pct);
  width: calc(var(--Baseline) * 5);
  height: calc(var(--Baseline) * 5);
  border-radius: 50%;
  position: relative;
}
.support-menu .support-menu__onboarding .onboarding__header .onboarding__progress:after {
  content: attr(data-pct) "%";
  position: absolute;
  top: 11px;
  color: #005478;
  font-weight: 500;
  left: 7px;
}
.support-menu .support-menu__onboarding .onboarding__header .onboarding__progress[data-pct="33"] {
  background: radial-gradient(closest-side, #edf1f5 79%, transparent 80% 100%), conic-gradient(#005478 33%, #edf1f5 0);
}
.support-menu .support-menu__onboarding .onboarding__header .onboarding__progress[data-pct="66"] {
  background: radial-gradient(closest-side, #edf1f5 79%, transparent 80% 100%), conic-gradient(#005478 66%, #edf1f5 0);
}
.support-menu .support-menu__onboarding .onboarding__header .onboarding__progress[data-pct="100"] {
  background: radial-gradient(closest-side, #edf1f5 79%, transparent 80% 100%), conic-gradient(#005478 100%, #edf1f5 0);
}
.support-menu .support-menu__onboarding .onboarding__body {
  display: grid;
  gap: 22px 16px;
  grid-template-columns: auto auto;
  padding-top: 11px;
  padding-left: 8px;
  padding-right: 8px;
}
.support-menu .support-menu__onboarding .onboarding__body > div {
  position: relative;
  width: 24px;
}
.support-menu .support-menu__onboarding .onboarding__body > div > fleet-svg {
  position: absolute;
  top: -3px;
}
.support-menu .support-menu__onboarding .onboarding__body > div > fleet-svg > svg {
  fill: #74b2a7;
}
.support-menu .support-menu__onboarding .onboarding__body .onboarding__label {
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}

.nav__dropdown {
  background-color: #fff;
  padding: 0;
  position: absolute;
  top: 48px;
  margin: 0;
  border-radius: 8px;
  z-index: 4;
  min-width: 264px;
}
.nav__dropdown:focus-visible {
  outline: none !important;
}
.nav__dropdown .nav__dropdown__section {
  padding: 8px 16px;
  min-width: 264px;
}
.nav__dropdown .nav__dropdown__section:focus-visible {
  outline: none !important;
}
.nav__dropdown .nav__dropdown__item {
  padding: 11px 8px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.nav__dropdown .nav__dropdown__item > svg {
  width: 16px;
  height: 16px;
}
.nav__dropdown .nav__dropdown__item:focus-visible {
  outline: none !important;
}
.nav__dropdown .nav__dropdown__item:hover, .nav__dropdown .nav__dropdown__item :focus {
  background-color: #f4f7f9;
}
.nav__dropdown .nav__dropdown__link {
  color: #001e3e !important;
  font-weight: 500;
}

.c-kb-header-nav {
  position: relative;
  white-space: nowrap;
  height: calc(var(--Baseline) * 8);
}
.c-kb-header-nav .c-kb-header-nav__menu {
  list-style: none;
}
@media screen and ( min-width: 1000px ) {
  .c-kb-header-nav .c-kb-header-nav__menu {
    padding: 0 calc(var(--Baseline) * 6);
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
  }
}
.c-kb-header-nav .c-kb-header-nav__menu.c-kb-header-nav__menu--user-menu {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

.c-kb-header-nav__item {
  position: relative;
  font-size: 14px;
  line-height: calc(var(--Baseline) * 2);
  margin: 0;
}
.c-kb-header-nav__item:not(:last-child) {
  padding-right: calc(var(--Baseline) * 2);
}
@media screen and ( min-width: 1000px ) {
  .c-kb-header-nav__item:not(:last-child) {
    padding-right: calc(var(--Baseline) * 4);
  }
}
.c-kb-header-nav__item.active .c-kb-header-link, .c-kb-header-nav__item.selected .c-kb-header-link {
  color: #001e3e;
}
.c-kb-header-nav__item.active .c-kb-header-link:after, .c-kb-header-nav__item.selected .c-kb-header-link:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  display: block;
  border-top: 3px solid #001e3e;
}
.c-kb-header-nav__item.c-kb-header-nav__item--user > .c-kb-header-link {
  text-transform: none;
  display: flex;
  letter-spacing: 0.7px;
  justify-content: flex-end;
  display: flex;
}
.c-kb-header-nav__item.c-kb-header-nav__item--user > .c-kb-header-link:hover {
  min-width: calc(var(--Baseline) * 20);
}
.c-kb-header-nav__item.c-kb-header-nav__item--user > .c-kb-header-link:after {
  display: none;
}
.c-kb-header-nav__item .c-kb-header-nav__username {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(var(--Baseline) * 25);
  min-width: 18px;
}
.c-kb-header-nav__item .c-kb-header-nav__username:before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  margin: 2px auto 0;
  border-left: solid 2px #FFF;
  border-bottom: solid 2px #FFF;
  transform: rotate(-45deg);
}
.c-kb-header-nav__item:hover .c-child-menu {
  display: block;
}

.c-kb-header-link {
  padding: calc(var(--Baseline) * 3) 0;
  color: #69768c;
  text-transform: uppercase;
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-kb-header-link:hover, .c-kb-header-link:focus {
  color: #001e3e;
}
.c-kb-header-link .c-kb-header-link__avatar {
  height: calc(var(--Baseline) * 3);
  width: auto;
  max-width: calc(var(--Baseline) * 3);
  margin-right: calc(var(--Baseline) * 1.5);
  margin-top: -2px;
  margin-bottom: -2px;
  border-radius: 50%;
}

.c-kb-side-nav {
  padding: calc(var(--Baseline) * 4);
}
.c-kb-side-nav .c-kb-side-nav__wrap {
  list-style: none;
}
.c-kb-side-nav .c-kb-side-nav__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-kb-side-nav .c-kb-side-nav__item.c-kb-side-nav__item--selected .c-kb-side-nav__link {
  border-radius: 2px;
  background-color: #FFF9BD;
  color: #2c3d53;
  box-shadow: 0px 1px 1px 0px rgba(0, 30, 62, 0.07);
}
.c-kb-side-nav .c-kb-side-nav__link {
  padding: calc(var(--Baseline) * 1.5);
  color: #2c3d53;
  display: block;
  font-weight: 500;
  line-height: calc(var(--Baseline) * 2);
  font-size: 14px;
  border-radius: calc(var(--Baseline) / 4);
  transition: background-color 0.2s linear;
}
.c-kb-side-nav .c-kb-side-nav__link:hover, .c-kb-side-nav .c-kb-side-nav__link:focus {
  background-color: #dde4ec;
}

.c-footer {
  border-top: 1px solid #182f47;
  color: #fff;
}
.c-footer .c-footer__wrap {
  height: calc(var(--Baseline) * 10 - 1px);
  padding: 0 calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
}
.c-footer .c-footer__menu {
  display: flex;
  align-items: center;
}
.c-footer .c-footer__item {
  list-style: none;
  letter-spacing: 0.7px;
  font-weight: 700;
  font-family: "YourNow", serif;
  position: relative;
}
.c-footer .c-footer__item:not(:last-child) {
  padding-right: calc(var(--Baseline) * 3);
}
.c-footer .c-footer__link {
  display: block;
  color: #fff !important;
}
.c-footer .c-footer__link:hover {
  color: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow.active {
  color: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow.active .svg-chevron_single-down {
  transform: rotate(180deg);
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow.active .svg-chevron_single-down > g {
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow.active .c-footer__icon {
  transform: rotate(180deg);
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow.active .c-footer__icon g {
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow .svg-chevron_single-down {
  fill: #fff;
}
.c-footer .c-footer__link.c-footer__link--arrow .svg-chevron_single-down > g {
  fill: #fff;
}
.c-footer .c-footer__link.c-footer__link--arrow:hover .svg-chevron_single-down {
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow:hover .svg-chevron_single-down > g {
  fill: #faa000;
}
.c-footer .c-footer__link.c-footer__link--arrow:hover .c-footer__icon g {
  fill: #faa000;
}

.c-footer-dropdown {
  width: calc(var(--Baseline) * 20);
  bottom: calc(100% + var(--Baseline) * 2);
  left: calc(var(--Baseline) * 2);
  z-index: 2;
  transform: translateX(-50%);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateX(-50%) translateY(2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
}
@media screen and ( min-width: 1800px ) {
  .c-footer-dropdown {
    left: 50%;
    transform: translateX(-50%) translateY(2em);
  }
}
.c-footer-dropdown.c-footer-dropdown--active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-footer-dropdown .c-footer-dropdown__item {
  list-style: none;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.45;
  font-size: 12px;
  font-family: "YourNow";
  background-color: #fff;
}
.c-footer-dropdown .c-footer-dropdown__item:first-child {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding-top: var(--Baseline);
}
.c-footer-dropdown .c-footer-dropdown__item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-bottom: var(--Baseline);
}
.c-footer-dropdown .c-footer-dropdown__link {
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 2);
  display: block;
  color: #001e3e;
}
.c-footer-dropdown .c-footer-dropdown__link:hover {
  background-color: #edf1f5;
}
.c-footer-dropdown .c-footer-dropdown__label {
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 2);
  padding-top: calc(var(--Baseline) * 1.5);
  display: block;
  color: #969ea9;
  text-transform: uppercase;
  font-weight: 400;
}
.c-footer-dropdown .c-footer-dropdown__label:first-child {
  padding-top: calc(var(--Baseline) * 1);
}

.register-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 32px;
  justify-content: center;
  line-height: 20px;
}
@media screen and (max-width: 767px) {
  .register-footer {
    border-top: 1px solid #eaf1f5;
    justify-content: flex-start;
    padding: 24px;
  }
}
.register-footer .footer-element {
  font-size: 15.75px;
  font-size: 500;
  color: rgba(0, 30, 62, 0.62) !important;
}

.c-dot-small {
  border-radius: 2px;
  width: var(--Baseline);
  height: var(--Baseline);
  display: inline-block;
}
.c-dot-small.c-dot-small--circle {
  border-radius: 50%;
}

.c-form-field {
  width: 100%;
  padding: var(--Baseline);
  height: calc(var(--Baseline) * 4);
  margin-bottom: var(--Baseline);
  display: block;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  z-index: 1;
  position: relative;
}
.c-form-field.c-form-field--default {
  border: 1px solid #cbd2dc;
  box-shadow: inset 0px 2px 3px 0px rgba(44, 61, 83, 0.1);
}
.c-form-field.c-form-field--error .c-form-field:last-child {
  margin-bottom: 0;
}
.c-form-field:hover {
  border: 1px solid rgb(0, 84, 120);
}
.c-form-field:focus {
  box-shadow: 0px 0px 0px 2px rgb(253, 201, 155);
}
.c-form-field.c-form-field--blue {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  background-color: #e9edf0;
  border-width: 0;
  color: #1a1a1a;
  font-size: 15.75px;
  line-height: calc(var(--Baseline) * 2);
  display: block;
  border-radius: 0;
}
.c-form-field.c-form-field--blue::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.c-form-field.c-form-field--blue:focus {
  box-shadow: none;
}
.c-form-field.c-form-field--blue::placeholder {
  color: #a0aeb8;
}
.c-form-field.c-form-field--area {
  min-height: 80px;
}
.c-form-field.c-form-field--like-date, .c-form-field.c-form-field--select {
  padding-right: calc(var(--Baseline) * 6);
  font-size: 12px;
  z-index: 2;
  line-height: calc(var(--Baseline) * 2);
  background-color: transparent;
  cursor: pointer;
}
.c-form-field.c-form-field--file {
  height: 32px;
  margin-bottom: calc(var(--Baseline) * 1);
  background-color: #fff;
  white-space: nowrap;
  font-weight: normal;
  font-size: 12px;
  color: #2c3d53;
}
.c-form-field.c-form-field--file.c-form-field--filled {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2c3d53;
}
.c-form-field.c-form-field--disabled {
  border: 1px solid #cbd2dc;
  color: rgba(0, 20, 62, 0.62);
  background-image: none;
  background-color: #eaedf1;
  box-shadow: none;
  cursor: default;
}
.c-form-field.c-form-field--disabled + .svg-chevron_single-down {
  z-index: 2;
  cursor: default;
  fill: #b8c6d0;
}
.c-form-field.c-form-field--readonly {
  border: 1px solid #cbd2dc;
  color: #2c3d53;
  background-image: none;
  background-color: #cbd2dc;
  box-shadow: none;
  cursor: default;
}
.c-form-field.c-form-field--readonly + .svg-chevron_single-down {
  z-index: 2;
  cursor: default;
  fill: #b8c6d0;
}
.c-form-field.c-form-field--search {
  padding-right: 40px;
}
.c-form-field.c-form-field--multiselect {
  padding-right: calc(var(--Baseline) * 3.5);
  height: calc(var(--Baseline) * 4);
  padding-top: calc(var(--Baseline) / 2);
  padding-bottom: calc(var(--Baseline) / 2);
  cursor: pointer;
}
.c-form-field.c-form-field--multiselect::before {
  content: attr(data-placeholder);
  position: absolute;
  z-index: -1;
  top: 8px;
  left: 8px;
  color: #2c3d53;
}
.c-form-field.c-form-field--multiselect-blue {
  padding-right: calc(var(--Baseline) * 5);
  height: 44px;
  padding-left: calc(var(--Baseline) * 2);
  padding-top: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
  cursor: pointer;
  border: none;
  box-shadow: none;
  margin: 0;
}
.c-form-field.c-form-field--multiselect-blue.c-form-field--focus {
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
}
.c-form-field.c-form-field--multiselect-blue::before {
  content: attr(data-placeholder);
  position: absolute;
  z-index: -1;
  top: 12px;
  left: calc(var(--Baseline) * 2);
  color: #a0aeb8;
  font-size: 15.75px;
}
.c-form-field.c-form-field--focus {
  box-shadow: 0px 0px 0px 2px #fdc99b;
}
.c-form-field .c-button.c-form-field__browse {
  padding: calc(var(--Baseline) - 2px) calc(var(--Baseline) * 2);
  margin: calc(var(--Baseline) * -1 + 1px) 0 -5px calc(var(--Baseline) * -1);
  height: calc(var(--Baseline) * 4 - 4);
  line-height: calc(var(--Baseline) * 2 + 2px);
}

.c-form-field_iconwrapper {
  position: relative;
  box-sizing: border-box;
}
.c-form-field_iconwrapper .c-form-field--icon {
  padding-right: calc(var(--Baseline) * 3);
  box-sizing: border-box;
}
.c-form-field_iconwrapper .icon {
  position: absolute;
  right: var(--Baseline);
  top: 0px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
}

.c-select-search {
  background-color: #fff;
  z-index: initial;
}
.c-select-search .c-form-field--search {
  background-color: transparent;
  z-index: 3;
}
.c-select-search .o-input-button__search {
  z-index: 2;
}

.c-form-grouped.c-form-grouped--inline {
  display: flex;
  flex: 0 1 auto;
}

.c-checkbox {
  min-width: 16px;
  line-height: 18px;
  position: relative;
  vertical-align: baseline;
  outline: 0;
}
.c-checkbox.c-checkbox--readonly {
  color: #69768c;
}
.c-checkbox.c-checkbox--readonly .c-checkbox__label {
  line-height: 13px;
}
.c-checkbox.c-checkbox--readonly .c-checkbox__label:hover:before {
  border-color: #c8cccf;
}
.c-checkbox.c-checkbox--tag {
  padding: calc(var(--Baseline) / 2);
  padding-right: calc(var(--Baseline) * 1);
  border-radius: 4px;
  font-size: 12px;
  background-color: transparent;
  display: inline-block;
}
.c-checkbox.c-checkbox--tag .c-checkbox__label {
  align-items: center;
  line-height: calc(var(--Baseline) * 2);
  color: #69768c;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(var(--Baseline) * 30);
  text-overflow: ellipsis;
  display: block;
}
.c-checkbox.c-checkbox--tag input:checked + .c-checkbox__label {
  color: #2c3d53;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue {
  padding: 0;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue input:checked + .c-checkbox__label {
  background-color: #edf1f5;
  color: #2c3d53;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue input:checked + .c-checkbox__label::before {
  background-color: #005478;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label {
  padding: calc(var(--Baseline) / 2);
  padding-right: calc(var(--Baseline) * 1);
  padding-left: calc(var(--Baseline) * 3.5);
  height: calc(var(--Baseline) * 3);
  display: block;
  position: relative;
  border-radius: calc(var(--Baseline) / 2);
  border: 1px solid #e9edf0;
  background-color: #ffffff;
  color: #1a1a1a;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label:hover::before, .c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label::before {
  background-color: transparent;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label:hover::before {
  border-color: #003452;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label::after {
  background-color: #005478;
}
.c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label::before, .c-checkbox.c-checkbox--tag.c-checkbox--blue .c-checkbox__label::after {
  margin-top: 3px;
  margin-left: 4px;
}
.c-checkbox.c-checkbox--bg {
  background-color: #d8d8d8;
}
.c-checkbox.c-checkbox--radio .c-checkbox__label:before {
  content: "";
  border-radius: 50%;
}
.c-checkbox.c-checkbox--radio .c-checkbox__label:after {
  content: "" !important;
  top: 0;
  left: 0;
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 50%;
  background-color: #fff;
  border: 0;
  transform: scale(0.375);
}
.c-checkbox.c-checkbox--radio .c-checkbox__label.c-checkbox__label--disabled:after {
  color: #2c3d53;
  background-image: none;
  background-color: #cbd2dc;
  box-shadow: none;
}
.c-checkbox input[type=radio],
.c-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.c-checkbox .c-checkbox__label {
  margin: 0;
  padding: 0 0 0 calc(var(--Baseline) * 3);
  position: relative;
  line-height: 1;
  display: flex;
  height: calc(var(--Baseline) * 2);
  align-items: flex-end;
}
.c-checkbox .c-checkbox__label:before {
  content: "";
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  position: absolute;
  border: 1px solid #c8cccf;
  box-shadow: inset 0px 2px 3px 0px rgba(44, 61, 83, 0.1);
}
.c-checkbox .c-checkbox__label:after {
  content: "" !important;
  line-height: 15px;
  opacity: 0;
  background-color: #007aae;
  position: absolute;
  height: 5px;
  width: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  left: 4px;
  top: 5px;
}
.c-checkbox .c-checkbox__label:hover:before {
  border: 1px solid #2c3d53;
}
.c-checkbox .c-checkbox__label.c-checkbox__label--disabled:before {
  border: 1px solid #cbd2dc;
  color: #2c3d53;
  background-image: none;
  background-color: #eaedf1;
  box-shadow: none;
}
.c-checkbox .c-checkbox__label.c-checkbox__label--disabled:after {
  border-color: #cbd2dc;
  background-color: #eaedf1;
}
.c-checkbox .c-checkbox__label.c-checkbox__error::before {
  box-shadow: 0px 0px 0px 2px #ed6b77;
}
.c-checkbox input:checked ~ label:before {
  background-color: #007aae;
  border: 1px solid rgba(0, 30, 62, 0.3);
  box-shadow: none;
}
.c-checkbox input:focus ~ label:before {
  border: 1px solid #2c3d53;
}
.c-checkbox input:checked ~ label:after {
  opacity: 1;
}

.c-search-filter {
  width: 205px;
  padding: calc(var(--Baseline) * 2);
  position: absolute;
  z-index: 5;
  left: 60px;
  top: calc(100% - 15px);
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  border-radius: 4px;
  background-color: #fcfdfd;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateY(-2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
  max-height: calc(100vh - 50px);
  overflow-y: initial;
}
.c-search-filter.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-search-filter.c-search-filter--right {
  width: 240px;
}
@media (max-width: 1850px) {
  .c-search-filter.c-search-filter--right {
    right: -1px;
    left: auto;
  }
}
.c-search-filter.c-search-filter--right.active {
  overflow-y: auto;
}
.c-search-filter fieldset {
  display: contents;
}
.c-search-filter.c-search-filter--large {
  width: calc(var(--Baseline) * 41);
}
.c-search-filter .c-search-filter__clear-form {
  margin-top: var(--Baseline);
  font-size: 12px;
  float: right;
  color: #952832;
}
.c-search-filter .c-search-filter__clear-form:hover {
  color: #ed6b77;
}
.c-search-filter .c-search-filter__label {
  margin-bottom: calc(var(--Baseline) * 2);
  display: block;
}
.c-search-filter .c-search-filter__label:last-child {
  margin-bottom: 0;
}
.c-search-filter .c-search-filter__label .c-form-field:not(.c-field-error) {
  margin-bottom: 0;
}
.c-search-filter .c-search-filter__label .c-validation {
  margin-bottom: 0;
}
.c-search-filter .c-search-filter__text {
  margin-bottom: var(--Baseline);
  display: block;
  font-weight: 500;
  line-height: 1;
}
.c-search-filter .c-search-filter__text.c-search-filter__text--small {
  font-size: 12px;
  line-height: 1.1;
}
.c-search-filter .c-search-filter__label-text {
  display: inline-block;
  margin-bottom: 6px;
}
.c-search-filter .c-search-filter__legend {
  display: block;
  width: calc(var(--Baseline) * 4 + 100%);
  padding: calc(var(--Baseline) * 2);
  padding-top: 0;
  margin-left: calc(var(--Baseline) * -2);
  margin-right: calc(var(--Baseline) * -2);
  margin-bottom: calc(var(--Baseline) * 2);
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
  color: #001e3e;
}

.c-search-filter__text {
  margin-bottom: var(--Baseline);
  display: block;
  font-weight: 500;
  line-height: 1;
}
.c-search-filter__text.c-search-filter__text--small {
  font-size: 12px;
  line-height: 1.1;
}

.c-columns-settigs {
  text-align: center;
  margin-top: calc(var(--Baseline) * -0.5);
  margin-bottom: calc(var(--Baseline) * -0.5);
}
.c-columns-settigs .c-columns-settigs__wrap {
  display: flex;
  justify-content: center;
}
.c-columns-settigs .c-columns-settigs__wrap.c-columns-settigs__wrap--overlap {
  position: absolute;
  z-index: 1;
  right: calc(var(--Baseline) * 2);
  top: calc(var(--Baseline) * 1.5);
}
.c-columns-settigs .c-columns-settigs__wrap .c-button {
  margin: 0 0 0 var(--Baseline);
}
.c-columns-settigs .c-columns-settigs__wrap .c-button:first-child {
  margin-left: 0;
}
.c-columns-settigs .c-columns-settigs__wrap .c-button:last-child {
  margin-right: 0;
}
.c-columns-settigs .c-columns-settigs__wrap .c-button-daimler {
  margin: 0 0 0 var(--Baseline);
}
.c-columns-settigs .c-columns-settigs__wrap .c-button-daimler:first-child {
  margin-left: 0;
}
.c-columns-settigs .c-columns-settigs__wrap .c-button-daimler:last-child {
  margin-right: 0;
}
.c-columns-settigs .c-search-filter.c-search-filter--right {
  right: calc(var(--Baseline) * 2) !important;
  left: auto !important;
}
.c-columns-settigs .c-search-filter.c-search-filter--sorting {
  right: calc(var(--Baseline) * 7) !important;
  left: auto !important;
  width: calc(var(--Baseline) * 30);
}

.c-columns-settings-list {
  list-style-type: none;
}
.c-columns-settings-list.c-columns-settings-list--root > li {
  margin-bottom: calc(var(--Baseline) * 3);
}
.c-columns-settings-list.c-columns-settings-list--root > li:last-child {
  margin-bottom: 0;
}
.c-columns-settings-list.c-columns-settings-list--root .c-columns-settings-list > li {
  margin-top: calc(var(--Baseline) * 1);
}
.c-columns-settings-list.c-columns-settings-list--root .c-columns-settings-list > li:last-child {
  margin-bottom: 0;
}
.c-columns-settings-list .c-search-filter__label {
  padding: calc(var(--Baseline) / 2) 0;
  margin-bottom: 0;
  display: flex;
  line-height: 1.14286;
}
.c-columns-settings-list [type=checkbox] {
  margin-right: var(--Baseline);
}
.c-columns-settings-list .c-columns-settings-list {
  margin-left: calc(var(--Baseline) * 2);
}

.c-field-error {
  border-color: #ed6b77 !important;
  box-shadow: none !important;
}

.c-form-field--error-container {
  display: flex;
  margin-top: calc(var(--Baseline) * -2);
}
.c-form-field--error-container .c-form-field--error-icon {
  margin-right: calc(var(--Baseline) * 0.5);
}
.c-form-field--error-container .c-form-field--error-text {
  font-weight: 400;
  color: #ed6b77;
}

.c-form-field--info-text {
  margin-top: calc(var(--Baseline) * -2);
  color: #2c3d53;
  font-weight: 400;
  font-size: 12px;
}

.c-validation {
  padding: calc(var(--Baseline) * 1 + 4px) calc(var(--Baseline) * 1) calc(var(--Baseline) * 1);
  font-size: 12px;
  line-height: calc(var(--Baseline) * 2);
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--Baseline) * -1 - 4px);
  margin-bottom: calc(var(--Baseline) * 1);
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
  font-weight: normal;
}
.c-validation.c-validation--error {
  border: 1px solid rgba(0, 30, 62, 0.14);
  background-color: #f9c7c8;
  color: #952832;
}
.c-validation.c-validation--plain {
  margin: 0;
  padding: 0;
  padding-top: calc(var(--Baseline) * 1.5);
  color: #ed6b77;
}
.c-validation.c-validation--exclamation {
  margin: 0;
  padding: 0;
  padding-top: calc(var(--Baseline) * 1);
  color: #ed6b77;
  flex-direction: row;
  gap: 4px;
  font-weight: 500;
  align-items: flex-start;
}
.c-validation.c-validation--alert {
  border: 1px solid rgba(0, 30, 62, 0.14);
  background-color: #eaedf1;
}
.c-validation.c-validation--single {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--Baseline) * 1);
  display: inline-flex;
  border-radius: 4px;
  border: 1px solid rgba(0, 30, 62, 0.14);
  background-color: #f9c7c8;
  color: #952832;
}
.c-validation.c-validation--right {
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  padding-right: 0px;
}

.c-file-button__input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
}

.c-multiselect {
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  list-style: none;
  align-items: center;
  background-color: #fff;
}
.c-multiselect.c-multiselect--blue {
  background-color: #ffffff;
}
.c-multiselect.c-multiselect--blue:empty + .o-input-button__chevron + .o-input-button__clean {
  display: none;
}
.c-multiselect.c-multiselect--blue:not(:empty) + .o-input-button__chevron {
  display: none;
}
.c-multiselect.c-multiselect--blue:not(:empty) + .o-input-button__chevron + .o-input-button__clean {
  display: flex;
}
.c-multiselect.c-multiselect--list {
  white-space: normal;
  flex-direction: column;
  align-items: flex-start;
}
.c-multiselect.c-multiselect--list .c-multiselect__tag {
  margin-bottom: calc(var(--Baseline) * 1);
  margin-left: 0 !important;
}
.c-multiselect .c-multiselect__tag {
  background-color: #edf1f5;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  padding: calc(var(--Baseline) / 2);
  font-weight: 500;
}
.c-multiselect .c-multiselect__tag:not(:first-child) {
  margin-left: calc(var(--Baseline) * 1);
}

.c-multiselect-dropdown {
  border-radius: 4px;
  font-weight: normal;
  background-color: #fcfdfd;
  border: 1px solid #cbd2dc;
  box-shadow: 0 0 1px 0 rgba(44, 61, 83, 0.58), 0 1px 1px 0 rgba(44, 61, 83, 0.12), 0 2px 4px 0 rgba(44, 61, 83, 0.18);
  max-height: 300px;
  overflow-y: auto;
}
.c-multiselect-dropdown.c-multiselect-dropdown--blue {
  background-color: #ffffff;
  border-width: 0;
  border-radius: 0 0 8px 8px;
  padding-bottom: calc(var(--Baseline) * 1);
}
.c-multiselect-dropdown.c-multiselect-dropdown--blue .c-multiselect-dropdown__item {
  border-width: 0 !important;
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 2);
}
.c-multiselect-dropdown .c-multiselect-dropdown__list {
  list-style-type: none;
}
.c-multiselect-dropdown .c-multiselect-dropdown__item {
  padding: calc(var(--Baseline) * 1);
  line-height: calc(var(--Baseline) * 2);
}
.c-multiselect-dropdown .c-multiselect-dropdown__item:not(:first-child) {
  border-top: 1px solid rgba(203, 210, 220, 0.5);
}

.o-sidebar .c-search-dropdown, .o-sidebar .pac-container {
  margin-bottom: 90px;
}

.c-search-dropdown, .pac-container {
  border-radius: 4px;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #cbd2dc;
  box-shadow: 0 0 1px 0 rgba(44, 61, 83, 0.58), 0 1px 1px 0 rgba(44, 61, 83, 0.12), 0 2px 4px 0 rgba(44, 61, 83, 0.18);
  z-index: 1;
}
.c-search-dropdown .c-search-dropdown__list, .pac-container .c-search-dropdown__list {
  list-style-type: none;
}
.c-search-dropdown .c-search-dropdown__head, .pac-container .c-search-dropdown__head {
  padding: calc(var(--Baseline) * 2);
  font-size: 12px;
  color: #969ea9;
  background-color: #edf1f5;
}
.c-search-dropdown .c-search-dropdown__item, .pac-container .c-search-dropdown__item {
  position: relative;
  padding: calc(var(--Baseline) * 2);
  line-height: calc(var(--Baseline) * 2);
  cursor: pointer;
}
.c-search-dropdown .c-search-dropdown__item:not(:first-child), .pac-container .c-search-dropdown__item:not(:first-child) {
  border-top: 1px solid #cbd2dc;
}
.c-search-dropdown .c-search-dropdown__item.c-search-dropdown__item--button, .pac-container .c-search-dropdown__item.c-search-dropdown__item--button {
  background-color: #e3e7ec;
  color: #007aae;
  font-weight: 500;
}
.c-search-dropdown .c-search-dropdown__item.c-search-dropdown__item--button > *, .pac-container .c-search-dropdown__item.c-search-dropdown__item--button > * {
  display: flex;
}
.c-search-dropdown .c-search-dropdown__item:hover, .pac-container .c-search-dropdown__item:hover {
  background-color: #edf1f5;
}
.c-search-dropdown .c-search-dropdown__item:focus, .pac-container .c-search-dropdown__item:focus {
  background-color: #cbd2dc;
}
.c-search-dropdown .c-search-dropdown__item svg, .pac-container .c-search-dropdown__item svg {
  fill: #007aae;
}
.c-search-dropdown .c-search-dropdown__item--no-hover, .pac-container .c-search-dropdown__item--no-hover {
  position: relative;
  padding: calc(var(--Baseline) * 2);
  line-height: calc(var(--Baseline) * 2);
}

.pac-container {
  transform: translateY(-1px);
}

.pac-item {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  cursor: pointer;
  font-size: 12px;
  line-height: calc(var(--Baseline) * 2);
  color: rgba(44, 61, 83, 0.5) !important;
  border: 0;
}
.pac-item:not(:first-child) {
  border-top: 1px solid #cbd2dc;
}
.pac-item:hover {
  background-color: #edf1f5;
}
.pac-item:focus, .pac-item.pac-item-selected {
  background-color: #cbd2dc;
}
.pac-item > span:last-child {
  line-height: calc(var(--Baseline) * 2);
  display: block;
}

.pac-item-query {
  font-size: 12px;
  color: #2c3d53;
  display: block;
  line-height: calc(var(--Baseline) * 2);
}

.pac-icon {
  display: none;
}

.pac-logo:after {
  margin: 0 calc(var(--Baseline) * 2) calc(var(--Baseline) * 1) 0;
}

.c-sorting-row {
  display: flex;
}
.c-sorting-row .c-sorting-row__select {
  flex-grow: 1;
}
.c-sorting-row .c-sorting-row__select:first-child {
  margin-right: calc(var(--Baseline) * 1);
}
.c-sorting-row .c-form-field.c-form-field--select {
  padding-right: calc(var(--Baseline) * 3);
  min-width: calc(var(--Baseline) * 8);
}

.c-fields-group {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-fields-group + hr + .c-search-filter__text {
  margin-top: calc(var(--Baseline) * 2);
}

.c-input-group {
  width: 100%;
  position: relative;
  display: flex;
}
.c-input-group .c-input-group__input {
  flex-grow: 1;
  flex-shrink: 0;
  width: 1% !important;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.c-input-group .c-input-group__input.c-input-group__input--number {
  -webkit-appearance: textfield;
  appearance: textfield;
}
.c-input-group .c-input-group__input.c-input-group__input--number::-webkit-inner-spin-button, .c-input-group .c-input-group__input.c-input-group__input--number::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.c-input-group .c-input-group__input.c-input-group__input--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-input-group .c-input-group__button {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(var(--Baseline) * 8);
}
.c-input-group .c-input-group__button.c-input-group__button--auto {
  flex-basis: auto;
}
.c-input-group .c-input-group__button .o-select-svg-wrap {
  background-color: #eaedf1;
}
.c-input-group .c-input-group__button .c-input-group__suffix {
  padding: calc(var(--Baseline) - 1px) var(--Baseline);
  display: block;
  font-size: 12px;
  border-radius: 0 4px 4px 0;
  border: 1px solid #cbd2dc;
  border-left-width: 0;
  background-color: #eaedf1;
  color: #2c3d53;
  font-weight: 400;
  line-height: 16px;
}
.c-input-group .c-input-group__button .c-input-group__suffix-sf {
  padding: 0 calc(var(--Baseline) * 2) calc(var(--Baseline) * 1.5);
  display: block;
  font-size: 17.72px;
  border-radius: 0;
  border-bottom: 2px solid #99bac9;
  color: #69768c;
  font-weight: 400;
  line-height: normal;
}
.c-input-group .c-input-group__button .c-form-field {
  margin-bottom: initial !important;
}
.c-input-group .c-input-group__select {
  padding-right: calc(var(--Baseline) * 3);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.c-input-group .c-input-group__select--left {
  padding-right: calc(var(--Baseline) * 3);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

.c-sf-label-field {
  display: block;
  margin-bottom: calc(var(--Baseline) * 3);
  position: relative;
}
.c-sf-label-field .c-sf-label-field__label {
  margin-bottom: calc(var(--Baseline) * 1.5);
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #005478;
}
.c-sf-label-field .c-sf-label-field__wrap {
  position: relative;
  display: block;
  z-index: 3;
}
.c-sf-label-field .c-sf-label-field__wrap > svg {
  position: absolute;
  right: calc(var(--Baseline) * 2);
  top: 50%;
  transform: translateY(-50%);
  fill: #007aae;
  z-index: 1;
}
.c-sf-label-field .c-sf-label-field__desc {
  display: inline-block;
  margin-bottom: calc(var(--Baseline) * 1.5);
  margin-top: calc(var(--Baseline) * -1);
  color: rgba(30, 41, 53, 0.4);
  font-size: 12px;
}
.c-sf-label-field .c-sf-label-field__field {
  width: 100%;
  padding: calc(var(--Baseline) * 1.5);
  display: block;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  z-index: 1;
  position: relative;
  font-size: 17.72px;
  color: #005478;
  font-family: "YourNow", serif;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--inline {
  display: inline-block;
  width: auto;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--default {
  border: 2px solid #ccdde4;
  border-radius: 8px;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--select {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  padding-right: calc(var(--Baseline) * 6);
  border: 2px solid #ccdde4;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--error, .c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--error:focus {
  border-color: #ed6b77;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--disabled {
  color: rgba(0, 20, 62, 0.62);
  background-color: #fff;
}
.c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--disabled:focus, .c-sf-label-field .c-sf-label-field__field.c-sf-label-field__field--disabled:active {
  border-color: #ccdde4;
}
.c-sf-label-field .c-sf-label-field__field:focus, .c-sf-label-field .c-sf-label-field__field:active {
  border-color: #faa000;
}
.c-sf-label-field .c-sf-label-field__field::placeholder {
  color: #99bac9;
}
.c-sf-label-field .c-sf-label-field__field-daimler {
  width: 100%;
  padding: 0 0 calc(var(--Baseline) * 1.5);
  display: block;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  z-index: 1;
  position: relative;
  font-size: 17.72px;
  color: #004355;
  font-family: "YourNow", serif;
}
.c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--inline {
  display: inline-block;
  width: auto;
}
.c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--default {
  border: 0;
  border-bottom: 2px solid #99bac9;
}
.c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--select {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  padding-right: calc(var(--Baseline) * 6);
  border: 2px solid #ccdde4;
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--error, .c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--error:focus {
  border-bottom-color: #ed6b77;
}
.c-sf-label-field .c-sf-label-field__field-daimler.c-sf-label-field__field-daimler--disabled {
  padding: calc(var(--Baseline) * 1);
  border: 0;
  color: #2c3d53;
  background-color: #f7f9fb;
}
.c-sf-label-field .c-sf-label-field__field-daimler:focus, .c-sf-label-field .c-sf-label-field__field-daimler:active {
  border-color: #faa000;
}
.c-sf-label-field .c-sf-label-field__field-daimler::placeholder {
  color: #99bac9;
}

.c-multiple-upload {
  margin-bottom: calc(var(--Baseline) * 1);
  display: flex;
  align-items: flex-start;
}
.c-multiple-upload .c-multiple-upload__file {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-multiple-upload .c-multiple-upload__remove {
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-more {
  display: flex;
  align-items: center;
}
.c-more.c-more--less > svg {
  transform: rotate(180deg);
}
.c-more > svg {
  margin-left: calc(var(--Baseline) / 2);
}
.c-more:hover > svg {
  fill: #1f9dc9;
}

.c-form-group__columns-50 {
  display: flex;
  flex-direction: column;
}
@media screen and ( min-width: 1352px ) {
  .c-form-group__columns-50 {
    gap: 16px;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.c-form-group__columns-50 > label {
  width: 100%;
}
@media screen and ( min-width: 1352px ) {
  .c-form-group__columns-50 > label {
    width: 50%;
  }
}

.range-slider .horizontal-slider-container {
  margin-top: 15px;
}
.range-slider .ngx-slider {
  display: inline-block;
  position: relative;
  height: 4px;
  width: 100%;
  margin: 35px 0 15px;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
}
.range-slider .ngx-slider .ngx-slider-bar-wrapper {
  left: 0;
  box-sizing: border-box;
  margin-top: -16px;
  padding-top: 16px;
  width: 100%;
  height: 32px;
  z-index: 1;
}
.range-slider .ngx-slider.animate .ngx-slider-bar-wrapper {
  transition: all linear 0.3s;
}
.range-slider .ngx-slider .ngx-slider-span {
  white-space: nowrap;
  position: absolute;
  display: inline-block;
}
.range-slider .ngx-slider * {
  transition: none;
}
.range-slider .ngx-slider .ngx-slider-bar-wrapper.ngx-slider-left-out-selection .ngx-slider-bar {
  background-color: #ed6b77;
}
.range-slider .ngx-slider .ngx-slider-bar {
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  background-color: #99bbc9;
  border-radius: 1px;
}
.range-slider .ngx-slider .ngx-slider-bar-wrapper.ngx-slider-right-out-selection .ngx-slider-bar {
  background-color: #74b2a7;
}
.range-slider .ngx-slider .ngx-slider-selection {
  z-index: 2;
  background-color: #001e50;
  border-radius: 2px;
}
.range-slider .ngx-slider.animate .ngx-slider-selection {
  transition: background-color linear 0.3s;
}
.range-slider .ngx-slider .ngx-slider-pointer {
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: -10px;
  background-color: #99bbc9;
  z-index: 3;
  border-radius: 10px;
}
.range-slider .ngx-slider.animate .ngx-slider-pointer {
  transition: all linear 0.3s;
}
.range-slider .ngx-slider .ngx-slider-pointer:after {
  display: none;
}
.range-slider .ngx-slider .ngx-slider-bubble {
  cursor: default;
  bottom: 16px;
  padding: 1px 3px;
  color: #001e3e;
  font-size: 12px;
}
.range-slider .ngx-slider.animate .ngx-slider-bubble {
  transition: all linear 0.3s;
}
.range-slider .ngx-slider .ngx-slider-bubble.ngx-slider-limit {
  color: #99bbc9;
  bottom: -25px;
}
.range-slider .ngx-slider.animate .ngx-slider-bubble.ngx-slider-limit {
  transition: opacity linear 0.3s;
}
.range-slider .ngx-slider.animate .ngx-slider-bubble.ngx-slider-combined {
  transition: opacity linear 0.3s;
}
.range-slider .ngx-slider .ngx-slider-ticks {
  box-sizing: border-box;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: -3px;
  margin: 0;
  z-index: 1;
  list-style: none;
}

.form-opacity-50 {
  opacity: 50%;
}

.form__error-banner {
  padding: 8px 24px;
  border-radius: 8px;
  border: 2px solid #ed6b77;
  background: #ed6b77;
  color: #fff;
}

.c-hr.c-hr__grey-light {
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
}

.c-progress-bar {
  margin-top: calc(var(--Baseline) * 2);
}
.c-progress-bar .c-progress-bar__progress {
  height: 6px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  display: block;
}
.c-progress-bar .c-progress-bar__progress[value]::-webkit-progress-bar {
  background-color: #edf1f5;
  border-radius: 3px;
}
.c-progress-bar .c-progress-bar__progress[value]::-webkit-progress-value {
  border-radius: 3px;
  background-color: #74b2a7;
  box-shadow: 0px 0px 6px 0px rgba(0, 122, 174, 0.3);
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.c-progress-bar .c-progress-bar__progress[value]::-moz-progress-bar {
  border-radius: 3px;
  background-color: #74b2a7;
  box-shadow: 0px 0px 6px 0px rgba(0, 122, 174, 0.3);
}
.c-progress-bar .c-progress-bar__progress.c-progress-bar__progress--darker[value]::-webkit-progress-bar {
  background-color: #cbd2dc;
}

.c-progress-bar-daimler {
  margin-top: calc(var(--Baseline) * 2);
}
.c-progress-bar-daimler .c-progress-bar__progress-daimler {
  height: 6px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  display: block;
}
.c-progress-bar-daimler .c-progress-bar__progress-daimler[value]::-webkit-progress-bar {
  background-color: #edf1f5;
  border-radius: 3px;
}
.c-progress-bar-daimler .c-progress-bar__progress-daimler[value]::-webkit-progress-value {
  border-radius: 3px;
  background-color: #00ADEF;
  box-shadow: 0px 0px 6px 0px rgba(0, 122, 174, 0.3);
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.c-progress-bar-daimler .c-progress-bar__progress-daimler[value]::-moz-progress-bar {
  border-radius: 3px;
  background-color: #00ADEF;
  box-shadow: 0px 0px 6px 0px rgba(0, 122, 174, 0.3);
}
.c-progress-bar-daimler .c-progress-bar__progress-daimler.c-progress-bar__progress--darker[value]::-webkit-progress-bar {
  background-color: #cbd2dc;
}

.c-button-loading {
  border-radius: 50%;
  overflow: hidden;
  right: calc(var(--Baseline) * 1);
  display: inline-block;
  top: 4px;
  animation: button-loading 600ms infinite;
}
.c-button-loading .svg-v-mask {
  background-color: #fff;
}

.c-input-loading {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  right: calc(var(--Baseline) * 1);
  display: inline-block;
  top: 4px;
  animation: button-loading 600ms infinite;
}
.c-input-loading .svg-v-mask {
  background-color: #fff;
}

.c-contracts-grid .c-table-row {
  display: flex;
  flex-flow: wrap;
}
.c-contracts-grid .c-table-row .c-table-row__cell {
  position: relative;
  flex: 3;
}
.c-contracts-grid .c-table-row .c-table-row__cell:last-child {
  flex: 2;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-mark] {
  flex: 0 0 41px;
  justify-content: center;
  padding-right: 8px;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-mark]:not(.c-table-row__cell--head) {
  padding-top: calc(var(--Baseline) * 2.5);
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-mark] .c-checkbox__label {
  padding-left: 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-mark] + .c-table-row__cell {
  border-left-width: 0;
  padding-left: 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-mark] + .c-table-row__cell.c-table-row__cell--head > .c-column-name {
  padding-left: calc(var(--Baseline) * 1);
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-actions] {
  flex: 1 0 auto;
  padding-top: calc(var(--Baseline) * 1.5);
  padding-bottom: calc(var(--Baseline) * 1.5);
  border-left-width: 0;
  padding-left: 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-contract] {
  flex: 8 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-fleetgroup] {
  flex: 6 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-cost-center] {
  flex: 6 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-tariff] {
  flex: 4 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-car] {
  flex: 6 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-contact] {
  flex: 8 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-card] {
  flex: 6 0 0;
}
.c-contracts-grid .c-table-row .c-table-row__cell[data-column=col-settings] {
  flex: 0 0 80px;
  border-left-width: 0;
}

.c-contract-card {
  border-radius: 3px;
  margin: 0 0 calc(var(--Baseline) * 2);
  overflow-wrap: break-word;
}
.c-contract-card.c-contract-card--bg {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  background-color: #F8FAFB;
}
.c-contract-card.c-contract-card--bg .c-contract-card__title {
  padding-bottom: 0;
  margin-bottom: calc(var(--Baseline) * 1);
  padding-top: 0;
  box-shadow: none;
  font-size: 14px;
}
.c-contract-card.c-contract-card--bg .c-contract-card__title .c-button {
  background-color: #EFF2F4;
}
.c-contract-card.c-contract-card--bg .c-contract-card__title .c-button:hover {
  background-color: #d3d9e2;
}
.c-contract-card.c-contract-card--bg .c-contract-card__item:last-child {
  margin-bottom: 0;
}
.c-contract-card.c-contract-card--package {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  background-color: #F8FAFB;
}
.c-contract-card.c-contract-card--package .c-contract-card__title {
  padding-bottom: 0;
  margin-bottom: calc(var(--Baseline) * 2);
  padding-top: 0;
  box-shadow: none;
}
.c-contract-card.c-contract-card--package .c-contract-card__title .c-button {
  background-color: #EFF2F4;
}
.c-contract-card.c-contract-card--package .c-contract-card__title .c-button:hover {
  background-color: #d3d9e2;
}
.c-contract-card.c-contract-card--package .c-contract-card__item:last-child {
  margin-bottom: 0;
}
.c-contract-card .c-contract-card__title {
  margin-bottom: calc(var(--Baseline) * 2);
  padding: calc(var(--Baseline) * 1) 0;
  box-shadow: inset 0px -1px 0px 0px rgb(227, 231, 236);
  color: #001e3e;
}
.c-contract-card .c-contract-card__title .c-button {
  background-color: #f5f6f8;
}
.c-contract-card .c-contract-card__term {
  margin-bottom: calc(var(--Baseline) * 1);
  font-weight: 500;
  color: #001e3e;
}
.c-contract-card .c-contract-card__desc {
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-contract-card .c-contract-card__desc a {
  color: #007aae;
}

.c-contract-card__item {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-contract-card__item a {
  color: #007aae;
}

.c-contract-view {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 3) calc(var(--Baseline) * 12);
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
.c-contract-view .c-contract-view__fig {
  margin-left: calc(var(--Baseline) * -3);
  margin-right: calc(var(--Baseline) * -3);
  margin-top: calc(var(--Baseline) * -3);
  margin-bottom: calc(var(--Baseline) * 3);
}

.c-contract-card__data {
  display: flex;
  justify-content: space-between;
}

.c-contract-card__data-links > :first-child {
  margin-right: 16px;
}

.o-grid-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.o-grid-actions .o-grid-actions__left {
  display: flex;
}
.o-grid-actions .o-grid-actions__right {
  display: flex;
}
.o-grid-actions .o-grid-actions__box {
  display: flex;
  align-items: center;
}

.c-contracts-table__empty {
  padding-top: calc(var(--Baseline) * 8);
  padding-bottom: calc(var(--Baseline) * 9);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FCFDFD;
  border-left: 1px solid rgba(203, 210, 220, 0.5);
  border-right: 1px solid rgba(203, 210, 220, 0.5);
}
.c-contracts-table__empty .c-contracts-table__empty--body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-records-grid .c-table-row {
  display: flex;
  flex-flow: wrap;
}
.c-records-grid .c-table-row .c-table-row__cell {
  flex: 3;
}
.c-records-grid .c-table-row .c-table-row__cell:last-child {
  flex: 2;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-datetime] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-product] {
  flex: 3 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-contract] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-driver] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-usage] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-cpo] {
  flex: 6 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-settings] {
  flex: 0 0 80px;
  border-left-width: 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-order] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-type] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-date] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-invoice-date] {
  flex: 5 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-belongs-to] {
  flex: 6 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-cost] {
  flex: 4 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-amount] {
  flex: 3 0 0;
}
.c-records-grid .c-table-row .c-table-row__cell[data-column=col-fleet-group] {
  flex: 5 0 0;
}

.c-invoices-grid .c-table-row {
  display: flex;
  flex-flow: wrap;
}
.c-invoices-grid .c-table-row .c-table-row__cell {
  padding-bottom: calc(var(--Baseline) * 2);
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-invoice] {
  flex: 4 0 0;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-cost] {
  flex: 4 0 0;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-date] {
  flex: 2 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-document] {
  flex: 4 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-document] .c-copy-item {
  margin-top: 0;
  width: 140px;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-country] {
  flex: 4 0 0;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-fleet-group] {
  flex: 4 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-fleet-group] .c-grid-data {
  max-width: 100%;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-invoice-company] {
  flex: 5 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-invoice-company] .c-grid-data {
  width: 100%;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-amount] {
  flex: 3 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-amount] .c-grid-data__content {
  max-width: 100%;
  display: flex;
  font-variant-numeric: tabular-nums;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-status] {
  flex: 4 0 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell[data-column=col-settings] {
  flex: 0 0 80px;
  border-left-width: 0;
  display: flex;
  align-items: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-date] {
  flex-direction: row;
  height: 58px;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-document] {
  flex-direction: row;
  justify-content: left;
  align-items: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-country] {
  flex-direction: row;
  justify-content: left;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-fleet-group] {
  flex-direction: row;
  justify-content: left;
  align-items: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-invoice-company] {
  flex-direction: row;
  justify-content: left;
  align-items: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-amount] {
  flex-direction: row;
  justify-content: right;
  align-items: center;
}
.c-invoices-grid .c-table-row .c-table-row__cell--head[data-column=col-status] {
  flex-direction: row;
  justify-content: left;
  align-items: center;
}

.c-pagination {
  padding: 0 calc(var(--Baseline) * 2);
}
.c-pagination .c-pagination__list {
  display: flex;
  text-align: center;
}
.c-pagination .c-pagination__list > * + * {
  margin-left: var(--Baseline);
}
.c-pagination .c-pagination__item {
  list-style: none;
}
.c-pagination .c-pagination__item.c-pagination__item--current .c-pagination__num {
  background-color: #ced2d8;
  color: #2c3d53;
  width: auto;
  font-size: 12px;
  line-height: 16px;
  padding-left: var(--Baseline);
  padding-right: var(--Baseline);
}
.c-pagination .c-pagination__num {
  padding: calc(var(--Baseline) / 2);
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  overflow: hidden;
  display: block;
  border-radius: 3px;
  background-color: #007aae;
  color: #fff;
  line-height: 1;
  align-items: center;
  transition: all 200ms ease;
}
.c-pagination .c-pagination__num:hover {
  background-color: #1f9dc9;
  color: #fff;
}
.c-pagination .c-pagination__num.c-pagination__num--disabled {
  background-color: #ced2d8;
  color: #3a576c;
  cursor: not-allowed;
}
.c-pagination .c-pagination__num.c-pagination__num--disabled svg {
  fill: #3a576c;
}

.c-page-results {
  display: flex;
  align-items: center;
}
.c-page-results .c-page-results__select {
  width: auto;
}
.c-page-results .c-page-results__text {
  margin-left: calc(var(--Baseline) * 1);
  font-size: 12px;
}

.c-button,
a.c-button {
  padding: var(--Baseline);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  font: inherit;
  font-weight: 500;
  line-height: calc(var(--Baseline) * 2.35);
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  border: none;
  color: #fff !important;
  background-color: #007aae;
  border-radius: 4px;
  position: relative;
  align-items: center;
  transition: all 200ms ease;
}
.c-button svg,
a.c-button svg {
  vertical-align: sub;
}
.c-button:focus, .c-button:hover,
a.c-button:focus,
a.c-button:hover {
  outline: 0;
}
.c-button:hover,
a.c-button:hover {
  background-color: #1f9dc9;
  color: #fff !important;
}
.c-button.disabled, .c-button:disabled,
a.c-button.disabled,
a.c-button:disabled {
  background-color: #cbd2dc !important;
  border-color: #cbd2dc !important;
  color: #69768c !important;
  cursor: default;
  pointer-events: none;
}
.c-button.disabled svg, .c-button:disabled svg,
a.c-button.disabled svg,
a.c-button:disabled svg {
  fill: #3a576c;
}
.c-button.c-button--disabled,
a.c-button.c-button--disabled {
  background-color: #cbd2dc !important;
  border-color: #cbd2dc !important;
  color: #69768c !important;
}
.c-button.c-button--disabled svg,
a.c-button.c-button--disabled svg {
  fill: #3a576c;
}
.c-button.c-button--narrow,
a.c-button.c-button--narrow {
  padding-top: calc(var(--Baseline) / 2) !important;
  padding-bottom: calc(var(--Baseline) / 2) !important;
  height: calc(var(--Baseline) * 3) !important;
  font-size: 12px;
}
.c-button.c-button--outline,
a.c-button.c-button--outline {
  padding: var(--Baseline);
  color: #007aae !important;
  background-color: #DCE1E8;
}
.c-button.c-button--outline:hover,
a.c-button.c-button--outline:hover {
  color: #007aae !important;
  background-color: #d3d9e2;
}
.c-button.c-button--orange,
a.c-button.c-button--orange {
  padding: var(--Baseline);
  color: #fff;
  background-color: #faa000;
}
.c-button.c-button--orange:hover,
a.c-button.c-button--orange:hover {
  background-color: #e69300;
}
.c-button.c-button--hero,
a.c-button.c-button--hero {
  height: calc(var(--Baseline) * 6);
  color: #fff;
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 2);
  line-height: calc(var(--Baseline) * 2);
  background-color: #faa000;
  border-radius: 8px;
  text-transform: uppercase;
  box-shadow: 0px 0px 24px 0px rgba(26, 26, 26, 0.24);
  text-shadow: none;
}
.c-button.c-button--hero:hover,
a.c-button.c-button--hero:hover {
  background-color: #e69300;
}
.c-button.c-button--submit,
a.c-button.c-button--submit {
  height: calc(var(--Baseline) * 5);
}
.c-button.c-button--sf-secondary,
a.c-button.c-button--sf-secondary {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  color: #fff;
  padding: 0 calc(var(--Baseline) * 2.5);
  background-color: #faa000;
  border-radius: 8px;
  font-size: 17.72px;
  font-weight: 700;
}
.c-button.c-button--sf-secondary:hover,
a.c-button.c-button--sf-secondary:hover {
  background-color: #e69300;
}
.c-button.c-button--sf-primary,
a.c-button.c-button--sf-primary {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  line-height: calc(var(--Baseline) * 4);
  color: #fff;
  padding: var(--Baseline) calc(var(--Baseline) * 2.5);
  background-color: #005478;
  border-radius: 8px;
  font-size: 17.72px;
}
.c-button.c-button--sf-primary:hover,
a.c-button.c-button--sf-primary:hover {
  background-color: #faa000;
}
.c-button.c-button--sf-outline,
a.c-button.c-button--sf-outline {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  color: #005478 !important;
  padding: 0 calc(var(--Baseline) * 2.5);
  background-color: #fff;
  border-radius: 8px;
  font-size: 17.72px;
  border: 2px solid #EAF1F5;
}
.c-button.c-button--sf-outline:hover,
a.c-button.c-button--sf-outline:hover {
  border: 2px solid #005478;
}
.c-button.c-button--sf-tertiary,
a.c-button.c-button--sf-tertiary {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  color: #005478 !important;
  padding: 0 calc(var(--Baseline) * 2.5);
  background-color: transparent;
  border-radius: 8px;
  font-size: 17.72px;
  border: 2px solid #005478;
}
.c-button.c-button--sf-tertiary:hover,
a.c-button.c-button--sf-tertiary:hover {
  background-color: #005478;
  color: #fff;
}
.c-button.c-button--sf-transparent,
a.c-button.c-button--sf-transparent {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  color: rgba(0, 30, 62, 0.3) !important;
  padding: var(--Baseline) calc(var(--Baseline) * 2);
  background-color: transparent;
  font-size: 18px;
  line-height: calc(var(--Baseline) * 4);
}
.c-button.c-button--delete,
a.c-button.c-button--delete {
  background-color: #952832;
}
.c-button.c-button--delete:hover,
a.c-button.c-button--delete:hover {
  background-color: #89252e;
}
.c-button.c-button--light,
a.c-button.c-button--light {
  color: #007aae !important;
  background-color: #edf1f5;
}
.c-button.c-button--light:hover,
a.c-button.c-button--light:hover {
  background-color: #e3e9f0;
}
.c-button.c-button--light.c-button--active,
a.c-button.c-button--light.c-button--active {
  background-color: #cbd2dc;
}
.c-button.c-button--light.c-button--active + .c-button--square,
a.c-button.c-button--light.c-button--active + .c-button--square {
  background-color: #c2cad6;
}
.c-button.c-button--light.c-button--red,
a.c-button.c-button--light.c-button--red {
  background-color: #edf1f5;
}
.c-button.c-button--light.c-button--red:hover,
a.c-button.c-button--light.c-button--red:hover {
  background-color: #e3e9f0;
}
.c-button.c-button--fill-red,
a.c-button.c-button--fill-red {
  background-color: #ed6b77 !important;
}
.c-button.c-button--fill-red:hover,
a.c-button.c-button--fill-red:hover {
  background-color: #e73e4d;
}
.c-button.c-button--dark.c-button--close,
a.c-button.c-button--dark.c-button--close {
  background-color: #2c3d53;
}
.c-button.c-button--dark.c-button--close:hover,
a.c-button.c-button--dark.c-button--close:hover {
  background-color: #273649;
}
.c-button.c-button--red,
a.c-button.c-button--red {
  padding: var(--Baseline);
  color: #952832 !important;
  background-color: #DCE1E8;
}
.c-button.c-button--red:hover,
a.c-button.c-button--red:hover {
  background-color: #d3d9e2;
}
.c-button.c-button--square,
a.c-button.c-button--square {
  padding: 0;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
}
.c-button.c-button--square .fas,
a.c-button.c-button--square .fas {
  margin: 0;
  padding: 2px 0 0;
  font-size: 11px;
  vertical-align: top;
}
.c-button.c-button--square.c-button--x4,
a.c-button.c-button--square.c-button--x4 {
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
}
.c-button.c-button--square.c-button--x5,
a.c-button.c-button--square.c-button--x5 {
  width: calc(var(--Baseline) * 5);
  height: calc(var(--Baseline) * 5);
}
.c-button.c-button--summary-edit,
a.c-button.c-button--summary-edit {
  position: absolute;
  top: 8px;
  right: 8px;
}
.c-button.c-button--transparent,
a.c-button.c-button--transparent {
  background: transparent !important;
}
.c-button.c-button--transparent:hover,
a.c-button.c-button--transparent:hover {
  background: transparent !important;
}
.c-button.c-button--clear,
a.c-button.c-button--clear {
  position: relative;
  overflow: initial;
  background: rgba(203, 210, 220, 0.5);
}
.c-button.c-button--clear:hover,
a.c-button.c-button--clear:hover {
  background: rgb(203, 210, 220);
}
.c-button.c-button--clear .svg-remove-filter,
a.c-button.c-button--clear .svg-remove-filter {
  background-color: #ed6b77;
  position: absolute;
  right: 3px;
  top: 4px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  fill: #fff;
}
.c-button.c-button--filter,
a.c-button.c-button--filter {
  background-color: transparent;
}
.c-button.c-button--filter.open,
a.c-button.c-button--filter.open {
  background-color: #E6EAF0;
}
.c-button.c-button--filter.c-button--filter--applied,
a.c-button.c-button--filter.c-button--filter--applied {
  position: relative;
  overflow: initial;
}
.c-button.c-button--filter.c-button--filter--applied:before,
a.c-button.c-button--filter.c-button--filter--applied:before {
  content: "";
  right: 4px;
  top: 4px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  background-color: #007aae;
}
.c-button.c-button--filter.c-button--filter--animate,
a.c-button.c-button--filter.c-button--filter--animate {
  position: relative;
  overflow: initial;
}
.c-button.c-button--filter.c-button--filter--animate:after,
a.c-button.c-button--filter.c-button--filter--animate:after {
  content: "";
  background-color: #F3CB19;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  left: -4px;
  top: -12px;
  animation: pulsate 500ms ease-out;
  -webkit-animation: pulsate 500ms ease-out;
  opacity: 0;
}
.c-button.c-button--loading,
a.c-button.c-button--loading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.c-button.c-button--block,
a.c-button.c-button--block {
  width: 100%;
}
.c-button.c-button--transparent,
a.c-button.c-button--transparent {
  background-color: transparent;
}
.c-button.c-button--close,
a.c-button.c-button--close {
  padding: 0;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  overflow: hidden;
  text-align: center;
  background-color: #eceff3;
  display: flex;
  justify-content: center;
}
.c-button.c-button--close:hover,
a.c-button.c-button--close:hover {
  background-color: #e3e9f0;
  color: #001E3E;
}
.c-button.c-button--close .fas,
a.c-button.c-button--close .fas {
  margin: 0;
  padding: 2px 0 0;
  font-size: 11px;
  vertical-align: top;
}
.c-button.c-button__load-more,
a.c-button.c-button__load-more {
  padding: calc(var(--Baseline) * 1);
  height: calc(var(--Baseline) * 7);
  background-color: #edf1f5;
  width: 100%;
  color: #007aae !important;
  font-size: 15.75px;
  border-radius: 0 0 4px 4px;
}
.c-button.c-button__load-more:hover, .c-button.c-button__load-more:focus,
a.c-button.c-button__load-more:hover,
a.c-button.c-button__load-more:focus {
  background-color: #e3e9f0;
}
.c-button .fas,
a.c-button .fas {
  margin: 0 var(--Baseline);
}
.c-button .fas,
.c-button .svg-export,
.c-button .svg-add,
.c-button .svg-move-driver,
a.c-button .fas,
a.c-button .svg-export,
a.c-button .svg-add,
a.c-button .svg-move-driver {
  margin: 0 0 0 var(--Baseline);
}
.c-button .c-button__text,
a.c-button .c-button__text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes button-loading {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.c-button-dropdown {
  position: relative;
  display: inline-flex;
  margin-left: calc(var(--Baseline) * 2);
}
.c-button-dropdown .c-button-dropdown__dropdown {
  width: 205px;
  padding: calc(var(--Baseline) * 2);
  position: absolute;
  z-index: 5;
  right: 0px;
  top: 100%;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  border-radius: 4px;
  background-color: #FCFDFD;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateY(-2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
}
.c-button-dropdown .c-button-dropdown__dropdown.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-button-dropdown .c-button-dropdown__dropdown .c-button {
  text-align: left;
}
.c-button-dropdown .c-button-dropdown__dropdown .c-button:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-buttons-group {
  position: relative;
}
.c-buttons-group.c-buttons-group--delete .c-button:first-child {
  padding-right: calc(var(--Baseline) * 6);
}
.c-buttons-group.c-buttons-group--delete .c-button:last-child {
  position: absolute;
  right: 0;
  top: 0;
}

.payment-type-buttons {
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
}
.payment-type-buttons .c-button-payment {
  height: 40px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  align-items: center;
  transition: all 200ms ease;
  flex: 1;
  border: 2px solid #DFE4EA;
}
.payment-type-buttons .c-button-payment:hover {
  border-color: #faa000;
}
.payment-type-buttons .c-button-active-state {
  border-color: #faa000;
}

.c-alert {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  margin: 0 0 calc(var(--Baseline) * 1);
  text-align: center;
  position: relative;
  border-radius: 4px;
  font-size: 15.75px;
  line-height: calc(var(--Baseline) * 3);
}
.c-alert.c-alert--fade {
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.c-alert.c-alert--fade.c-alert--fadein {
  opacity: 1;
  transition: opacity 300ms ease-in;
}
.c-alert.c-alert--nested {
  font-size: 14px;
  line-height: 1.25;
  padding-left: calc(var(--Baseline) * 1);
  padding-top: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
  text-align: left;
  display: flex;
}
.c-alert.c-alert--success {
  background-color: #e1f1ec;
}
.c-alert.c-alert--success .c-alert__close {
  color: #007aae;
  background: rgba(203, 210, 220, 0.2);
}
.c-alert.c-alert--success .c-alert__close svg {
  fill: #007aae;
}
.c-alert.c-alert--success .c-alert__close:hover {
  color: #001E3E;
}
.c-alert.c-alert--success .c-alert__close:hover svg {
  fill: #001E3E;
}
.c-alert.c-alert--warning {
  background-color: #fdd0a7;
  border: 1px solid rgba(84, 84, 84, 0.14);
}
.c-alert.c-alert--warning .c-alert__close {
  color: #007aae;
  background: rgba(203, 210, 220, 0.5);
}
.c-alert.c-alert--warning .c-alert__close svg {
  fill: #007aae;
}
.c-alert.c-alert--warning .c-alert__close:hover {
  color: #001E3E;
}
.c-alert.c-alert--warning .c-alert__close:hover svg {
  fill: #001E3E;
}
.c-alert.c-alert--error {
  background-color: #fce8e9;
  color: #952832;
  transition: all 0.3s linear !important;
}
.c-alert.c-alert--error .c-alert__close {
  background: #efbfc2;
  color: #952832;
}
.c-alert.c-alert--error .c-alert__close svg {
  fill: #952832;
}
.c-alert.c-alert--error .c-alert__close:hover {
  color: #001E3E;
}
.c-alert.c-alert--error .c-alert__close:hover svg {
  fill: #001E3E;
}
.c-alert .c-label {
  vertical-align: middle;
}
.c-alert .svg-alert {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  margin-right: calc(var(--Baseline) / 2);
  margin-top: -1px;
}
.c-alert.c-alert--highlight {
  background-color: #f9c7c8;
  box-shadow: inset 0 0 0 1px #952832;
}
.c-alert.c-alert--highlight .c-alert__text {
  display: flex;
}
.c-alert.c-alert--highlight .c-alert__close {
  background-color: #fce8e9;
}
.c-alert.c-alert--highlight .svg-alert {
  fill: #952832;
  opacity: 1;
  visibility: visible;
}
.c-alert .c-alert__close {
  margin-left: calc(var(--Baseline) * 1.5);
  flex: 1 0 auto;
  align-self: center;
  transition: all 0.3s linear;
}
.c-alert .c-alert__icon {
  margin-right: calc(var(--Baseline) * 1);
  flex: 0 0 auto;
  align-self: center;
}

.c-alert-inside {
  padding: var(--Baseline) calc(var(--Baseline) * 2) var(--Baseline);
  margin-bottom: calc(var(--Baseline) * 2);
  border-radius: calc(var(--Baseline) / 2);
}
.c-alert-inside.c-alert-inside--info {
  background-color: #dbeeea;
}
.c-alert-inside.c-alert-inside--warning {
  background-color: #fdd0a7;
}
.c-alert-inside .c-alert-inside__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-alert-inside .c-alert-inside__term {
  font-size: 15.75px;
}
.c-alert-inside .c-alert-inside__value {
  font-size: 17.72px;
  font-weight: 500;
}

.c-termination-alert {
  padding: calc(var(--Baseline) * 2);
  line-height: 17px;
  font-size: 12px;
  background-color: #f4f7f9;
}
.c-termination-alert:not(:last-child) {
  margin: calc(var(--Baseline) * -1.5) 0 calc(var(--Baseline) * 3);
}
.c-termination-alert.c-termination-alert--yellow {
  background-color: rgb(255, 252, 223);
}
.c-termination-alert.c-termination-alert--warning {
  background-color: rgb(253, 208, 167);
  border-radius: 4px;
  border: 1px solid #E5BF9B;
  font-size: 15.75px;
}
.c-termination-alert.c-termination-alert-ptb {
  padding-top: 8px;
  padding-bottom: 8px;
}
.c-termination-alert p {
  margin-bottom: var(--Baseline);
}
.c-termination-alert p:last-child {
  margin-bottom: 0;
}
.c-termination-alert .c-label {
  vertical-align: middle;
}

.c-address-alert {
  padding: calc(var(--Baseline) * 0.1);
  padding-left: calc(var(--Baseline) * 2);
  line-height: 17px;
  font-size: 15px;
  background-color: #f4f7f9;
  border-radius: 8px;
}
.c-address-alert:not(:last-child) {
  margin: calc(var(--Baseline) * -1.5) 0 calc(var(--Baseline) * 3);
}
.c-address-alert p {
  margin-bottom: var(--Baseline);
}
.c-address-alert p:last-child {
  margin-bottom: 0;
}
.c-address-alert .c-label {
  vertical-align: middle;
}

.c-prompt {
  position: fixed;
  z-index: 40;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fcfdfd;
  border-radius: calc(var(--Baseline) / 2);
  min-width: calc(var(--Baseline) * 35);
  max-width: calc(var(--Baseline) * 60);
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-prompt .c-prompt__wrap {
  padding: calc(var(--Baseline) * 3);
}
.c-prompt .c-prompt__buttons {
  display: flex;
  justify-content: space-between;
}
.c-prompt .c-prompt__buttons .c-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-prompt .c-prompt__buttons > *:last-child {
  flex: 1;
  margin-left: calc(var(--Baseline) * 2);
}
.c-prompt .c-prompt__buttons > *:last-child:first-child {
  flex: 1;
  margin: 0;
}

.session-expired {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  color: #1a1a1a;
  font-size: 15.75px;
  line-height: 18px;
  font-family: "YourNow", serif;
  font-weight: bold;
}
.session-expired a {
  color: #1a1a1a !important;
}

.c-widgets-section {
  padding-top: calc(var(--Baseline) * 5);
  padding-bottom: calc(var(--Baseline) * 10);
  color: #fff;
  display: flex;
  align-items: flex-end;
}
@media screen and ( min-width: 1000px ) {
  .c-widgets-section {
    padding-top: calc(var(--Baseline) * 2);
    min-height: calc(var(--Baseline) * 20 + 15vh);
    max-height: calc(var(--Baseline) * 40);
  }
}
.c-widgets-section > * {
  width: 100%;
}
.c-widgets-section .c-widgets-section__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.c-widgets-section .c-widgets-section__title {
  font-size: 45.46px;
  line-height: 1.2;
  margin-left: calc(var(--Baseline) * 2);
}
.c-widgets-section .c-widgets-section__filter {
  margin-bottom: calc(var(--Baseline) * 1);
  margin-left: calc(var(--Baseline) * 3);
  margin-top: calc(var(--Baseline) * 2);
}
.c-widgets-section .c-widgets-filter__month {
  font-family: "YourNow", serif;
  font-size: 14px;
}
.c-widgets-section .c-widgets-section__top {
  width: 100%;
  margin-bottom: calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-widgets-section .c-widgets-section__active-filter {
  padding-left: calc(var(--Baseline) * 2);
  margin-top: calc(var(--Baseline) * 2);
  margin-bottom: calc(var(--Baseline) * -5);
}

.c-widgets {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.c-widgets.c-widgets--full-width {
  width: 100%;
  padding-left: calc(var(--Baseline) * 3);
}
.c-widgets.c-widgets--large {
  padding-left: calc(var(--Baseline) * 3);
}
.c-widgets.c-widgets--large .c-widgets__title {
  margin-bottom: 0;
}
.c-widgets.c-widgets--large .c-widgets__item {
  max-width: calc(var(--Baseline) * 36);
  width: auto;
}
.c-widgets.c-widgets--large .c-widgets__item:not(:first-child) {
  margin-left: calc(var(--Baseline) * 8);
}
.c-widgets .c-widgets__item {
  padding: 0;
  margin-top: calc(var(--Baseline) * 2);
  width: calc(var(--Baseline) * 22);
  list-style: none;
}
.c-widgets .c-widgets__item:not(:first-child) {
  margin-left: calc(var(--Baseline) * 2);
}
.c-widgets .c-widgets__item .c-widgets__title {
  font-size: 14px;
  font-family: "YourNow", serif;
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-widgets .c-widgets__item .c-widgets__value {
  max-height: calc(var(--Baseline) * 9);
  overflow: hidden;
  font-size: 35.92px;
  font-family: "YourNow", serif;
  line-height: 1.15;
  display: flex;
  align-items: center;
}
.c-widgets .c-widgets__item .c-widgets__value > * {
  flex-basis: auto;
}
.c-widgets .c-widgets__item .c-widgets__value .c-dot-small {
  margin-right: calc(var(--Baseline) * 2);
}
.c-widgets .c-widgets__sub {
  margin-left: calc(var(--Baseline) / 2);
  line-height: 22px;
  align-self: flex-end;
}

.c-save-filters.c-save-filters--open .c-filters-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-save-filters .c-save-filters__button-text {
  line-height: calc(var(--Baseline) * 3);
  margin-right: calc(var(--Baseline) * 1);
}
.c-save-filters .c-widgets-section__wrap {
  position: relative;
}

.c-filters-dropdown {
  max-width: calc(var(--Baseline) * 80);
  min-width: calc(var(--Baseline) * 30);
  max-height: 70vh;
  overflow: auto;
  position: absolute;
  z-index: 12;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
  color: #2c3d53;
  background-color: #fff;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  border-radius: calc(var(--Baseline) / 2);
}
.c-filters-dropdown > *:not(:last-child) {
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}

.c-filters-dropdown__head {
  padding: calc(var(--Baseline) * 2);
  color: #001e3e;
}

.c-filters-dropdown__save {
  padding: calc(var(--Baseline) * 2);
  background-color: #fff9bc;
}

.c-filters-dropdown__form {
  padding: calc(var(--Baseline) * 2);
}

.c-filters-dropdown__buttons {
  padding: calc(var(--Baseline) * 2);
}
.c-filters-dropdown__buttons > *:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-label {
  height: calc(var(--Baseline) * 3);
  max-width: 100%;
  padding: calc(var(--Baseline) / 2) var(--Baseline);
  line-height: 17px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  color: #2c3d53;
  width: -moz-fit-content;
  width: fit-content;
}
.c-label.c-label--inline {
  padding: 0 4px;
  height: auto;
  line-height: 20px;
  margin: calc(var(--Baseline) * -0.5) 0;
  vertical-align: middle;
}
.c-label.c-label--count {
  padding-left: calc(var(--Baseline) * 1);
  padding-right: calc(var(--Baseline) * 1);
  line-height: 1;
}
.c-label.c-label--tag {
  height: calc(var(--Baseline) * 4);
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 2);
  border-radius: 16px;
  font-size: 15.75px;
  line-height: calc(var(--Baseline) * 3);
}
.c-label.c-label--light, .c-notifications .c-notifications__item:not(.c-notifications__item--unread) .c-label, .c-label.c-label--tenant {
  background-color: #edf1f5;
  color: #69768c;
  font-size: 12px;
}
.c-label.c-label--flag {
  display: inline-flex;
  align-items: center;
}
.c-label.c-label--flag > img {
  height: calc(var(--Baseline) * 1.5);
  width: auto;
  margin-right: calc(var(--Baseline) / 2);
}
.c-label.c-label--field-req {
  background-color: rgba(0, 0, 0, 0.1);
  color: #2c3d53;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  padding: 0 calc(var(--Baseline) / 2);
}
.c-label.c-label--blue {
  color: #fff;
  background-color: #007aae;
}
.c-label.c-label--dark {
  color: #fff;
  background-color: #69768c;
}
.c-label.c-label--grey {
  background-color: #e9edf0;
}
.c-label.c-label--green {
  background-color: #dbeeea;
}
.c-label.c-label--green-light {
  background-color: #d0dfb5;
}
.c-label.c-label--yellow {
  background-color: #ffec81;
}
.c-label.c-label--orange {
  background-color: #fffce4;
}
.c-label.c-label--red {
  background-color: #fce8e9;
}
.c-label.c-label--white {
  background-color: #fff;
}
.c-label.c-label--added {
  background-color: #d0dfb5;
}
.c-label.c-label--removed {
  background-color: rgba(249, 199, 200, 0.7);
  text-decoration: line-through;
  color: rgba(44, 61, 83, 0.5);
}
.c-label.c-label--bold {
  font-weight: bold;
}
.c-label .fas {
  font-size: 11px;
  margin-right: 5px;
}
.c-label .c-dot-small {
  margin-right: calc(var(--Baseline) / 2);
  transform: translateY(-1px);
  vertical-align: middle;
}

.c-icon-label {
  font-size: 12px;
  color: #969ea9;
  font-weight: normal;
  overflow-wrap: anywhere;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.c-icon-label .c-icon-label__badge {
  margin-right: calc(var(--Baseline) / 2);
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1.1;
}
.c-icon-label.c-icon-label--light {
  padding: 0 calc(var(--Baseline) * 1) 0 calc(var(--Baseline) / 2);
  height: calc(var(--Baseline) * 3);
  line-height: calc(var(--Baseline) * 3);
  background-color: #EFF2F4;
  color: inherit;
  border-radius: calc(var(--Baseline) / 2);
}
.c-icon-label.c-icon-label--remove {
  padding: calc(var(--Baseline) / 2) var(--Baseline);
  background-color: #edf1f5;
  color: #69768c;
  border-radius: calc(var(--Baseline) / 2);
}
.c-icon-label .c-icon-label__remove {
  margin-left: calc(var(--Baseline) / 2);
  padding: 0;
  display: inline-flex;
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 50%;
  background-color: #c2d8e6;
}
.c-icon-label .c-icon-label__remove:hover {
  background-color: #b0ccdf;
}
.c-icon-label .c-icon-label__remove .svg-close {
  fill: #005478;
}

.c-table-row {
  background-color: #FCFDFD;
}
.c-table-row:nth-child(odd) {
  background-color: #F8FAFB;
}
.c-table-row.c-table-row--sticky {
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 3;
  background-color: transparent;
  transition: box-shadow 150ms ease-in;
}
.c-table-row.c-table-row--empty {
  height: calc(var(--Baseline) * 7);
  background-color: #edf1f5;
  border: 1px solid rgba(203, 210, 220, 0.5);
  border-radius: 4px 4px 0 0;
}
.c-table-row.is-stuck {
  box-shadow: 0px 0px 6px 0px rgba(44, 61, 83, 0.26), 0px 0px 20px 0px rgba(44, 61, 83, 0.12), 0px 0px 40px 0px rgba(44, 61, 83, 0.05), 0px 0px 90px 0px rgba(44, 61, 83, 0.04);
}

.c-table-row__cell {
  padding: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 1.5);
  position: relative;
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
  border-left: 1px solid rgba(203, 210, 220, 0.5);
}
.c-table-row__cell:first-child {
  border-left: 1px solid rgba(203, 210, 220, 0.5);
}
.c-table-row__cell:not(:last-child):not(.c-table-row__cell--head) {
  overflow: hidden;
}
.c-table-row__cell:last-child {
  border-right: 1px solid rgba(203, 210, 220, 0.5);
}
.c-table-row__cell.c-table-row__cell--head {
  padding-bottom: calc(var(--Baseline) * 2);
  white-space: nowrap;
  display: flex;
  align-items: center;
  background-color: #edf1f5;
  border-top: 1px solid #cbd2dc;
  border-bottom: 1px solid #cbd2dc;
}
.c-table-row__cell.c-table-row__cell--head:first-child {
  border-top-left-radius: 4px;
}
.c-table-row__cell.c-table-row__cell--head:last-child {
  border-top-right-radius: 4px;
}
.c-table-row__cell.c-table-row__cell--head:nth-last-child(2) .c-search-filter:not(.c-search-filter--right) {
  right: -1px;
  left: auto !important;
}
.c-table-row__cell.c-table-row__cell--head[data-column=col-settings] {
  border-top-right-radius: 4px;
}
.c-table-row__cell.c-table-row__cell--empty {
  height: 100px;
}
.c-table-row__cell > .fas {
  vertical-align: baseline;
  margin: 0;
  min-width: 15px;
  text-align: center;
  display: inline-block;
  color: #000;
}

.c-column-name {
  font-weight: 500;
}

.c-table-tools {
  position: sticky;
  z-index: 2;
  bottom: 0;
  border-radius: 0 0 4px 4px;
  border: 1px solid #cbd2dc;
  border-top-width: 0;
  background-color: #edf1f5;
  transition: box-shadow 150ms ease-in;
}
.c-table-tools.c-table-tools--empty {
  height: calc(var(--Baseline) * 7);
  background-color: #edf1f5;
  border: 1px solid rgba(203, 210, 220, 0.5);
  border-radius: 0 0 4px 4px;
}
.c-table-tools.is-stuck {
  border-top-width: 1px;
  box-shadow: 0px 0px 6px 0px rgba(44, 61, 83, 0.26), 0px 0px 20px 0px rgba(44, 61, 83, 0.12), 0px 0px 40px 0px rgba(44, 61, 83, 0.05), 0px 0px 90px 0px rgba(44, 61, 83, 0.04);
}
.c-table-tools .c-table-tools__flex {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.c-table-tools .c-table-tools__flex .c-pagination__list {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  margin-top: calc(var(--Baseline) * 2);
}
.c-table-tools .c-table-tools__page .c-form-field {
  margin-bottom: 0;
}
.c-table-tools .c-table-tools__buttons {
  display: flex;
  min-width: 10px;
}
.c-table-tools .c-table-tools__buttons .c-button {
  margin-left: var(--Baseline);
}
.c-table-tools .c-table-tools__buttons .c-button:first-child {
  margin-left: 0;
}

.c-grid-term {
  display: none;
  font-size: 12px;
  font-weight: 300;
  transition: opacity 150ms ease;
  color: #969ea9;
}
.c-grid-term.c-grid-term__show {
  display: block;
}

.c-grid-data {
  margin-bottom: 5px;
  font-weight: normal;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-grid-data:empty {
  margin-bottom: 0;
}
.c-grid-data:last-child {
  margin-bottom: 0;
}
.c-grid-data.c-grid-data--icon {
  padding-left: calc(var(--Baseline) * 3);
  position: relative;
}
.c-grid-data.c-grid-data--icon .fas,
.c-grid-data.c-grid-data--icon .c-dot-small {
  position: absolute;
  left: 0;
  top: 3px;
}
.c-grid-data a.c-grid-data__text {
  color: #007aae;
}
.c-grid-data .c-grid-data__text {
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 95%;
  overflow: hidden;
  text-decoration: none;
}
.c-grid-data .c-grid-data__text + .c-tooltip-text {
  margin-left: calc(var(--Baseline) / 2);
  display: flex;
}

.fa-filter:before {
  font-size: 10px;
}

.c-table-row.u-row-active .c-row-menu,
.c-table-row:hover .c-row-menu {
  opacity: 1;
}

.c-row-menu {
  padding: 0;
  margin: 0;
  opacity: 0;
  position: relative;
  text-align: center;
  transition: opacity 150ms ease;
}
.c-row-menu .c-row-menu__dropdown {
  width: -moz-fit-content;
  width: fit-content;
  padding: calc(var(--Baseline) * 2);
  right: calc(50% - var(--Baseline) * 1.5);
  top: 100%;
  position: absolute;
  list-style-type: none;
  background-color: #fcfdfd;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateY(-2em);
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
}
.c-row-menu .c-row-menu__dropdown > li > a > fleet-svg {
  margin-left: 8px;
}
.c-row-menu .c-row-menu__item {
  margin-bottom: var(--Baseline);
  position: relative;
}
.c-row-menu .c-row-menu__item:last-child {
  margin-bottom: 0;
}
.c-row-menu .c-button--square {
  color: #fff;
}
.c-row-menu .c-button--square.open + .c-row-menu__dropdown {
  visibility: visible;
  opacity: 1;
  z-index: 5;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s;
}
.c-row-menu .c-row-menu__dropdown .c-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.c-row-menu.c-row-menu--cards {
  position: absolute;
  right: calc(var(--Baseline) * 2);
  top: calc(var(--Baseline) * 2);
}
.c-row-menu.c-row-menu--cards .c-row-menu__dropdown {
  left: 0;
  right: auto;
}

.c-table-row.c-table-row--selected {
  background-color: #FFFCDD !important;
}
.c-table-row.c-table-row--selected .c-copy-item:hover {
  background-color: #fff9bc;
}

.c-copy-item {
  margin-left: calc(var(--Baseline) * -1);
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 1);
  padding-right: calc(var(--Baseline) / 2);
  border-radius: calc(var(--Baseline) / 2);
  margin-bottom: 0;
  margin-top: calc(var(--Baseline) / -2);
  height: calc(var(--Baseline) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s linear;
}
.c-copy-item .c-copy-item__button {
  align-items: center;
  display: none;
  fill: #007aae;
}
.c-copy-item:hover {
  background-color: #f2f4f6;
}
.c-copy-item:hover .c-copy-item__button {
  display: flex;
  padding: 0 calc(var(--Baseline) / 2);
  border-radius: calc(var(--Baseline) / 2);
  height: calc(var(--Baseline) * 3);
  transition: background-color 0.2s linear;
}
.c-copy-item:hover .c-copy-item__button svg {
  fill: #007aae;
  transition: fill 0.2s linear;
}
.c-copy-item:hover .c-copy-item__button:hover {
  background-color: #007aae;
}
.c-copy-item:hover .c-copy-item__button:hover svg {
  fill: #fff;
}

.c-sidebar-buttons.c-sidebar-buttons--bottom {
  width: calc(var(--Baseline) * 39);
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  margin-top: calc(var(--Baseline) * 2);
  bottom: 0;
  right: -100%;
  position: fixed;
  z-index: 5;
  display: flex;
  flex-direction: row;
  background-color: #f4f7f9;
  opacity: 0;
  transition: opacity 100ms linear 200ms, right 10ms linear 200ms;
}
@media screen and ( min-width: 1000px ) {
  .c-sidebar-buttons.c-sidebar-buttons--bottom {
    width: calc(var(--Baseline) * 39 + (100vw - 1000px) * 0.26);
    max-width: calc(var(--Baseline) * 65);
  }
}
.c-sidebar-buttons.c-sidebar-buttons--bottom > div,
.c-sidebar-buttons.c-sidebar-buttons--bottom > div > fleet-button {
  width: 100% !important;
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__invoice {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__invoice .c-button {
  width: auto;
  flex: 1 1 auto;
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__invoice .c-button + .c-button {
  margin-left: calc(var(--Baseline) * 1);
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__invoice .c-termination-alert {
  padding: 0;
}
.c-sidebar-buttons.c-sidebar-buttons--bottom .c-sidebar-buttons__invoice svg {
  vertical-align: middle !important;
}
.c-sidebar-buttons .c-button {
  line-height: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 5);
}
.c-sidebar-buttons .c-button.c-button--outline:nth-child(odd) {
  flex: 0 0 auto;
  width: calc(var(--Baseline) * 5);
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-right: var(--Baseline);
}
.c-sidebar-buttons .c-button:nth-child(even) {
  flex: 1 1 auto;
}

.c-title-progress {
  margin-bottom: calc(var(--Baseline) * 5);
  padding: 0 calc(var(--Baseline) * 3) calc(var(--Baseline) * 4);
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
}
.c-title-progress.c-title-progress--head {
  border-bottom-width: 0;
  padding: 0 calc(var(--Baseline) * 2) 0 0;
}

.c-sidebar-step {
  padding: 0 0 calc(var(--Baseline) * 12);
  min-height: calc(100vh - var(--read-only-height));
  position: relative;
  display: flex;
  flex-direction: column;
}
.c-sidebar-step#__add-contract-step-0 {
  padding: 0;
  min-height: calc(100vh - var(--read-only-height));
}
.c-sidebar-step .c-sidebar-step__root {
  padding: calc(var(--Baseline) * 3);
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and ( min-width: 1000px ) {
  .c-sidebar-step .c-sidebar-step__root {
    padding-left: calc(var(--Baseline) * 3 + (100vw - 1000px) * 0.01);
    padding-right: calc(var(--Baseline) * 3 + (100vw - 1000px) * 0.01);
  }
}
@media screen and ( min-width: 1800px ) {
  .c-sidebar-step .c-sidebar-step__root {
    padding-left: calc(var(--Baseline) * 4);
    padding-right: calc(var(--Baseline) * 4);
  }
}
.c-sidebar-step .c-sidebar-step__head {
  position: sticky;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100%;
  background-color: #f4f7f9;
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 1) calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline) * 5);
}
.c-sidebar-step .c-sidebar-step__head .c-sidebar-head__subtitle {
  font-weight: normal;
  clear: both;
}
.c-sidebar-step .c-sidebar-step__head .c-close-sidebar {
  float: right;
  margin: 0;
}

.c-close-sidebar {
  float: right;
  margin-right: calc(var(--Baseline) * 1);
  margin-top: calc(var(--Baseline) * 1);
  margin-left: auto;
}

.c-buttons-dir {
  margin-top: calc(var(--Baseline) * 5);
  display: flex;
  flex-direction: row;
}
.c-buttons-dir.c-buttons-dir--contract {
  margin-top: 0;
}
.c-buttons-dir.c-buttons-dir--contract > * {
  height: calc(var(--Baseline) * 15);
}
.c-buttons-dir .c-button {
  white-space: normal;
  line-height: 1.25;
  font-weight: normal;
}
.c-buttons-dir .c-button .fas,
.c-buttons-dir .c-button .svg-bulk-upload,
.c-buttons-dir .c-button .svg-contract,
.c-buttons-dir .c-button .svg-move-driver,
.c-buttons-dir .c-button .svg-replace-driver {
  display: block;
  font-size: 19.93px;
  margin: 0 auto calc(var(--Baseline) * 2);
}
.c-buttons-dir > * {
  width: 50%;
  height: calc(var(--Baseline) * 18);
}
.c-buttons-dir > * + * {
  margin-left: calc(var(--Baseline) * 1);
}

.c-save-changes .c-save-changes__buttons {
  display: flex;
  flex-direction: row;
}
.c-save-changes .c-save-changes__buttons > * {
  flex: 1;
  line-height: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 5);
}
.c-save-changes .c-save-changes__buttons > * + * {
  margin-left: calc(var(--Baseline) * 1);
}
.c-save-changes p {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-ol {
  list-style-position: inside;
}
.c-ol .c-ol__item {
  margin-bottom: var(--Baseline);
}

.c-list-inside {
  list-style-position: inside;
}

.c-sidebar-content {
  padding: calc(var(--Baseline) * 4);
  min-height: calc(100vh - var(--read-only-height));
  display: flex;
  flex-direction: column;
}
.c-sidebar-content .c-sidebar-content__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 80%;
}
.c-sidebar-content .c-sidebar-content__footer {
  flex: 0 0 auto;
}
.c-sidebar-content .c-sidebar-content__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.c-sidebar-content .c-sidebar-content__buttons > .c-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-sidebar-content .c-sidebar-content__buttons > .c-button:not(:last-child) {
  margin-right: calc(var(--Baseline) * 1);
}
.c-sidebar-content .c-sidebar-content__buttons > * {
  flex: 1 1 auto;
  line-height: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 5);
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-sidebar-content .c-sidebar-content__buttons > * + * {
  flex: 1 1 auto;
  max-width: calc(var(--Baseline) * 12);
  text-overflow: ellipsis;
  overflow: hidden;
}

.c-sidebar-alert {
  padding: calc(var(--Baseline) * 2);
  line-height: 1.3;
  background-color: #edf1f5;
  border-radius: 4px;
}
.c-sidebar-alert.c-sidebar-alert--warning {
  background-color: #fce8e9;
}
.c-sidebar-alert p {
  margin-bottom: var(--Baseline);
}
.c-sidebar-alert p:last-child {
  margin-bottom: 0;
}

.c-card-block {
  border-radius: 3px;
}
.c-card-block.c-card-block--active {
  padding: 20px;
  background-color: #e1f1ec;
}
.c-card-block.c-card-block--blocked {
  padding: 20px;
  background-color: #fce8e9;
}
.c-card-block > p {
  margin-bottom: 10px;
}
.c-card-block > p:last-child {
  margin-bottom: 0;
}
.c-card-block .c-card-block__buttons {
  display: flex;
}
.c-card-block .c-card-block__buttons > * {
  flex: 0 1 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-address-card {
  padding: 14px;
  line-height: 1.5;
  border: 1px solid #cbd2dc;
}

.c-bulk-upload {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3) 0;
}
.c-bulk-upload .c-bulk-upload__box {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  background-color: #f4f7f9;
}
.c-bulk-upload .c-bulk-upload__box hr {
  margin-right: calc(var(--Baseline) * -2);
  margin-left: calc(var(--Baseline) * -2);
}
.c-bulk-upload .c-bulk-file-upload {
  display: block;
}
.c-bulk-upload .c-bulk-file-upload .c-bulk-file-upload__info {
  margin-bottom: var(--Baseline);
}

.c-upload-alert {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  margin-top: calc(var(--Baseline) * 2);
  background-color: #e1f1ec;
}
.c-upload-alert p {
  font-size: 12px;
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-upload-alert p:last-child {
  margin-bottom: 0;
}

.c-center-v {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-center-v.c-center-v--with-head {
  min-height: calc(100vh - var(--Baseline) * 40);
}

.c-info-box {
  display: flex;
  align-items: center;
}

.c-sidebar-confirm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.c-sidebar-confirm__header {
  font-weight: 500;
  font-size: 24.3px;
}

.c-sidebar-confirm__text {
  font-size: 15.75px;
}

.c-sidebar-confirm__buttons {
  display: flex;
  gap: 8px;
}
.c-sidebar-confirm__buttons > .c-button {
  flex: 1;
}

.c-fleet-groups {
  margin-bottom: calc(var(--Baseline) * 10);
  min-height: calc(100vh - 65px - 160px);
}
.c-fleet-groups .c-fleet-groups__head {
  padding-top: calc(var(--Baseline) * 20);
  padding-bottom: calc(var(--Baseline) * 10);
  color: #fff;
}
.c-fleet-groups .c-fleet-groups__head .c-fleet-groups__title {
  font-size: 45.46px;
  line-height: 1.35;
  margin-left: calc(var(--Baseline) * 2);
}

.c-fleet-cards {
  display: grid;
  grid-gap: calc(var(--Baseline) * 3);
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  margin-bottom: calc(var(--Baseline) * 6);
}

.c-fleet-card {
  position: relative;
  line-height: 1.1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border: 2px solid #e9edf0;
  border-radius: 8px;
  font-size: 14px;
}
.c-fleet-card:nth-child(3n+3) .c-row-menu__dropdown {
  right: 0 !important;
  left: auto !important;
}
.c-fleet-card:hover .c-row-menu, .c-fleet-card.u-menu-active .c-row-menu {
  opacity: 1;
}
.c-fleet-card .c-fleet-card__title {
  margin-bottom: calc(var(--Baseline) * 1);
  font-size: 22.43px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #007aae;
}
.c-fleet-card .c-fleet-card__top {
  padding: calc(var(--Baseline) * 2);
  flex-grow: 1;
}
.c-fleet-card .c-fleet-card__label {
  display: flex;
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-fleet-card .c-fleet-card__label > *:not(:last-child) {
  margin-right: calc(var(--Baseline) * 1);
}
.c-fleet-card .c-fleet-card__bottom {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  background-color: #edf1f5;
  overflow: hidden;
}
.c-fleet-card .c-fleet-card__bottom p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-fleet-card .c-fleet-card__bottom p:not(:last-child) {
  margin-bottom: var(--Baseline);
}
.c-fleet-card .c-fleet-card__bottom a {
  color: #007aae;
}
.c-fleet-card .c-fleet-card__bottom .c-fleet-card__name {
  font-size: 17.72px;
  font-weight: 500;
}

.c-cards-text-grey {
  color: gray;
}

.c-cards-text-centre {
  margin: 0 auto;
}

.c-cards-text-title {
  font-size: 15px;
  font-weight: 500;
  color: #005478;
}

.c-cards-text {
  font-size: 14px;
}

.c-card-menu {
  position: relative;
}

.c-card-detail-selected-box {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #edf1f5;
}
.c-card-detail-selected-box .c-card-detail-selected-box__main {
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
  width: 100%;
}
.c-card-detail-selected-box dl {
  background-color: #edf1f5;
  margin-bottom: var(--Baseline);
}
.c-card-detail-selected-box .c-card-detail-title__contract_id {
  font-size: 19.93px;
}

.c-invoice-card {
  border-radius: 8px;
  background-color: #f4f7f9;
  padding: 24px;
}
.c-invoice-card .c-invoice-card__data {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.c-invoice-card .c-invoice-card__data .c-invoice-card__invoice-data .c-invoice-card__amount {
  font-size: 19.93px;
}
.c-invoice-card .c-invoice-card__data .c-invoice-card__invoice-data .c-invoice-card__date {
  color: #69768c;
  font-size: 12px;
}
.c-invoice-card .c-invoice-card__country {
  display: flex;
  align-items: center;
}
.c-invoice-card .c-invoice-card__country .c-label {
  margin-right: 5px;
}
.c-invoice-card .c-invoice-card__chargingrecords {
  padding-top: 16px;
}

:root {
  --primary: #fa8d2b;
  --loadingSize: 42px;
  --dotSize: 12px;
}

@keyframes dotTrace {
  0% {
    transform: translate(-15px, -6px);
  }
  30% {
    transform: translate(8px, 14px);
  }
  60% {
    transform: translate(8px, 27px);
  }
  80%, 100% {
    transform: translate(calc(var(--loadingSize) + 13px), -5px);
  }
}
@keyframes loading {
  0%, 10% {
    transform: translate(-50%, -50%) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) scale(1.25);
  }
  65% {
    transform: translate(-50%, -50%) scale(0.85);
  }
  90% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.c-loading-section {
  position: relative;
}
.c-loading-section.align-center .c-loading {
  top: 50vh;
  position: fixed;
}
.c-loading-section.align-center.align-bottom .c-loading {
  bottom: calc(var(--Baseline) * 15);
  top: auto;
  position: absolute;
}
.c-loading-section.align-center.align-top .c-loading {
  top: calc(var(--Baseline) * 15);
  position: absolute;
}

.c-loading {
  position: fixed;
  display: flex;
  width: var(--loadingSize);
  height: var(--loadingSize);
  background: var(--primary);
  border-radius: 50%;
  overflow: hidden;
  animation: loading 1s infinite;
  animation-timing-function: ease-out-in;
  animation-delay: -0.05s;
  top: 50%;
  z-index: 15;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-loading.c-loading--sticky {
  position: sticky;
}
.c-loading.c-loading--absolute {
  position: absolute;
  z-index: 2;
}
.c-loading .c-loading__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: var(--loadingSize);
  height: var(--loadingSize);
  background: url('../images/v-mask.svg?t=1750145466751') no-repeat;
}
.c-loading .c-loading__dot {
  position: absolute;
  z-index: 1;
  width: var(--dotSize);
  height: var(--dotSize);
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white;
}
.c-loading .c-loading__trace {
  left: 0px;
  top: 0px;
  transform: translate(-15px, -6px);
  animation: 1s dotTrace infinite;
  animation-timing-function: ease-out;
}

.c-loading--button .c-loading {
  top: 0;
  position: absolute;
  left: -16px !important;
  width: 18px;
  height: 18px;
}
.c-loading--button .c-loading__shape {
  height: inherit;
  background-color: white;
  background-size: contain;
}

.c-loading--relative .c-loading {
  position: relative;
  top: 9px;
  left: 50% !important;
  width: 18px;
  height: 18px;
}
.c-loading--relative .c-loading__shape {
  height: inherit;
  background-color: white;
  background-size: contain;
}

.c-loading--search-input {
  position: absolute;
  top: 50%;
  right: 16px;
}
.c-loading--search-input .c-loading {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0 !important;
}
.c-loading--search-input .c-loading__shape {
  height: inherit;
  background-color: white;
  background-size: contain;
}

.c-loading--form .c-loading {
  position: absolute;
}

.c-loading--input {
  position: absolute;
  right: 26px;
  top: 55px;
}
.c-loading--input .c-loading {
  position: absolute;
  width: 20px;
  height: 20px;
}
.c-loading--input .c-loading__shape {
  height: inherit;
  background-color: white;
  background-size: contain;
}

.flatpickr-calendar {
  font-size: 12px;
}

.flatpickr-months .flatpickr-month {
  height: 50px;
  padding: 14px 0 calc(var(--Baseline) * 1.5);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  top: 10px;
}

.flatpickr-current-month {
  height: calc(var(--Baseline) * 3);
  font-size: 12px;
  line-height: 1;
  padding-top: 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background-color: #f2f4f6;
  padding: 0 calc(var(--Baseline) * 1);
  height: 24px;
  text-align: center;
  font-weight: 500;
  border-radius: 4px;
  border: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
}
.flatpickr-current-month input.cur-year {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  padding: 0;
}
.flatpickr-current-month .numInputWrapper {
  height: 24px;
  width: calc(var(--Baseline) * 7);
  padding: 5px calc(var(--Baseline) * 1);
  border-radius: 4px;
  background-color: #f2f4f6;
  margin-left: calc(var(--Baseline) * 1);
}

span.flatpickr-weekday {
  font-size: 12px;
  font-weight: 500;
  color: #2c3d53;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: #007aae;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #001e3e;
}

.flatpickr-day {
  background: rgba(0, 30, 62, 0.04);
  border-radius: 0;
  border: 0;
  margin: 1px 0 0;
  max-width: 43px;
  flex-basis: 43px;
  height: 30px;
  line-height: 30px;
  color: #2c3d53;
}
.flatpickr-day:hover {
  color: #007aae;
}

.flatpickr-day.today:not(.flatpickr-disabled):hover, .flatpickr-day.today:not(.flatpickr-disabled):focus {
  color: #2c3d53;
}

.flatpickr-day.today:not(.flatpickr-disabled),
.flatpickr-day.today:not(.flatpickr-disabled):hover, .flatpickr-day.today:not(.flatpickr-disabled):focus {
  background: rgba(0, 30, 62, 0.08);
  color: #007aae;
  border: 0;
  box-shadow: 0px 0px 0px 2px #fdc99b;
  border-radius: 4px;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: rgba(0, 30, 62, 0.08);
  border: 0;
}

.flatpickr-day:focus {
  box-shadow: 0px 0px 0px 2px #fdc99b;
  border-radius: 4px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: #faa000;
  color: #2c3d53;
}

.c-calendar-timezone {
  padding: calc(var(--Baseline) * 1);
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid rgba(203, 210, 220, 0.2);
}

svg {
  vertical-align: middle;
}

.c-button svg {
  fill: #fff;
}
.c-button.c-button--red svg {
  fill: #952832;
}
.c-button.c-button--outline svg, .c-button.c-button--outline.c-button--square svg {
  fill: #007aae;
}
.c-button.c-button--disabled svg {
  fill: #2c3d53;
}

.c-button--filter svg,
.svg-search svg,
.o-input-button__search svg {
  fill: #007aae;
}
.c-button--filter svg.svg-filter,
.svg-search svg.svg-filter,
.o-input-button__search svg.svg-filter {
  fill: #2c3d53;
}

.svg-manage-columns {
  fill: #fff;
}

.svg-manage-columns-daimler {
  fill: #fff;
}
.svg-manage-columns-daimler:hover {
  fill: #004355;
}

.svg-sorting {
  fill: #fff;
}

.svg-sorting-daimler {
  fill: #fff;
}
.svg-sorting-daimler:hover {
  fill: #004355;
}

.svg-options {
  fill: #fff;
}

.svg-chevron_single-right {
  fill: #fff;
}

.svg-chevron_single-left {
  fill: #fff;
}

.svg-chevron_double-right {
  fill: #fff;
}

.svg-chevron_double-left {
  fill: #fff;
}

.svg-chevron_single-right-daimler {
  fill: #fff;
}
.svg-chevron_single-right-daimler:hover {
  fill: #004355;
}

.svg-chevron_single-left-daimler {
  fill: #fff;
}
.svg-chevron_single-left-daimler:hover {
  fill: #004355;
}

.svg-chevron_double-right-daimler {
  fill: #fff;
}
.svg-chevron_double-right-daimler:hover {
  fill: #004355;
}

.svg-chevron_double-left-daimler {
  fill: #fff;
}
.svg-chevron_double-left-daimler:hover {
  fill: #004355;
}

.svg-export {
  fill: #007aae;
}

.svg-download {
  fill: #007aae;
}

.c-button:not(.c-button--outline):not(.c-button--square):not(:disabled):not(.c-button--close) .svg-download {
  fill: #fff;
}

.svg-upload {
  fill: #fff;
}

.svg-add {
  fill: #fff;
}

.svg-bulk-upload {
  fill: #007aae;
}

.svg-filter {
  fill: #2c3d53;
}

.svg-edit {
  fill: #007aae;
}

.svg-contract {
  fill: #007aae;
}

.c-buttons-dir .svg-contract {
  fill: #fff;
}

.svg-invoices {
  fill: #007aae;
}

.c-row-menu:not(.c-row-menu--cards) .svg-invoices {
  fill: #fff;
}

.svg-tick {
  fill: #007aae;
}

.svg-tick-green,
svg.svg-fill-green {
  fill: #74b2a7;
}

.svg-close {
  fill: #007aae;
}

.svg-charging-records {
  fill: #007aae;
}

.svg-chevron_single-up {
  fill: #007aae;
}

.svg-chevron_single-down {
  fill: #007aae;
}

.c-button-dropdown .svg-chevron_single-down,
.c-save-filters__button .svg-chevron_single-down {
  fill: #fff;
}

.svg-search {
  fill: #007aae;
}

.svg-world {
  fill: #fff;
}

.svg-alert {
  fill: #2C3D53;
}

svg.svg-fill-blue {
  fill: #007aae;
}

svg.svg-fill-white {
  fill: #fff;
}

svg.svg-fill-dark {
  fill: #2c3d53;
}

svg.svg-fill-light {
  fill: #cbd2dc;
}

svg.svg-fill-grey {
  fill: #e9edf0;
}

svg.svg-fill-red {
  fill: #ed6b77 !important;
}

svg.svg-remove {
  fill: #952832 !important;
}

.svg-apple-logo {
  fill: #fff;
}

.svg-notification-mark {
  fill: #B6C4CE;
}

.svg-info-show {
  fill: #33769D;
}

.c-content-page {
  padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 5);
  margin-bottom: calc(var(--Baseline) * 20);
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
}
@media screen and ( min-width: 1000px ) {
  .c-content-page {
    padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 10);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-content-page {
    padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 15);
  }
}
.c-content-page h2 {
  font-size: 28.38px;
  line-height: 1.1;
  margin: 0 0 calc(var(--Baseline) * 4);
}
.c-content-page h2:first-child {
  font-size: 35.92px;
  line-height: 1.1;
}
.c-content-page h3 {
  font-size: 19.93px;
  line-height: 1.25;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-content-page h2:not(:first-child) {
  margin-top: calc(var(--Baseline) * 5);
}
.c-content-page p,
.c-content-page li {
  font-size: 15.75px;
  line-height: 1.525;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-content-page p {
  text-align: justify;
}
.c-content-page a {
  font-weight: 500;
}
.c-content-page .c-ordered-list {
  list-style-position: outside;
  counter-reset: item;
  margin-top: 20px;
}
.c-content-page .c-ordered-list.c-ordered-list--in {
  list-style-position: inside;
}
.c-content-page .c-ordered-list .c-ordered-listitem {
  display: block;
  position: relative;
}
.c-content-page .c-ordered-list .c-ordered-listitem:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  right: calc(100% + var(--Baseline) * 2);
  word-break: normal;
  white-space: nowrap;
  display: inline-block;
  width: 1em;
}
.c-content-page .c-ordered-list .c-bold-listitem {
  font-weight: bold;
}
.c-content-page ul,
.c-content-page ol {
  list-style-position: outside;
  list-style-type: square;
  margin: 0 0 calc(var(--Baseline) * 3) calc(var(--Baseline) * 4);
}
.c-content-page ul li,
.c-content-page ol li {
  margin-bottom: calc(var(--Baseline) * 2);
  line-height: 1.25;
}
.c-content-page ul ul,
.c-content-page ul ol,
.c-content-page ol ul,
.c-content-page ol ol {
  margin-top: calc(var(--Baseline) * 2);
}
.c-content-page ol {
  list-style-type: decimal;
}
.c-content-page img {
  width: 100%;
  height: auto;
}
@media screen and ( min-width: 1000px ) {
  .c-content-page img.u-align-left {
    float: left;
    margin-right: calc(var(--Baseline) * 4);
    width: 360px;
    margin-bottom: calc(var(--Baseline) * 2);
  }
}
.c-content-page blockquote {
  margin: calc(var(--Baseline) * 5) 0 calc(var(--Baseline) * 5) calc(var(--Baseline) * 5);
  color: #005478;
  font-family: "YourNow", serif;
  border: 0;
}
.c-content-page blockquote p {
  margin: 0;
  font-weight: 700;
  font-size: 22.43px;
  line-height: 1.3;
}
.c-content-page blockquote p:before {
  content: "“";
}
.c-content-page blockquote p:after {
  content: "”";
}
.c-content-page blockquote footer {
  margin: var(--Baseline) 0 calc(var(--Baseline) * 2);
}
.c-content-page blockquote footer:before {
  content: "";
  display: none;
}
.c-content-page blockquote cite {
  font-size: 17.72px;
  font-style: normal;
  color: #99bbc9;
}

.c-content-block.c-content-block--xsmall p,
.c-content-block.c-content-block--xsmall li {
  font-size: 12px;
  line-height: 1.3;
  margin: 0 0 calc(var(--Baseline) * 2);
}
.c-content-block.c-content-block--small p,
.c-content-block.c-content-block--small li {
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 calc(var(--Baseline) * 1);
}
.c-content-block h2 {
  font-size: 28.38px;
  line-height: 1.1;
  margin: 0 0 calc(var(--Baseline) * 4);
}
.c-content-block h2:first-child {
  font-size: 35.92px;
  line-height: 1.1;
}
.c-content-block h3 {
  font-size: 19.93px;
  line-height: 1.25;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-content-block h2:not(:first-child) {
  margin-top: calc(var(--Baseline) * 5);
}
.c-content-block p,
.c-content-block li {
  font-size: 15.75px;
  line-height: 1.525;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-content-block p {
  text-align: justify;
}
.c-content-block a {
  font-weight: 500;
}

.single-page-content {
  background-color: #fff;
  color: #001e3e;
  padding-top: 208px;
  padding-bottom: calc(var(--Baseline) * 12);
  font-size: 18px;
}
.single-page-content.portal-content {
  padding: 0;
  background-color: #fbfbfc;
}
@media screen and (max-width: 767px) {
  .single-page-content {
    padding-top: 116px;
  }
}
.single-page-content h1,
.single-page-content h2,
.single-page-content h3 {
  color: #005478;
}
.single-page-content p {
  font-weight: 400;
  font-size: 18px;
}
.single-page-content a {
  word-break: break-word;
}
.single-page-content ol {
  margin-top: calc(var(--Baseline) * 4);
  list-style-position: inside !important;
}
.single-page-content ol > li {
  font-weight: 500;
  margin-top: calc(var(--Baseline) * 4);
  position: relative;
}
.single-page-content ol > li h1,
.single-page-content ol > li h2 {
  display: inline;
  padding-left: 8px;
  padding-top: 3px;
}
.single-page-content ol > li > p,
.single-page-content ol > li div {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content ol > li::marker {
  color: #005478;
  font-variant-numeric: inherit;
}
.single-page-content ul {
  list-style: disc;
  padding-left: calc(var(--Baseline) * 3);
  margin-top: calc(var(--Baseline));
}
.single-page-content ul li {
  font-size: 18px;
  font-weight: 400;
}
.single-page-content ul li::marker {
  color: #001e3e;
}
.single-page-content .page-section {
  font-size: 18px;
}
.single-page-content .page-section > p {
  color: #001e3e;
}
.single-page-content .page-section > p:not(p:last-of-type) {
  margin-bottom: var(--Baseline);
}
.single-page-content .page-section div:first-of-type {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content .page-section:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 8);
}
@media screen and (max-width: 767px) {
  .single-page-content .page-section:not(:last-child) {
    margin-bottom: calc(var(--Baseline) * 5);
  }
}
.single-page-content .page-header {
  font-size: 31px;
  line-height: 34px;
  font-weight: 500;
}
.single-page-content .page-header.u-text-upper {
  text-transform: uppercase;
}
.single-page-content .page-subheader {
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: calc(var(--Baseline) * 2);
}
.single-page-content .page-subheader.u-text-upper {
  text-transform: uppercase;
}
.single-page-content .block-highlight {
  background-color: #F7F9FB;
  padding: calc(var(--Baseline) * 2);
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 2);
}
.single-page-content .block-highlight:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}
.single-page-content .block-highlight > h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  text-transform: uppercase;
}
.single-page-content .block-highlight > p {
  font-size: 18px;
  color: #001e3e;
}
.single-page-content .block-highlight > small {
  font-size: 15px;
  color: #001e3e;
}
.single-page-content .list-alpha {
  list-style: none;
  counter-reset: countAlpha;
}
.single-page-content .list-alpha > li {
  font-size: 24px;
  counter-increment: countAlpha;
}
.single-page-content .list-alpha > li .list-item__title {
  display: flex;
}
.single-page-content .list-alpha > li .list-item__title::before {
  content: counter(countAlpha, upper-alpha) ".";
  color: #005478;
}
.single-page-content .list-alpha > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content .list-roman {
  list-style: none;
  counter-reset: countRoman;
}
.single-page-content .list-roman > li {
  font-size: 24px;
  counter-increment: countRoman;
}
.single-page-content .list-roman > li .list-item__title {
  display: flex;
}
.single-page-content .list-roman > li .list-item__title::before {
  content: counter(countRoman, upper-roman) ".";
  color: #005478;
}
.single-page-content .list-roman > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content .list-numerical {
  list-style: none;
  counter-reset: countNumerical;
}
.single-page-content .list-numerical > li {
  font-size: 18px;
  counter-increment: countNumerical;
}
.single-page-content .list-numerical > li .list-item__title {
  display: flex;
}
.single-page-content .list-numerical > li .list-item__title::before {
  content: counter(countNumerical) ".";
  color: #005478;
}
.single-page-content .list-numerical > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
}
.single-page-content .list-alpha-lower {
  list-style: none;
  counter-reset: countAlphaLower;
}
.single-page-content .list-alpha-lower > li {
  counter-increment: countAlphaLower;
}
.single-page-content .list-alpha-lower > li .list-item__title {
  display: flex;
}
.single-page-content .list-alpha-lower > li .list-item__title::before {
  content: counter(countAlphaLower, lower-alpha) ".";
  color: #005478;
}
.single-page-content .list-alpha-lower > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
  padding-top: 1px;
}
.single-page-content .address-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  word-break: break-word;
}
.single-page-content.error-page h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
}
.single-page-content.error-page p {
  margin-bottom: 20px;
}

.single-page-content--external {
  background-color: #fff;
  color: #001e3e;
  padding-top: 208px;
  padding-bottom: calc(var(--Baseline) * 12);
  font-size: 18px;
}
.single-page-content--external.portal-content {
  min-height: calc(100vh - 65px - 80px);
}
@media screen and (max-width: 767px) {
  .single-page-content--external {
    padding-top: 116px;
  }
}
.single-page-content--external h1 {
  color: #005478;
  margin-bottom: calc(var(--Baseline) * 8);
  font-size: 31px;
  line-height: 34px;
  font-weight: 500;
}
.single-page-content--external h2 {
  color: #005478;
  margin-top: calc(var(--Baseline) * 4);
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: calc(var(--Baseline) * 4);
}
.single-page-content--external h3 {
  color: #005478;
}
.single-page-content--external p {
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 18px;
}
.single-page-content--external a {
  word-break: break-word;
}
.single-page-content--external ol {
  margin-top: calc(var(--Baseline) * 4);
  list-style-position: inside !important;
}
.single-page-content--external ol > li {
  font-weight: 500;
  margin-top: calc(var(--Baseline) * 4);
  position: relative;
}
.single-page-content--external ol > li h1,
.single-page-content--external ol > li h2 {
  display: inline;
  padding-left: 8px;
  padding-top: 3px;
}
.single-page-content--external ol > li > p,
.single-page-content--external ol > li div {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content--external ol > li::marker {
  color: #005478;
  font-variant-numeric: inherit;
}
.single-page-content--external ul {
  margin-left: 20px;
  margin-bottom: 20px;
  list-style-type: disc;
  padding-left: 18px;
}
.single-page-content--external ul li {
  font-size: 18px;
  font-weight: 400;
}
.single-page-content--external ul li::marker {
  color: #001e3e;
}
.single-page-content--external .page-section {
  font-size: 18px;
}
.single-page-content--external .page-section > p {
  color: #001e3e;
}
.single-page-content--external .page-section > p:not(p:last-of-type) {
  margin-bottom: var(--Baseline);
}
.single-page-content--external .page-section div:first-of-type {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content--external .page-section:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 8);
}
@media screen and (max-width: 767px) {
  .single-page-content--external .page-section:not(:last-child) {
    margin-bottom: calc(var(--Baseline) * 5);
  }
}
.single-page-content--external .page-header {
  font-size: 31px;
  line-height: 34px;
  font-weight: 500;
}
.single-page-content--external .page-header.u-text-upper {
  text-transform: uppercase;
}
.single-page-content--external .page-subheader {
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: calc(var(--Baseline) * 2);
}
.single-page-content--external .page-subheader.u-text-upper {
  text-transform: uppercase;
}
.single-page-content--external .block-highlight {
  background-color: #F7F9FB;
  padding: calc(var(--Baseline) * 2);
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 2);
}
.single-page-content--external .block-highlight:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}
.single-page-content--external .block-highlight > h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  text-transform: uppercase;
}
.single-page-content--external .block-highlight > p {
  font-size: 18px;
  color: #001e3e;
}
.single-page-content--external .block-highlight > small {
  font-size: 15px;
  color: #001e3e;
}
.single-page-content--external .list-alpha {
  list-style: none;
  counter-reset: countAlpha;
}
.single-page-content--external .list-alpha > li {
  font-size: 24px;
  counter-increment: countAlpha;
}
.single-page-content--external .list-alpha > li .list-item__title {
  display: flex;
}
.single-page-content--external .list-alpha > li .list-item__title::before {
  content: counter(countAlpha, upper-alpha) ".";
  color: #005478;
}
.single-page-content--external .list-alpha > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content--external .list-roman {
  list-style: none;
  counter-reset: countRoman;
}
.single-page-content--external .list-roman > li {
  font-size: 24px;
  counter-increment: countRoman;
}
.single-page-content--external .list-roman > li .list-item__title {
  display: flex;
}
.single-page-content--external .list-roman > li .list-item__title::before {
  content: counter(countRoman, upper-roman) ".";
  color: #005478;
}
.single-page-content--external .list-roman > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content--external .list-numerical {
  list-style: none;
  counter-reset: countNumerical;
}
.single-page-content--external .list-numerical > li {
  font-size: 18px;
  counter-increment: countNumerical;
}
.single-page-content--external .list-numerical > li .list-item__title {
  display: flex;
}
.single-page-content--external .list-numerical > li .list-item__title::before {
  content: counter(countNumerical) ".";
  color: #005478;
}
.single-page-content--external .list-numerical > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
}
.single-page-content--external .list-alpha-lower {
  list-style: none;
  counter-reset: countAlphaLower;
}
.single-page-content--external .list-alpha-lower > li {
  counter-increment: countAlphaLower;
}
.single-page-content--external .list-alpha-lower > li .list-item__title {
  display: flex;
}
.single-page-content--external .list-alpha-lower > li .list-item__title::before {
  content: counter(countAlphaLower, lower-alpha) ".";
  color: #005478;
}
.single-page-content--external .list-alpha-lower > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
  padding-top: 1px;
}
.single-page-content--external .address-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  word-break: break-word;
}

.single-page-content--tnc {
  background-color: #fff;
  color: #001e3e;
  padding-top: 208px;
  padding-bottom: calc(var(--Baseline) * 12);
  font-size: 18px;
}
.single-page-content--tnc.portal-content {
  min-height: calc(100vh - 65px - 80px);
}
@media screen and (max-width: 767px) {
  .single-page-content--tnc {
    padding-top: 116px;
  }
}
.single-page-content--tnc h1 {
  color: #005478;
  margin-bottom: calc(var(--Baseline) * 8);
  font-size: 31px;
  line-height: 34px;
  font-weight: 500;
}
.single-page-content--tnc h2 {
  color: #005478;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
}
.single-page-content--tnc h3 {
  color: #005478;
}
.single-page-content--tnc p {
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 18px;
}
.single-page-content--tnc a {
  word-break: break-word;
}
.single-page-content--tnc ol {
  margin-top: calc(var(--Baseline) * 4);
  list-style-position: inside !important;
}
.single-page-content--tnc ol > li {
  font-weight: 500;
  margin-top: calc(var(--Baseline) * 4);
  position: relative;
}
.single-page-content--tnc ol > li h1,
.single-page-content--tnc ol > li h2 {
  display: inline;
  padding-left: 19px;
  padding-top: 3px;
}
.single-page-content--tnc ol > li > p,
.single-page-content--tnc ol > li div {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content--tnc ol > li::marker {
  color: #005478;
  font-variant-numeric: inherit;
}
.single-page-content--tnc ul {
  margin-left: 20px;
  margin-bottom: 20px;
  list-style-type: disc;
  padding-left: 18px;
}
.single-page-content--tnc ul li {
  font-size: 18px;
  font-weight: 400;
}
.single-page-content--tnc ul li::marker {
  color: #001e3e;
}
.single-page-content--tnc .page-section {
  font-size: 18px;
}
.single-page-content--tnc .page-section > p {
  color: #001e3e;
}
.single-page-content--tnc .page-section > p:not(p:last-of-type) {
  margin-bottom: var(--Baseline);
}
.single-page-content--tnc .page-section div:first-of-type {
  margin-top: calc(var(--Baseline) * 2);
}
.single-page-content--tnc .page-section:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 8);
}
@media screen and (max-width: 767px) {
  .single-page-content--tnc .page-section:not(:last-child) {
    margin-bottom: calc(var(--Baseline) * 5);
  }
}
.single-page-content--tnc .page-header {
  font-size: 31px;
  line-height: 34px;
  font-weight: 500;
}
.single-page-content--tnc .page-header.u-text-upper {
  text-transform: uppercase;
}
.single-page-content--tnc .page-subheader {
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
}
.single-page-content--tnc .page-subheader.u-text-upper {
  text-transform: uppercase;
}
.single-page-content--tnc .block-highlight {
  background-color: #F7F9FB;
  padding: calc(var(--Baseline) * 2);
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 2);
}
.single-page-content--tnc .block-highlight:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}
.single-page-content--tnc .block-highlight > h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  text-transform: uppercase;
}
.single-page-content--tnc .block-highlight > p {
  font-size: 18px;
  color: #001e3e;
}
.single-page-content--tnc .block-highlight > small {
  font-size: 15px;
  color: #001e3e;
}
.single-page-content--tnc .list-alpha {
  list-style: none;
  counter-reset: countAlpha;
}
.single-page-content--tnc .list-alpha > li {
  font-size: 24px;
  counter-increment: countAlpha;
}
.single-page-content--tnc .list-alpha > li .list-item__title {
  display: flex;
}
.single-page-content--tnc .list-alpha > li .list-item__title::before {
  content: counter(countAlpha, upper-alpha) ".";
  color: #005478;
}
.single-page-content--tnc .list-alpha > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content--tnc .list-roman {
  list-style: none;
  counter-reset: countRoman;
}
.single-page-content--tnc .list-roman > li {
  font-size: 24px;
  counter-increment: countRoman;
}
.single-page-content--tnc .list-roman > li .list-item__title {
  display: flex;
}
.single-page-content--tnc .list-roman > li .list-item__title::before {
  content: counter(countRoman, upper-roman) ".";
  color: #005478;
}
.single-page-content--tnc .list-roman > li .list-item__title .page-subheader {
  margin: 0;
}
.single-page-content--tnc .list-numerical {
  list-style: none;
  counter-reset: countNumerical;
}
.single-page-content--tnc .list-numerical > li {
  font-size: 18px;
  counter-increment: countNumerical;
}
.single-page-content--tnc .list-numerical > li .list-item__title {
  display: flex;
}
.single-page-content--tnc .list-numerical > li .list-item__title::before {
  content: counter(countNumerical) ".";
  color: #005478;
  font-size: 24px;
  min-width: 31px;
}
.single-page-content--tnc .list-numerical > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
}
.single-page-content--tnc .list-decimal {
  counter-reset: countDecimal;
  list-style-type: none;
}
.single-page-content--tnc .list-decimal > li {
  font-size: 18px;
}
.single-page-content--tnc .list-decimal > li::before {
  content: counters(countNumerical, "", decimal) "." counters(countDecimal, "", decimal) " ";
  counter-increment: countDecimal;
  color: #005478;
  position: absolute;
}
.single-page-content--tnc .list-decimal > li > p {
  padding-left: 50px;
}
.single-page-content--tnc .list-none {
  list-style-type: none;
}
.single-page-content--tnc .list-none > li::before {
  content: "";
  position: absolute;
}
.single-page-content--tnc .list-none > li > p {
  padding-left: 50px;
}
.single-page-content--tnc .list-alpha-lower {
  list-style: none;
  counter-reset: countAlphaLower;
}
.single-page-content--tnc .list-alpha-lower > li {
  counter-increment: countAlphaLower;
}
.single-page-content--tnc .list-alpha-lower > li .list-item__title {
  display: flex;
}
.single-page-content--tnc .list-alpha-lower > li .list-item__title::before {
  content: counter(countAlphaLower, lower-alpha) ".";
  color: #005478;
}
.single-page-content--tnc .list-alpha-lower > li .list-item__title h3 {
  display: inline;
  padding-left: 8px;
  padding-top: 1px;
}
.single-page-content--tnc .address-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  word-break: break-word;
}

.container {
  margin: auto;
  max-width: 1100px;
}
@media screen and (max-width: 697px) {
  .container {
    margin: 24px;
  }
}

.content-sections {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 4);
}
.content-sections .content__section > p {
  margin: 4px 0;
}
.content-sections .content__section__header {
  font-size: 18px;
  color: #005478;
  text-transform: uppercase;
  margin-bottom: calc(var(--Baseline) * 2);
}

.c-summary-list .c-summary-list__row {
  margin-bottom: calc(var(--Baseline) * 2);
  display: flex;
  align-items: center;
  font-weight: 500;
}
.c-summary-list .c-summary-list__term {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.c-summary-list .c-summary-list__count {
  margin-left: var(--Baseline);
  color: #bfc7cf;
}
.c-summary-list .c-summary-list__count.c-summary-list__count--large {
  font-size: 17.72px;
  line-height: calc(var(--Baseline) * 3);
  color: #001e3e;
}
.c-summary-list .c-summary-list__button {
  margin-left: auto;
  line-height: 1.5;
}
.c-summary-list .c-summary-list__name {
  margin-left: var(--Baseline);
}
.c-summary-list .svg-chevron_single-right {
  fill: #007aae;
}
.c-summary-list .c-summary-list__active {
  padding: var(--Baseline) calc(var(--Baseline) * 2) var(--Baseline) var(--Baseline);
  margin-top: calc(var(--Baseline) * 4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #dbeeea;
  border-radius: calc(var(--Baseline) / 2);
}

.c-card-box {
  height: calc(var(--Baseline) * 18);
  width: calc(var(--Baseline) * 28);
  margin-bottom: calc(var(--Baseline) * 4);
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
  background-color: #f3f7f9;
  box-shadow: 0px 2px 2px 0px rgba(199, 203, 204, 0.7), 0px 7px 10px 0px rgba(199, 203, 204, 0.6);
}
.c-card-box.c-card-box--border {
  border: 2px dashed rgb(182, 182, 182);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}
.c-card-box.c-card-box--active {
  background-color: #e1f2ec;
  box-shadow: 0px 2px 2px 0px rgba(199, 203, 204, 0.7), 0px 7px 10px 0px rgba(199, 203, 204, 0.6);
}
.c-card-box.c-card-box--waiting {
  background-color: #f3f7f9;
  box-shadow: 0px 2px 2px 0px rgba(199, 203, 204, 0.7), 0px 7px 10px 0px rgba(199, 203, 204, 0.6);
}
.c-card-box.c-card-box--blocked {
  background-color: rgba(230, 71, 52, 0.1);
  box-shadow: 0px 2px 2px 0px rgba(245, 188, 181, 0.9), 0px 7px 10px 0px rgba(245, 188, 181, 0.5);
}
.c-card-box .c-card-box__text {
  height: 100%;
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #949daa;
  text-align: center;
}
.c-card-box .c-card-box__add {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 2) calc(var(--Baseline) * 4);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.c-card-box .c-card-box__status {
  padding-top: calc(var(--Baseline) * 3);
  padding-bottom: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 2);
  padding-left: calc(var(--Baseline) * 2);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.c-card-box .c-card-box__details {
  margin-top: calc(var(--Baseline) * 2);
  font-size: 12px;
}
.c-card-box .c-card-box__details h4 {
  margin-bottom: var(--Baseline);
  font-size: 15.75px;
  line-height: 1;
}
.c-card-box .c-card-box__label {
  padding-top: calc(var(--Baseline) / 2);
  padding-bottom: calc(var(--Baseline) / 2);
  padding-left: calc(var(--Baseline) / 2);
  padding-right: calc(var(--Baseline) * 1);
  font-size: 15.75px;
  line-height: calc(var(--Baseline) * 2);
  min-height: calc(var(--Baseline) * 3);
  display: inline-flex;
  border-radius: 4px;
  background-color: #fff;
}
.c-card-box .c-card-box__label svg {
  margin-right: calc(var(--Baseline) / 2);
}

.c-card-buttons {
  display: flex;
}
.c-card-buttons > * {
  flex: 1 1 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-card-buttons > * + * {
  margin-left: calc(var(--Baseline) * 2);
}
.c-card-buttons.c-card-buttons--single {
  max-width: calc(var(--Baseline) * 28);
  margin-left: auto;
  margin-right: auto;
}

.c-package-tile {
  padding: calc(var(--Baseline) * 2);
  background-color: #F4F7F9;
  border-radius: 2px;
}
.c-package-tile:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 3);
}

.c-user-cards {
  display: grid;
  grid-gap: calc(var(--Baseline) * 3);
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  margin-bottom: calc(var(--Baseline) * 6);
}

.c-user-card {
  position: relative;
  line-height: 1.1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border: 2px solid #e9edf0;
  border-radius: 8px;
}
.c-user-card:nth-child(3n+3) .c-row-menu__dropdown {
  right: 0 !important;
  left: auto !important;
}
.c-user-card:hover .c-row-menu, .c-user-card.u-menu-active .c-row-menu {
  opacity: 1;
}
.c-user-card .c-user-card__title {
  margin-bottom: calc(var(--Baseline) * 1);
  font-size: 22.43px;
  line-height: 1.1;
  font-weight: 700;
}
.c-user-card .c-user-card__content {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  flex-grow: 1;
}
.c-user-card .c-user-card__top {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  flex-grow: 1;
}
.c-user-card .c-user-card__bottom {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  background-color: #edf1f5;
}
.c-user-card .c-user-card__bottom p:not(:last-child) {
  margin-bottom: var(--Baseline);
}
.c-user-card .c-user-card__name {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 14px;
}
.c-user-card .c-user-card__labels {
  display: flex;
}
.c-user-card .c-user-card__labels > * {
  margin-right: calc(var(--Baseline) * 1);
}

.c-card-menu {
  position: relative;
}

.c-support-page {
  padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 5);
  margin-bottom: calc(var(--Baseline) * 20);
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
}
@media screen and ( min-width: 1000px ) {
  .c-support-page {
    padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 10);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-support-page {
    padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 15);
  }
}

.c-page-menu {
  margin-bottom: calc(var(--Baseline) * 7);
}
.c-page-menu .c-page-menu__item:not(:last-child) {
  margin-right: calc(var(--Baseline) * 5);
}
.c-page-menu .c-page-menu__link {
  padding: calc(var(--Baseline) * 2) 0;
  display: inline-block;
  color: #2c3d53;
  font-weight: 500;
  font-size: 17.72px;
  font-family: "YourNow", serif;
  text-decoration: underline;
}
.c-page-menu .c-page-menu__link:hover {
  color: #007aae;
}

.c-support-page__content {
  padding: calc(var(--Baseline) * 3) 0;
}
.c-support-page__content h2 {
  font-size: 28.38px;
  line-height: 1.1;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-support-page__content h3 {
  font-size: 19.93px;
  line-height: 1.25;
  margin: 0 0 calc(var(--Baseline) * 3);
}
.c-support-page__content h2:not(:first-child) {
  margin-top: calc(var(--Baseline) * 5);
}
.c-support-page__content p, .c-support-page__content li {
  font-size: 15.75px;
  line-height: 1.525;
  margin: 0 0 calc(var(--Baseline) * 2);
}
.c-support-page__content a {
  font-weight: 500;
}
.c-support-page__content ol {
  list-style-position: outside;
  margin: 0 0 calc(var(--Baseline) * 3) calc(var(--Baseline) * 5);
}
.c-support-page__content ul {
  list-style-position: outside;
  margin: 0 0 calc(var(--Baseline) * 3) calc(var(--Baseline) * 5);
}
.c-support-page__content ul li {
  margin-bottom: calc(var(--Baseline) * 2);
  line-height: 1.25;
}
.c-support-page__content img {
  width: 100%;
  height: auto;
}
@media screen and ( min-width: 1000px ) {
  .c-support-page__content img.u-align-left {
    float: left;
    margin-right: calc(var(--Baseline) * 4);
    width: 360px;
    margin-bottom: calc(var(--Baseline) * 2);
  }
}
.c-support-page__content blockquote {
  margin: calc(var(--Baseline) * 5) 0 calc(var(--Baseline) * 5) calc(var(--Baseline) * 5);
  color: #005478;
  font-family: "YourNow", serif;
  border: 0;
}
.c-support-page__content blockquote p {
  margin: 0;
  font-weight: 700;
  font-size: 22.43px;
  line-height: 1.3;
}
.c-support-page__content blockquote p:before {
  content: "“";
}
.c-support-page__content blockquote p:after {
  content: "”";
}
.c-support-page__content blockquote footer {
  margin: var(--Baseline) 0 calc(var(--Baseline) * 2);
}
.c-support-page__content blockquote footer:before {
  content: "";
  display: none;
}
.c-support-page__content blockquote cite {
  font-size: 17.72px;
  font-style: normal;
  color: #99bbc9;
}

.c-support-section:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 7);
}

.c-video-page {
  margin-bottom: calc(var(--Baseline) * 20);
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
}
.c-video-page .c-video-page__player {
  padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 5);
  background-color: #EEF1F5;
  border-top-left-radius: calc(var(--Baseline) / 2);
  border-top-right-radius: calc(var(--Baseline) / 2);
}
@media screen and ( min-width: 1000px ) {
  .c-video-page .c-video-page__player {
    padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 10);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-video-page .c-video-page__player {
    padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 14);
  }
}
.c-video-page .c-video-page__player-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.c-video-page .c-video-page__player-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-video-page .c-video-page__content {
  padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 5);
}
@media screen and ( min-width: 1000px ) {
  .c-video-page .c-video-page__content {
    padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 10);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-video-page .c-video-page__content {
    padding: calc(var(--Baseline) * 6) calc(var(--Baseline) * 14);
  }
}
.c-video-page .c-video-page__content p, .c-video-page .c-video-page__content li {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 15.75px;
  line-height: 1.5;
}

.c-incident-modal {
  margin-bottom: calc(var(--Baseline) * 20);
  background-color: #edf1f5;
  border-radius: calc(var(--Baseline) / 2);
}
.c-incident-modal .c-incident-modal__wrap {
  border-radius: calc(var(--Baseline) / 2);
  background-color: #e9edf0;
}
.c-incident-modal h2, .c-incident-modal label {
  color: #001e3e;
}

.c-button-next {
  padding: calc(var(--Baseline) * 2);
  width: 100%;
  font-size: 14px;
  line-height: calc(var(--Baseline) * 2);
  font-weight: 500;
  color: #001e3e;
  background: rgb(252, 253, 253);
  border-radius: calc(var(--Baseline) / 2);
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  transition: background-color 0.2s ease-in;
}
.c-button-next:hover {
  background-color: #F1F3F5;
  color: inherit;
}
.c-button-next.c-button-next--smaller {
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 2);
  padding-right: calc(var(--Baseline) * 1);
}

.support-form__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.support-form__header--small {
  font-size: 15px;
  font-weight: 400;
  color: #69768c;
}

.c-accordeon .c-accordeon__question {
  padding: calc(var(--Baseline) * 3) 0;
  display: flex;
  align-items: flex-start;
  font-size: 19.93px;
  font-family: "YourNow", serif;
  line-height: 1.25;
  font-weight: 500;
  overflow: hidden;
}
.c-accordeon .c-accordeon__question:first-child {
  padding-top: 0;
}
.c-accordeon .c-accordeon__question .svg-chevron_single-up {
  margin-left: calc(var(--Baseline) * 2);
  flex-shrink: 0;
  transition: transform 0.15s linear;
}
.c-accordeon .c-accordeon__title {
  flex-grow: 1;
}
.c-accordeon .c-accordeon__answer {
  padding: 0 0 calc(var(--Baseline) * 3);
  font-size: 15.75px;
  line-height: 1.525;
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}
.c-accordeon .c-accordeon__answer.c-accordeon__answer--expanded {
  display: block;
  max-height: none;
}
.c-accordeon.c-accordeon--inner .c-accordeon__question {
  font-size: 15.75px;
  padding-bottom: calc(var(--Baseline) * 2);
}
.c-accordeon.c-accordeon--inner .c-accordeon__answer {
  font-size: 14px;
  line-height: 1.3;
}
.c-accordeon.c-accordeon--inner .c-accordeon__answer:last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.c-toggle-box {
  color: #001e3e;
}
.c-toggle-box:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 3);
}
.c-toggle-box.c-toggle-box--outline {
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-toggle-box.c-toggle-box--outline .c-toggle-box__body {
  background-color: #FCFDFD;
}
.c-toggle-box.c-toggle-box--static .c-toggle-box__head {
  cursor: initial;
}
.c-toggle-box .c-toggle-box__head {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #edf1f5;
  border-bottom: 1px solid #cbd2dc;
  border-radius: calc(var(--Baseline) / 2);
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--clicked {
  animation: highlightClick 0.9s;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--open {
  border-radius: calc(var(--Baseline) / 2) calc(var(--Baseline) / 2) 0px 0px;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--open + .c-toggle-box__body {
  transition: max-height 0.3s ease-in-out 0.35s;
  max-height: calc(var(--Baseline) * 200);
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--open + .c-toggle-box__body > * {
  transition: opacity 0.2s ease-in-out 0.5s;
  opacity: 1;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--open .svg-chevron_single-down {
  transform: rotate(-180deg);
}
.c-toggle-box .c-toggle-box__head .svg-chevron_single-down {
  transition: transform 0.2s linear 0.2s;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--static {
  border-radius: calc(var(--Baseline) / 2) calc(var(--Baseline) / 2) 0px 0px;
  cursor: default;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--static + .c-toggle-box__body {
  max-height: unset;
}
.c-toggle-box .c-toggle-box__head.c-toggle-box__head--static + .c-toggle-box__body > * {
  opacity: 1;
}
.c-toggle-box .c-toggle-box__title {
  font-size: 14px;
  line-height: 1;
  font-family: "YourNow";
}
.c-toggle-box .c-toggle-box__body {
  transition: max-height 0.25s ease-in-out 0.1s;
  max-height: 0;
  overflow: auto;
  color: #001e3e;
  background-color: #f4f7f9;
  border-radius: 0px 0px calc(var(--Baseline) / 2) calc(var(--Baseline) / 2);
}
.c-toggle-box .c-toggle-box__body > * {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.c-toggle-box .c-toggle-box__group {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
}
.c-toggle-box .c-toggle-box__group .o-form-label {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-toggle-box .c-toggle-box__group .o-form-label:last-child {
  margin-bottom: 0;
}
.c-toggle-box .c-toggle-box__group:not(:last-child) {
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}
.c-toggle-box .c-toggle-box__subsection {
  padding: calc(var(--Baseline) * 2);
  background-color: #edf1f5;
  border-radius: 4px;
}

.c-tooltip-text {
  position: relative;
  border-bottom: 1px dashed #b7c1c7;
}
.c-tooltip-text.c-tooltip-text--hover {
  border-bottom: 0;
}
.c-tooltip-text.c-tooltip-text--no-hover {
  border-bottom: 0;
}

.c-table-row:hover .c-tooltip-text--hover {
  border-bottom: 1px dashed #b7c1c7;
}

.c-tooltip-content {
  position: absolute;
  left: 0%;
  top: 100%;
  z-index: 100;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.c-tooltip-content .c-tooltip-content__box {
  max-width: calc(var(--Baseline) * 26);
  padding: calc(var(--Baseline) * 1);
  position: relative;
  background-color: #fcfdfd;
  display: block;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-tooltip-content .c-tooltip-content__box:after, .c-tooltip-content .c-tooltip-content__box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.c-tooltip-content .c-tooltip-content__box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.c-tooltip-content .c-tooltip-content__box:before {
  border-color: rgba(44, 61, 83, 0);
  border-bottom-color: rgba(194, 197, 201, 0.5803921569);
  border-width: 6px;
  margin-left: -6px;
}
.c-tooltip-content .c-tooltip-content__box.c-tooltip-content__box--wide {
  max-width: calc(var(--Baseline) * 38);
}
.c-tooltip-content .c-tooltip-content__box.c-tooltip-content__box--top:after, .c-tooltip-content .c-tooltip-content__box.c-tooltip-content__box--top:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.c-tooltip-content .c-tooltip-content__box.c-tooltip-content__box--top:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.c-tooltip-content .c-tooltip-content__box.c-tooltip-content__box--top:before {
  border-color: rgba(44, 61, 83, 0);
  border-top-color: rgba(194, 197, 201, 0.5803921569);
  border-width: 6px;
  margin-left: -6px;
}
.c-tooltip-content .c-tooltip-content__rich {
  padding: calc(var(--Baseline) * 1);
  font-size: 12px;
}

a.c-button.c-tooltip__button,
button.c-button.c-tooltip__button {
  margin-top: calc(var(--Baseline) * 1);
  padding-top: 4px;
  padding-bottom: 4px;
  height: calc(var(--Baseline) * 3);
}

.tooltip-content {
  position: absolute;
  left: 0;
  top: 42px;
  z-index: 100;
  opacity: 0;
  transform: translatex(calc(-50% + 20px));
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.tooltip-content .tooltip-content__box {
  max-width: calc(var(--Baseline) * 26);
  padding: calc(var(--Baseline) * 1);
  position: relative;
  background-color: #fcfdfd;
  display: block;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.tooltip-content .tooltip-content__box:after, .tooltip-content .tooltip-content__box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip-content .tooltip-content__box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.tooltip-content .tooltip-content__box:before {
  border-color: rgba(44, 61, 83, 0);
  border-bottom-color: rgba(194, 197, 201, 0.5803921569);
  border-width: 6px;
  margin-left: -6px;
}
.tooltip-content .tooltip-content__box.tooltip-content__box--wide {
  max-width: calc(var(--Baseline) * 38);
}
.tooltip-content .tooltip-content__box.tooltip-content__box--top:after, .tooltip-content .tooltip-content__box.tooltip-content__box--top:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip-content .tooltip-content__box.tooltip-content__box--top:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
.tooltip-content .tooltip-content__box.tooltip-content__box--top:before {
  border-color: rgba(44, 61, 83, 0);
  border-top-color: rgba(194, 197, 201, 0.5803921569);
  border-width: 6px;
  margin-left: -6px;
}
.tooltip-content .tooltip-content__rich {
  padding: calc(var(--Baseline) * 1);
  font-size: 12px;
}

.c-role-block {
  margin-bottom: calc(var(--Baseline) * 2);
  padding: calc(var(--Baseline) * 2);
  border-radius: calc(var(--Baseline) / 2);
  background-color: #edf1f5;
}
.c-role-block.c-role-block--active {
  background-color: #fff9bc;
}

.c-roles-summary .c-roles-summary__list {
  list-style: none;
}
.c-roles-summary .c-roles-summary__item {
  padding: calc(var(--Baseline) / 2) var(--Baseline);
  margin-bottom: var(--Baseline);
  line-height: 1.25;
  background-color: #edf1f5;
  border-radius: calc(var(--Baseline) / 2);
}

.c-delete-role {
  font-size: 12px;
  color: #952832;
}

.c-add-role .c-add-role__button {
  align-items: center;
}

.c-remove-date {
  height: calc(var(--Baseline) * 3);
  width: calc(var(--Baseline) * 3);
  top: calc(var(--Baseline) / 2);
  right: calc(var(--Baseline) * 4);
  position: absolute;
  padding: 0;
  z-index: 3;
}
.c-remove-date svg {
  fill: #ed6b77;
}

.c-new-roles .c-new-roles__fields {
  margin-bottom: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
}
.c-account-head {
  padding: calc(var(--Baseline) * 2.5) calc(var(--Baseline) * 4);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #cbd2dc;
  background-color: #edf1f5;
}
.c-account-head .c-account-head__history {
  font-size: 12px;
  line-height: 1;
  color: #69768c;
}

.c-account-card {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
}

.c-account-body {
  padding-top: calc(var(--Baseline) * 3);
  display: flex;
  background-color: #fff;
}

.c-account-details {
  padding: 0 calc(var(--Baseline) * 4) calc(var(--Baseline) * 5);
  flex-grow: 1;
}
.c-account-details .c-account-details__buttons {
  margin-top: calc(var(--Baseline) * 4);
  display: flex;
  align-items: center;
}
.c-account-details .c-account-details__buttons > *:first-child {
  margin-right: calc(var(--Baseline) * 5);
}
.c-account-details .c-account-details__delete {
  color: #952832;
}
.c-account-details .c-account-details__delete:hover {
  color: #ed6b77;
}

.c-account-user {
  width: calc(var(--Baseline) * 29);
  padding: 0 calc(var(--Baseline) * 2) calc(var(--Baseline) * 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  word-wrap: break-word;
}
.c-account-user .c-account-user__name {
  margin-bottom: calc(var(--Baseline) / 2);
}
.c-account-user .c-account-user__role {
  color: #69768c;
  font-size: 12px;
}
.c-account-user .c-account-user__avatar {
  height: calc(var(--Baseline) * 10);
  width: calc(var(--Baseline) * 10);
  overflow: hidden;
  margin-bottom: calc(var(--Baseline) * 2);
  border-radius: 50%;
  background-image: url('../images/fleet-avatar.svg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.c-account-user .c-account-user__image {
  min-width: calc(var(--Baseline) * 10);
  min-height: calc(var(--Baseline) * 10);
  object-fit: cover;
  margin: auto;
  display: block;
}
.c-account-user .c-account-user__bottom {
  height: 32px;
  margin-top: auto;
  display: flex;
  flex-direction: column;
}

.c-cards {
  display: flex;
  background-color: #F8FAFB;
  border-radius: calc(var(--Baseline) * 2);
  overflow: auto;
}
.c-cards.c-cards--single {
  width: 500px;
  background-color: #ffffff;
  border: 2px solid #e9edf0;
}
.c-cards .c-cards__col {
  padding: calc(var(--Baseline) * 6);
  flex: 1;
}
.c-cards .c-cards__col.c-cards__col--grey {
  background-color: #EEF2F4;
}
.c-cards .c-cards__col.c-cards__col--subscription {
  background-color: #fff;
}
.c-cards .c-cards__col .c-cards-license-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
}
.c-cards .c-cards__col .c-cards__licence-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
}
.c-cards .c-cards__col .c-cards__licence-head {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 0px;
  width: 100%;
}
.c-cards .c-cards__col .c-cards__licence-icon {
  width: 80px;
}
.c-cards .c-cards__col .c-cards-pricelist__footer {
  font-size: 12px;
  color: rgba(0, 30, 62, 0.62);
}
.c-cards .c-cards__col .c-cards-heading {
  font-weight: bold;
  text-transform: uppercase;
  color: #005478;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__item {
  font-size: inherit;
  display: flex;
  align-items: flex-start;
  background-color: #F8FAFB;
  width: 100%;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__item.c-cards-pricelist__item--account:not(:last-child) {
  border-bottom: 0;
  padding-bottom: 0;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__head {
  flex: 1 1 auto;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__name {
  font-weight: normal;
  font-size: 18px;
  display: flex;
  width: 244px;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__custom {
  font-size: 18px;
}
.c-cards .c-cards__col .c-cards-pricelist .c-cards-pricelist__small {
  font-size: 12px;
  color: rgba(0, 30, 62, 0.62);
}

.c-group-list {
  margin-bottom: calc(var(--Baseline) * 4);
}
.c-group-list .c-group-list__name {
  margin-bottom: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) / 2);
  font-size: 15.75px;
  font-weight: 500;
  border-bottom: 1px solid #cbd2dc;
}
.c-group-list .c-group-list__child {
  display: flex;
  flex-wrap: wrap;
}
.c-group-list .c-group-list__term {
  font-weight: 500;
  margin-bottom: calc(var(--Baseline) / 2);
}
.c-group-list .c-group-list__row {
  margin-bottom: calc(var(--Baseline) * 2);
  flex: 1 0 50%;
}
.c-group-list .c-group-list__row--full {
  margin-bottom: calc(var(--Baseline) * 2);
  flex: 1 0 100%;
}

.u-mt-auto {
  margin-top: auto;
}

.c-license-verification-head {
  padding: calc(var(--Baseline) * 2.5) calc(var(--Baseline) * 4);
  border-top-left-radius: calc(var(--Baseline) * 2);
  border-top-right-radius: calc(var(--Baseline) * 2);
  border-bottom: 1px solid #cbd2dc;
  background-color: #edf1f5;
}
.c-license-verification-head .c-license-verification-head__history {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.c-license-verification-body {
  padding-top: calc(var(--Baseline) * 3);
  display: flex;
  border-radius: calc(var(--Baseline) * 2);
  background-color: #fff;
}

.c-license-verification-details {
  padding: 0 calc(var(--Baseline) * 4) calc(var(--Baseline) * 5);
  flex-grow: 1;
}
.c-license-verification-details .c-license-verification-browse {
  padding: 3px;
}
.c-license-verification-details .c-license-verification-details__buttons {
  display: flex;
  align-items: center;
}
.c-license-verification-details .c-license-verification-details__buttons > *:first-child {
  margin-right: calc(var(--Baseline) * 5);
}
.c-license-verification-details .c-license-verification-details__delete {
  color: #952832;
}
.c-license-verification-details .c-license-verification-details__delete:hover {
  color: #ed6b77;
}

.c-search-form {
  margin-bottom: calc(var(--Baseline) * 3);
}
.c-search-form .c-search-form__wrap {
  position: relative;
  width: calc(var(--Baseline) * 50);
}
.c-search-form .c-search-form__input {
  padding: 10px calc(var(--Baseline) * 6) 11px;
  width: 100%;
  font-size: 15.75px;
  height: calc(var(--Baseline) * 5);
  background-color: #00405b;
  color: #fff;
  border-radius: 20px;
  border: none;
  outline: 0;
}
.c-search-form .c-search-form__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.c-search-form .c-search-form__label {
  top: calc(var(--Baseline) * 1);
  left: calc(var(--Baseline) * 2);
  position: absolute;
  z-index: 2;
  background-color: transparent;
}
.c-search-form .c-search-form__label .svg-search {
  fill: #e9edf0;
  transform: scale(-1, 1);
}
.c-search-form .c-search-form__clean {
  top: calc(var(--Baseline) * 1.5);
  right: calc(var(--Baseline) * 2);
  position: absolute;
  z-index: 2;
  background-color: transparent;
  line-height: calc(var(--Baseline) * 3);
}
.c-search-form .c-search-form__clean:hover .svg-cross {
  fill: #e9edf0;
}
.c-search-form .c-search-form__clean .svg-cross {
  fill: #7596A6;
}

@keyframes highlightClick {
  50% {
    background-color: #E0E9F1;
  }
}
.c-fleet-section {
  padding: 0 calc(var(--Baseline) * 2);
  color: #001e3e;
}
.c-fleet-section.c-fleet-section--edit {
  padding: 0;
}
.c-fleet-section:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 3);
}
.c-fleet-section .c-fleet-section__head {
  padding: calc(var(--Baseline) * 1.5) calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #edf1f5;
  border-bottom: 1px solid #cbd2dc;
  border-radius: calc(var(--Baseline) / 2);
}
.c-fleet-section .c-fleet-section__head.c-fleet-section__head--clicked {
  animation: highlightClick 0.9s;
}
.c-fleet-section .c-fleet-section__head.c-fleet-section__head--open {
  border-radius: calc(var(--Baseline) / 2) calc(var(--Baseline) / 2) 0px 0px;
}
.c-fleet-section .c-fleet-section__head.c-fleet-section__head--open + .c-fleet-section__body {
  transition: max-height 0.3s ease-in-out 0.35s;
  max-height: 90vh;
}
.c-fleet-section .c-fleet-section__head.c-fleet-section__head--open + .c-fleet-section__body > * {
  transition: opacity 0.2s ease-in-out 0.5s;
  opacity: 1;
}
.c-fleet-section .c-fleet-section__head.c-fleet-section__head--open .svg-chevron_single-down {
  transform: rotate(180deg);
}
.c-fleet-section .c-fleet-section__head .svg-chevron_single-down {
  transition: transform 0.2s linear 0.2s;
}
.c-fleet-section .c-fleet-section__title {
  line-height: 1;
  font-family: "YourNow";
}
.c-fleet-section .c-fleet-section__body {
  transition: max-height 0.25s ease-in-out 0.1s;
  max-height: 0;
  overflow: hidden;
  color: #001e3e;
  background-color: #f4f7f9;
  border-radius: 0px 0px calc(var(--Baseline) / 2) calc(var(--Baseline) / 2);
}
.c-fleet-section .c-fleet-section__body > * {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.c-fleet-section .c-fleet-section__group {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
}
.c-fleet-section .c-fleet-section__group .o-form-label {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-fleet-section .c-fleet-section__group .o-form-label:last-child {
  margin-bottom: 0;
}
.c-fleet-section .c-fleet-section__group:not(:last-child) {
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}
.c-fleet-section .c-fleet-section__subsection {
  padding: calc(var(--Baseline) * 2);
  background-color: #edf1f5;
  border-radius: 4px;
}

.c-tariff-list {
  list-style: none;
}
.c-tariff-list .c-tariff-list__item {
  font-weight: 500;
  line-height: 1.1;
  border-radius: 4px;
  background-color: #edf1f5;
}
.c-tariff-list .c-tariff-list__item:hover {
  background-color: #eaedf1;
}
.c-tariff-list .c-tariff-list__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) / 2);
}
.c-tariff-list .c-tariff-list__link {
  padding: calc(var(--Baseline) * 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-fill-list {
  list-style: none;
}
.c-fill-list .c-fill-list__item {
  font-weight: 500;
  line-height: 1.1;
  border-radius: 4px;
  background-color: #edf1f5;
}
.c-fill-list .c-fill-list__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) / 2);
}
.c-fill-list .c-fill-list__link {
  padding: calc(var(--Baseline) * 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-fill-list .c-fill-list__link:hover {
  background-color: #eaedf1;
}
.c-fill-list .c-fill-list__bg {
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.o-tariffs-overlay {
  width: calc(100vw - var(--Baseline) * 39);
  height: calc(100vh - var(--read-only-height));
  overflow-y: auto;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 35;
  overflow-x: hidden;
  position: fixed;
  background-color: #fff;
  transform: translateX(100%);
  transition: transform 0.6s ease-in-out;
  max-width: 1600px;
}
@media screen and ( min-width: 1000px ) {
  .o-tariffs-overlay {
    width: calc(100vw - (var(--Baseline) * 39 + (100vw - 1000px) * 0.26));
  }
}
@media (min-width: 1800px) {
  .o-tariffs-overlay {
    width: calc(100vw - var(--Baseline) * 65);
  }
}
.o-tariffs-overlay.o-tariffs-overlay--open {
  transform: translateX(0);
  box-shadow: 0 0 6px 0 rgba(44, 61, 83, 0.26), -10px 0 20px 0 rgba(44, 61, 83, 0.12), -20px 0 20px 0 rgba(44, 61, 83, 0.05);
}

.c-tariff-section__body {
  padding: calc(var(--Baseline) * 10);
}

.c-tariff-section__title {
  font-size: 35.92px;
  margin-bottom: calc(var(--Baseline) * 4);
}

.c-tariffs {
  display: flex;
}

.c-tariff-column {
  max-width: calc(var(--Baseline) * 38);
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
  border-radius: 4px;
  flex: 0 1 100%;
}
.c-tariff-column:not(:first-child) {
  margin-left: calc(var(--Baseline) * 4);
}

.c-tariff-column__head {
  padding: calc(var(--Baseline) * 3);
  padding-top: calc(var(--Baseline) * 5);
  border-radius: 4px 4px 0 0;
  background-color: #005477;
}

.c-tariff-column__name {
  font-size: 17.72px;
  color: #fff;
}

.c-tariff-column__content {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
}

.c-tariff-column__group-title {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 15.75px;
  color: #001e3e;
}

.c-fees-dl .c-fees-dl__term {
  margin-bottom: calc(var(--Baseline) * 1);
  font-size: 12px;
  color: #69768c;
}
.c-fees-dl .c-fees-dl__desc {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 14px;
  color: #001e3e;
}

.c-tariff-section__header {
  padding: calc(var(--Baseline) * 8) calc(var(--Baseline) * 2) calc(var(--Baseline) * 4) calc(var(--Baseline) * 10);
  position: relative;
  background-color: #f4f7f9;
  border-bottom: 1px solid #e3e7ec;
}
.c-tariff-section__header .c-button--close {
  position: absolute;
  top: 0;
  right: 0;
}

.c-overlay-breadcrumb {
  color: #001e3e;
  line-height: 1.1;
  display: flex;
  list-style: none;
}
.c-overlay-breadcrumb .c-overlay-breadcrumb__item:not(:last-child) {
  margin-right: calc(var(--Baseline) * 2);
}
.c-overlay-breadcrumb .c-overlay-breadcrumb__item:not(:last-child):after {
  content: "";
  display: inline-block;
  margin-left: calc(var(--Baseline) * 2);
  width: 6px;
  height: 6px;
  border-top: 1px solid #959ea9;
  border-right: 1px solid #959ea9;
  vertical-align: middle;
  transform: rotate(45deg);
}
.c-overlay-breadcrumb .c-overlay-breadcrumb__item:last-child {
  color: #69768c;
}

.c-sf-tariff {
  display: grid;
  place-items: center;
  max-width: calc(100% - 100px);
}

.c-sf-tariff__tariff-group {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}

.c-sf-tariff__tariff-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: left;
  height: 100%;
}

.c-sf-tariff__tariff-box--header {
  font-weight: 700;
  font-size: 31px;
  color: #005478;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-sf-tariff__tariff-box--header > h2 {
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  color: #faa000;
}

.c-sf-tariff__tariff-box--preheader {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: #001e3e;
  opacity: 0.3;
}

.c-sf-tariff__tariff-box--description {
  font-size: 18px;
  font-weight: 400;
  color: #001e3e;
}

.c-sf-tariff__tariff-box--body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.c-sf-tariff__tariff-box--section {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-sf-tariff__tariff-box--section-header {
  font-weight: 700;
  color: #005478;
  text-transform: uppercase;
}

.c-sf-tariff__tariff-box--section-item {
  border-bottom: 1px dashed #C8CCCF;
  padding-bottom: 8px;
}

.c-sf-tariff__tariff-box--item-term {
  font-size: 12px;
  color: #001e3e;
  opacity: 0.62;
}

.c-sf-tariff__tariff-box--item-desc {
  font-weight: 500;
  font-size: 18px;
  color: #001e3e;
}

.c-sf-tariff__tariff-box--section-footnotes {
  text-align: left;
  font-size: 12px;
  color: #001e3e;
  opacity: 0.62;
  margin-top: auto;
}

.c-news-page {
  margin-bottom: calc(var(--Baseline) * 20);
  border-radius: 4px;
  background-color: #fff;
}
.c-news-page .c-news-page__articles {
  padding: calc(var(--Baseline) * 7) calc(var(--Baseline) * 15) calc(var(--Baseline) * 6);
}

.c-article-summary:not(:last-child) {
  padding-bottom: calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline) * 3);
  border-bottom: 1px solid #d8d8d8;
}
.c-article-summary .c-article-summary__title {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 22.43px;
}
.c-article-summary .c-article-summary__perex {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 15.75px;
  line-height: 1.5;
}
.c-article-summary .c-article-summary__perex p {
  margin-bottom: calc(var(--Baseline) * 3);
}
.c-article-summary .c-article-summary__perex ul, .c-article-summary .c-article-summary__perex ol {
  margin-bottom: calc(var(--Baseline) * 3);
  margin-left: calc(var(--Baseline) * 3);
  list-style-position: outside;
}
.c-article-summary .c-article-summary__perex ul ul, .c-article-summary .c-article-summary__perex ul ol, .c-article-summary .c-article-summary__perex ol ul, .c-article-summary .c-article-summary__perex ol ol {
  margin-top: calc(var(--Baseline) * 2);
  margin-left: calc(var(--Baseline) * 3);
}
.c-article-summary .c-article-summary__perex ul li, .c-article-summary .c-article-summary__perex ol li {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-article-summary .c-article-summary__perex tr:not(:first-child):not(:last-child) {
  border-top: 1px solid #003452;
  border-bottom: 1px solid #003452;
}
.c-article-summary .c-article-summary__perex td {
  padding: calc(var(--Baseline));
}

.c-history-record:not(:last-child) {
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
  margin-bottom: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
}
.c-history-record:hover .c-history-record__action {
  opacity: 1;
}
.c-history-record .c-history-record__head {
  display: flex;
  justify-content: space-between;
}
.c-history-record .c-history-record__body {
  display: flex;
  flex-wrap: wrap;
}
.c-history-record .c-history-record__body > * {
  margin-top: calc(var(--Baseline) / 2);
  margin-right: calc(var(--Baseline) / 2);
}
.c-history-record .c-history-record__label {
  font-size: 14px;
  font-weight: normal;
}
.c-history-record .c-history-record__action {
  color: #969ea9;
  opacity: 0;
  transition: opacity 150ms linear;
}
.c-history-record .c-history-record__time {
  font-size: 12px;
  color: #969ea9;
}

.c-matrix-section__body {
  padding: calc(var(--Baseline) * 10);
  padding-right: 0;
}

.c-matrix-section__title {
  font-size: 35.92px;
  margin-bottom: calc(var(--Baseline) * 4);
}

.c-matrix {
  display: flex;
  overflow: hidden;
  position: relative;
}
.c-matrix.c-matrix--scroll-left:before {
  content: "";
  background: linear-gradient(90deg, rgba(44, 61, 83, 0.2) 0%, rgba(44, 61, 83, 0) 100%);
  border-radius: 0px;
  height: 100%;
  width: 20px;
  position: absolute;
  left: 280px;
  top: 0;
  z-index: 5;
}
.c-matrix.c-matrix--scroll-right:after {
  content: "";
  background: linear-gradient(-90deg, rgba(44, 61, 83, 0.2) 0%, rgba(44, 61, 83, 0) 100%);
  border-radius: 0px;
  height: 100%;
  width: 20px;
  position: absolute;
  border-right: 1px solid #B1B7C1;
  border-radius: 4px;
  right: 0;
  top: 0;
  z-index: 5;
}
.c-matrix .c-matrix__scroll {
  max-width: calc(100vw - 80px - (var(--Baseline) * 39 + (100vw - 1000px) * 0.26));
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  flex-grow: 1;
  overflow-x: auto;
  position: relative;
}
.c-matrix .c-matrix__row {
  display: flex;
  flex-wrap: nowrap;
}
.c-matrix .c-matrix__row:not(.c-matrix__row--group):hover .c-matrix__cell--highlight {
  background-color: #FFF9BC !important;
}
.c-matrix .c-matrix__row.c-matrix__row--group .c-matrix__cell {
  padding-top: calc(var(--Baseline) * 3);
}
.c-matrix .c-matrix__row:nth-child(2) .c-matrix__cell {
  border-top-color: #005477;
}
.c-matrix .c-matrix__row:nth-child(2) .c-matrix__cell:first-child {
  border-top-color: #B1B7C1;
  border-top-left-radius: 4px;
}
.c-matrix .c-matrix__row > .c-matrix__cell:last-child {
  border-right: 1px solid #B1B7C1;
}
.c-matrix .c-matrix__sticky-cell {
  position: sticky;
  left: 0;
  z-index: 10;
  padding-left: calc(var(--Baseline) * 2);
  display: flex;
  flex: 0 0 280px;
  border-left: 1px solid #B1B7C1;
  border-right: 1px solid #B1B7C1;
  background-color: #fff;
}
.c-matrix .c-matrix__sticky-cell .c-matrix__cell {
  flex: 1 0 auto;
  padding-left: calc(var(--Baseline) * 1);
}
.c-matrix .c-matrix__cell {
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 3);
  position: relative;
  line-height: 1.1;
  min-height: calc(var(--Baseline) * 3);
  display: flex;
  flex: 0 0 140px;
  align-items: center;
  border-left: 1px solid #B1B7C1;
}
.c-matrix .c-matrix__cell:first-child {
  border-left-width: 0;
}
.c-matrix .c-matrix__cell:first-child.c-matrix__cell--highlight {
  border-radius: 4px 0 0 4px;
}
.c-matrix .c-matrix__cell:nth-child(2) {
  border-left-width: 0;
}
.c-matrix .c-matrix__cell.c-matrix__cell--head {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  padding-top: calc(var(--Baseline) * 4);
  background-color: #005477;
  color: #fff;
  border-radius: 4px 4px 0 0;
  word-break: break-word;
  display: flex;
}
.c-matrix .c-matrix__cell.c-matrix__cell--head:not(:first-child) {
  margin-bottom: -1px;
}
.c-matrix .c-matrix__cell.c-matrix__cell--head .c-column-name {
  font-size: 15.75px;
  font-family: "YourNow", serif;
  align-self: flex-end;
}
.c-matrix .c-matrix__cell.c-matrix__cell--head:first-child {
  border-width: 0;
  background-color: #fff;
}
.c-matrix .c-matrix__cell.c-matrix__cell--subhead {
  height: calc(var(--Baseline) * 7 + 2px);
  border-top-width: 0;
}
.c-matrix .c-matrix__group {
  min-width: 980px;
}
.c-matrix .c-matrix__group.c-matrix__group--head {
  border-width: 0;
}
.c-matrix .c-matrix__group:not(:first-child) .c-matrix__row:first-child > * {
  border-top: 1px solid #F2F4F6;
}
.c-matrix .c-matrix__group:first-child .c-matrix__sticky-cell {
  border-width: 0;
}
.c-matrix .c-matrix__group:first-child .c-matrix__row:first-child .c-matrix__cell:last-child {
  border-right-color: #005477;
}
.c-matrix .c-matrix__group:nth-child(2) {
  border-top-left-radius: 4px;
  border-top-width: 0;
}
.c-matrix .c-matrix__group:nth-child(2) .c-matrix__row:first-child .c-matrix__sticky-cell {
  border-top: 1px solid #B1B7C1;
  border-top-left-radius: 4px;
}
.c-matrix .c-matrix__group:last-child {
  border-bottom-left-radius: 4px;
}
.c-matrix .c-matrix__group:last-child .c-matrix__row:last-child .c-matrix__sticky-cell {
  border-bottom-left-radius: 4px;
  border-bottom: 1px solid #B1B7C1;
  background-color: #fff;
}
.c-matrix .c-matrix__group:last-child .c-matrix__row:last-child .c-matrix__sticky-cell:last-child {
  border-bottom-right-radius: 4px;
}
.c-matrix .c-matrix__group:last-child .c-matrix__row:last-child .c-matrix__cell:last-child {
  border-bottom-right-radius: 4px;
}
.c-matrix .c-matrix__group:last-child .c-matrix__row:last-child .c-matrix__cell:not(:first-child) {
  border-bottom: 1px solid #B1B7C1;
}
.c-matrix .c-matrix__role-group {
  margin-bottom: calc(var(--Baseline) * 2);
  font-size: 15.75px;
  font-family: "YourNow", serif;
  font-weight: 500;
}
.c-matrix .c-matrix__role-text {
  font-size: 12px;
}

.c-icon-tick {
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 4px;
  background: #74B2A7;
  border: 1px solid #508587;
  text-align: center;
  line-height: 1;
}
.c-icon-tick .svg-tick {
  fill: #fff;
  width: calc(var(--Baseline) * 1.5);
}

.c-icon-close {
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 2);
  border-radius: 4px;
  background: #edf1f5;
  border: 1px solid #A5B1BE;
  text-align: center;
  line-height: 1;
}
.c-icon-close .svg-close {
  fill: #952832;
  width: calc(var(--Baseline) * 1.5);
}

.c-icon-success {
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  border-radius: 4px;
  background: #74b2a7;
  text-align: center;
  line-height: calc(var(--Baseline) * 3);
  font-family: "YourNow", sans-serif;
}
.c-icon-success .svg-tick {
  fill: #fff;
}

.c-icon-fail {
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  border-radius: 4px;
  background: #ed6b77;
  text-align: center;
  line-height: calc(var(--Baseline) * 3);
  font-family: "YourNow", sans-serif;
}
.c-icon-fail .svg-close {
  fill: #fff;
}

.c-tick {
  display: inline-flex;
  align-items: center;
}
.c-tick > *:first-child {
  margin-right: calc(var(--Baseline) / 2);
}

.svg-empty-data {
  width: 180px;
}

.c-icon-cover-play {
  background-image: url('../images/video-placeholder.jpg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-park-charge::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-park-charge');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-clock::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-time');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-restricted::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-restricted-access');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-car-garage::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-indoor');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-car-roof::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-parking-garage');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-credit-card::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-rfid-card');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-plug-charge::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-plug-charge');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.map-icon::before {
  content: "";
  width: calc(var(--Baseline) * 2);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-location');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-no-auth::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-no-auth');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-app::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-app-qrcode');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-euro::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-free');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-tolls::before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#poi-feature-avoid-tolls');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-service-wallbox:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#service-wallbox');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-plug-ccs:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-css');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-ccs.grey:before {
  opacity: 0.5;
}

.icon-plug-ccs-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-css');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-ccs-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-chademo:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-chademo');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-chademo.grey:before {
  opacity: 0.5;
}

.icon-plug-chademo-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-chademo');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-chademo-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-type-1:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-1');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-1.grey:before {
  opacity: 0.5;
}

.icon-plug-type-1-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-1');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-1-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-type-2:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-2');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-2.grey:before {
  opacity: 0.5;
}

.icon-plug-type-2-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-2');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-2-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-type-3:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-3');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-3.grey:before {
  opacity: 0.5;
}

.icon-plug-type-3-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-type-3');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-type-3-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-unknown:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-unknown');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-unknown.grey:before {
  opacity: 0.5;
}

.icon-plug-unknown-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-unknown');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-unknown-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-universal');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household.grey:before {
  opacity: 0.5;
}

.icon-plug-household-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-universal');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household-a:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-a');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-a.grey:before {
  opacity: 0.5;
}

.icon-plug-household-a-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-a');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-a-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household-e:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-e');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-e.grey:before {
  opacity: 0.5;
}

.icon-plug-household-e-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-e');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-e-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household-f:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-f');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-f.grey:before {
  opacity: 0.5;
}

.icon-plug-household-f-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-f');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-f-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household-g:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-g');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-g.grey:before {
  opacity: 0.5;
}

.icon-plug-household-g-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-g');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-g-x2.grey:before {
  opacity: 0.5;
}

.icon-plug-household-j:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-j');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-j.grey:before {
  opacity: 0.5;
}

.icon-plug-household-j-x2:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#plug-household-j');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.icon-plug-household-j-x2.grey:before {
  opacity: 0.5;
}

.icon-available-marker, .icon-available-marker-count {
  width: 27px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-poi-available');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-available-marker-count {
  line-height: 28px;
  margin-bottom: 0;
  text-align: center;
  font-style: normal;
  color: #fff;
  line-height: 999;
  overflow: hidden;
}
.icon-available-marker-count:before {
  font-size: 9px;
  display: block;
  content: "10 / 10";
  letter-spacing: -1px;
  line-height: 26px;
}

.icon-unavailable-marker {
  width: 27px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-poi-status-unavailable');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-outoforder-marker {
  width: 27px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-poi-out-of-order');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-occupied-marker {
  width: 27px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-poi-occupied-station');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.icon-grouped-marker {
  position: relative;
  display: inline-block;
  padding-top: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
}
.icon-grouped-marker:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-poi-cluster');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.c-info-icon {
  margin-right: 6px;
}

.icon-close {
  width: 32px;
  height: 32px;
  -webkit-mask: url('../images/ui_burger_close.svg?t=1750145466751') no-repeat 50% 50%;
  mask: url('../images/ui_burger_close.svg?t=1750145466751') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #001e3e;
}

.svg-poi-status-unavailable-selected, .map-pool-marker--availability-unknown.map-pool-marker--selected, .svg-poi-status-unavailable, .map-pool-marker--availability-unknown, .svg-poi-out-of-order-selected, .map-pool-marker--availability-offline.map-pool-marker--selected, .svg-poi-out-of-order, .map-pool-marker--availability-offline, .svg-poi-occupied-station-selected, .map-pool-marker--availability-occupied.map-pool-marker--selected, .svg-poi-occupied-station, .map-pool-marker--availability-occupied, .svg-poi-available-selected, .map-pool-marker--availability-available.map-pool-marker--selected, .svg-poi-available, .map-pool-marker--availability-available, .svg-2-poi-cluster, .map-cluster-marker, .svg-1-poi-location, .map-search-marker {
  background: url('icons/sprite-map.svg?t=1750145466751') no-repeat;
}

.svg-1-poi-location, .map-search-marker {
  background-position: 0 0;
}

.svg-1-poi-location-dims, .map-search-marker {
  width: 35px;
  height: 60px;
}

.svg-2-poi-cluster, .map-cluster-marker {
  background-position: 6.7961165049% 0;
}

.svg-2-poi-cluster-dims, .map-cluster-marker {
  width: 90px;
  height: 90px;
}

.svg-poi-available, .map-pool-marker--availability-available {
  background-position: 22.9357798165% 0;
}

.svg-poi-available-dims, .map-pool-marker--availability-available {
  width: 60px;
  height: 100px;
}

.svg-poi-available-selected, .map-pool-marker--availability-available.map-pool-marker--selected {
  background-position: 33.9449541284% 0;
}

.svg-poi-available-selected-dims, .map-pool-marker--availability-available.map-pool-marker--selected {
  width: 60px;
  height: 100px;
}

.svg-poi-occupied-station, .map-pool-marker--availability-occupied {
  background-position: 44.9541284404% 0;
}

.svg-poi-occupied-station-dims, .map-pool-marker--availability-occupied {
  width: 60px;
  height: 100px;
}

.svg-poi-occupied-station-selected, .map-pool-marker--availability-occupied.map-pool-marker--selected {
  background-position: 55.9633027523% 0;
}

.svg-poi-occupied-station-selected-dims, .map-pool-marker--availability-occupied.map-pool-marker--selected {
  width: 60px;
  height: 100px;
}

.svg-poi-out-of-order, .map-pool-marker--availability-offline {
  background-position: 66.9724770642% 0;
}

.svg-poi-out-of-order-dims, .map-pool-marker--availability-offline {
  width: 60px;
  height: 100px;
}

.svg-poi-out-of-order-selected, .map-pool-marker--availability-offline.map-pool-marker--selected {
  background-position: 77.9816513761% 0;
}

.svg-poi-out-of-order-selected-dims, .map-pool-marker--availability-offline.map-pool-marker--selected {
  width: 60px;
  height: 100px;
}

.svg-poi-status-unavailable, .map-pool-marker--availability-unknown {
  background-position: 88.9908256881% 0;
}

.svg-poi-status-unavailable-dims, .map-pool-marker--availability-unknown {
  width: 60px;
  height: 100px;
}

.svg-poi-status-unavailable-selected, .map-pool-marker--availability-unknown.map-pool-marker--selected {
  background-position: 100% 0;
}

.svg-poi-status-unavailable-selected-dims, .map-pool-marker--availability-unknown.map-pool-marker--selected {
  width: 60px;
  height: 100px;
}

.c-page-switcher {
  display: flex;
  align-items: center;
  margin-right: calc(var(--Baseline) * 2);
}
.c-page-switcher .c-page-switcher__label {
  margin-right: calc(var(--Baseline) * 2);
  font-weight: 500;
}
.c-page-switcher .c-page-switcher__wrap {
  padding: calc(var(--Baseline) / 2);
  display: flex;
  list-style: none;
  background: #e9edf0;
  border-radius: 8px;
}
.c-page-switcher .c-page-switcher__item.c-page-switcher__item--active + .c-page-switcher__item::after {
  display: none;
}
.c-page-switcher .c-page-switcher__link {
  display: block;
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 1.5);
  line-height: calc(var(--Baseline) * 2);
  font-weight: 500;
  color: #a0aeb8 !important;
}
.c-page-switcher .c-page-switcher__link.c-page-switcher__link--active {
  background-color: #ffffff;
  color: #1a1a1a !important;
  border-radius: 8px;
}
.c-page-switcher .c-page-switcher__link:not(.c-page-switcher__link--active) {
  border-top-right-radius: calc(var(--Baseline) / 4);
  border-bottom-right-radius: calc(var(--Baseline) / 4);
  transition: background-color 0.15s linear;
}
.c-page-switcher .c-page-switcher__link:not(.c-page-switcher__link--active):hover, .c-page-switcher .c-page-switcher__link:not(.c-page-switcher__link--active):focus {
  background-color: rgba(0, 30, 62, 0.5);
  color: #fff;
}

.c-organisation__main {
  padding: calc(var(--Baseline) * 2);
  margin-bottom: calc(var(--Baseline) * 20);
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
}

.c-checkbox-on-label {
  float: right;
}

.c-organisation__col {
  padding: calc(var(--Baseline) * 5) calc(var(--Baseline) * 4) calc(var(--Baseline) * 2);
  background-color: #EEF2F4;
  border-radius: 2px;
  height: 100%;
}

.c-tariffs-templates {
  display: flex;
  justify-content: center;
}
.c-tariffs-templates .c-tariffs-templates__tariff {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  background: rgb(252, 253, 253);
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-tariffs-templates .c-tariffs-templates__tariff:not(:first-child) {
  margin-left: calc(var(--Baseline) * 1);
}
.c-tariffs-templates .c-tariffs-templates__tariff.c-tariffs-templates__tariff--w200 {
  flex-basis: 300px;
  flex-grow: 0;
}
.c-tariffs-templates .c-tariffs-templates__head {
  padding: calc(var(--Baseline) * 3);
  min-height: calc(var(--Baseline) * 10);
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #001e3e;
}
.c-tariffs-templates .c-tariffs-templates__button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}
.c-tariffs-templates .c-tariffs-templates__body {
  padding: calc(var(--Baseline) * 3);
  flex: 1 0;
}
.c-tariffs-templates .c-tariffs-templates__body .c-button--outline {
  background-color: #edf1f5;
}
.c-tariffs-templates .c-tariffs-templates__body .c-button--outline:hover {
  background-color: #e2e6eb;
}
.c-tariffs-templates .c-tariffs-templates__row {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
}
.c-tariffs-templates .c-tariffs-templates__row dt {
  margin-bottom: calc(var(--Baseline) / 2);
}
.c-tariffs-templates .c-tariffs-templates__row i {
  display: flex;
  justify-content: center;
}
.c-tariffs-templates .c-tariffs-templates__row:nth-child(odd) {
  background-color: rgb(244, 247, 249);
}
.c-tariffs-templates .c-tariffs-templates__row:nth-child(odd):not(:last-child) {
  border-bottom: 1px solid rgba(203, 210, 220, 0.5);
}
.c-tariffs-templates .c-tariffs-templates__foot {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  border-top: 1px solid #cbd2dc;
}

.c-dl .c-dl__term {
  margin-bottom: calc(var(--Baseline) * 0.5);
  color: #001e3e;
  font-size: 14px;
  font-weight: 500;
}
.c-dl .c-dl__desc {
  font-size: 14px;
  color: #2c3d53;
}
.c-dl .c-dl__desc:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-dl.c-dl--tooltip {
  white-space: nowrap;
}
.c-dl.c-dl--tooltip .c-dl__term {
  font-size: 12px;
}
.c-dl.c-dl--tooltip .c-dl__desc {
  font-size: 12px;
}
.c-dl.c-dl--tooltip .c-dl__desc:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-org-summary {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-price-summary {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
  background-color: #fff9bc;
  border-radius: 4px;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-price-summary .c-price-summary__term {
  font-weight: 700;
}

.c-price-row {
  margin-bottom: calc(var(--Baseline) * 1);
  display: flex;
  justify-content: space-between;
}
.c-price-row.c-price-row--total {
  border-top: 1px solid #e8e3a8;
  padding-top: calc(var(--Baseline) * 1);
}
.c-price-row .c-dl__term {
  margin-bottom: 0;
}

.c-flip-card {
  margin: 0 auto calc(var(--Baseline) * 6);
  background-color: transparent;
  width: 264px;
  height: 166px;
  perspective: 600px; /* Remove this if you don't want the 3D effect */
  position: relative;
  opacity: 0.3;
  transition: opacity 0.2s linear;
}
.c-flip-card.c-flip-card--visible {
  opacity: 1;
}
.c-flip-card.c-flip-card--vertical {
  height: 264px !important;
  width: 166px !important;
}

/* This container is needed to position the front and back side */
.c-flip-card-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform ease-in-out 0.5s;
}

.c-flip-card-inner:first-of-type {
  z-index: 99;
}

.c-flip-card-inner:not(:first-of-type) {
  transform-origin: center center;
}

.c-flip-card-inner:nth-child(2) {
  top: 2px;
  transform: rotate(3deg);
  z-index: -1;
}

.c-flip-card-inner:nth-child(3) {
  top: 2px;
  transform: rotate(6deg);
  z-index: -3;
}

.c-flip-card-inner:nth-child(4) {
  top: 2px;
  transform: rotate(9deg);
  z-index: -5;
}

.c-flip-card.c-flip-card--visible:hover .c-flip-card-inner:first-of-type,
.c-flip-card.c-flip-card--visible:focus .c-flip-card-inner:first-of-type {
  transform: translateX(-100%) rotateY(-180deg);
}

.c-flip-card-front, .c-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: calc(var(--Baseline) * 2.25);
  box-shadow: 0px 1px 1px 0px rgba(0, 30, 62, 0.35), 0px 7px 10px 0px rgba(0, 30, 62, 0.2), 0px -1px 0px 0px rgba(0, 30, 62, 0.2);
}

.c-flip-card-front {
  background: url('../images/card-front.png?t=1750145466751') no-repeat center;
  background-size: contain;
}

.c-flip-card-back {
  background: url('../images/card-back.png?t=1750145466751') no-repeat center;
  background-size: contain;
  transform: rotateY(180deg);
}

.c-drivers-grid {
  margin-bottom: calc(var(--Baseline) * 10);
  min-height: calc(100vh - 65px - 160px - 355px);
}
.c-drivers-grid .c-table-row {
  display: flex;
  flex-flow: wrap;
}
.c-drivers-grid .c-table-row .c-table-row__cell {
  position: relative;
  flex: 3;
}
.c-drivers-grid .c-table-row .c-table-row__cell:last-child {
  flex: 2;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-mark] {
  flex: 0 0 41px;
  justify-content: center;
  padding-right: 8px;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-mark]:not(.c-table-row__cell--head) {
  padding-top: calc(var(--Baseline) * 2.5);
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-mark] .c-checkbox__label {
  padding-left: 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-mark] + .c-table-row__cell {
  border-left-width: 0;
  padding-left: 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-mark] + .c-table-row__cell.c-table-row__cell--head > .c-column-name {
  padding-left: calc(var(--Baseline) * 1);
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-actions] {
  flex: 1 0 auto;
  padding-top: calc(var(--Baseline) * 1.5);
  padding-bottom: calc(var(--Baseline) * 1.5);
  border-left-width: 0;
  padding-left: 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-contract] {
  flex: 8 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-details] {
  flex: 6 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-card] {
  flex: 6 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-tariff] {
  flex: 4 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-car] {
  flex: 6 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-contact] {
  flex: 8 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-card] {
  flex: 6 0 0;
}
.c-drivers-grid .c-table-row .c-table-row__cell[data-column=col-settings] {
  flex: 0 0 80px;
  border-left-width: 0;
}

.c-onboarding {
  position: absolute;
  top: 18px;
  right: calc(var(--Baseline) * 26);
  display: flex;
  justify-content: flex-end;
  z-index: 7;
}
@media screen and ( min-width: 1352px ) {
  .c-onboarding {
    right: calc(50vw - 464px);
  }
}
.c-onboarding.c-onboarding--open .c-onboarding__dropdown {
  display: block;
}
.c-onboarding.c-onboarding--open .c-onboarding__dropdown-content {
  transform-origin: top right;
  animation: 0.3s fadeInDown;
  animation-fill-mode: forwards;
}
.c-onboarding .c-onboarding__wrap {
  position: relative;
}
.c-onboarding .c-onboarding__dropdown {
  padding-top: calc(var(--Baseline) * 3);
  top: calc(var(--Baseline) * 2);
  right: 0;
  position: absolute;
  display: none;
  z-index: 5;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-onboarding .c-onboarding__dropdown-content {
  width: calc(var(--Baseline) * 25);
  padding: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 1);
  font-size: 12px;
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
  opacity: 0;
}
.c-onboarding .c-onboarding__item {
  margin-left: calc(var(--Baseline) * -1);
  margin-right: calc(var(--Baseline) * -1);
  padding: calc(var(--Baseline) * 1);
  position: relative;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--active:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: calc(var(--Baseline) / 4);
  content: "";
  animation: activeItem 0.1s linear;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--active .c-checkbox {
  color: #001e3e;
  font-weight: 500;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--active .c-checkbox .c-checkbox__label:before {
  border-color: #2c3d53;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed.c-onboarding__item--completing {
  background-color: #fff9bc;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed.c-onboarding__item--completing:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 0%;
  height: 100%;
  background: #74B2A7;
  content: "";
  border-radius: calc(var(--Baseline) / 4);
  animation: 1.3s completedItem ease-in-out;
  animation-delay: 0.15s;
  animation-fill-mode: forwards;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed.c-onboarding__item--completing .c-onboarding__label:after {
  max-width: 0;
  border-bottom-color: rgba(255, 255, 255, 0.6);
  animation: 1.3s labelStrike ease-in-out;
  animation-delay: 0.15s;
  animation-fill-mode: forwards;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed .c-checkbox__label:after {
  content: "" !important;
  line-height: 15px;
  opacity: 1;
  background-color: white;
  position: absolute;
  height: 5px;
  width: 8px;
  border-left: 2px solid #007aae;
  border-bottom: 2px solid #007aae;
  transform: rotate(-45deg);
  left: 4px;
  top: 5px;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed .c-onboarding__label {
  position: relative;
}
.c-onboarding .c-onboarding__item.c-onboarding__item--completed .c-onboarding__label:after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 1px solid #007aae;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}

.progress-svg {
  transform: rotate(-90deg);
}
.progress-svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
}
.progress-svg #circle-bar,
.progress-svg #circle-bar-support {
  stroke: #FF9F1E;
  stroke-width: 2px;
  stroke-dashoffset: 0;
  animation: progressCircleLoad-100 0.5s ease-in forwards;
}

#c-onboarding-progress {
  height: calc(var(--Baseline) * 5);
  width: calc(var(--Baseline) * 5);
  border-radius: 50%;
  cursor: pointer;
  background: radial-gradient(closest-side, #EDF1F5 85%, transparent 85% 100%), conic-gradient(#005478 var(--data-pct), #EDF1F5 0);
}
#c-onboarding-progress:before {
  display: block;
  content: attr(data-pct);
  color: #005478;
  text-align: center;
  font-size: 14px;
  line-height: calc(var(--Baseline) * 5);
  font-family: "YourNow", sans-serif;
}

#c-onboarding-progress-support {
  display: flex;
  height: 24px;
  width: 24px;
  margin: 0 auto;
  border-radius: 100%;
  position: relative;
  cursor: pointer;
}
#c-onboarding-progress-support[data-pct="0"] #circle-bar-support {
  stroke-dashoffset: 82px;
  stroke: #fff;
}
#c-onboarding-progress-support[data-pct="20"] #circle-bar-support {
  stroke-dashoffset: 70px;
  stroke: #a5d5cc;
  animation-name: progressCircleLoad-20;
}
#c-onboarding-progress-support[data-pct="25"] #circle-bar-support {
  stroke-dashoffset: 66px;
  stroke: #a5d5cc;
  animation-name: progressCircleLoad-25;
}
#c-onboarding-progress-support[data-pct="33"] #circle-bar-support {
  stroke-dashoffset: 60px;
  stroke: #a5d5cc;
  animation-name: progressCircleLoad-33;
}
#c-onboarding-progress-support[data-pct="40"] #circle-bar-support {
  stroke-dashoffset: 53px;
  stroke: #a5d5cc;
  animation-name: progressCircleLoad-40;
}
#c-onboarding-progress-support[data-pct="50"] #circle-bar-support {
  stroke-dashoffset: 44px;
  stroke: #ffec80;
  animation-name: progressCircleLoad-50;
}
#c-onboarding-progress-support[data-pct="60"] #circle-bar-support {
  stroke-dashoffset: 36px;
  stroke: #ffec80;
  animation-name: progressCircleLoad-60;
}
#c-onboarding-progress-support[data-pct="66"] #circle-bar-support {
  stroke-dashoffset: 30px;
  stroke: #ffec80;
  animation-name: progressCircleLoad-66;
}
#c-onboarding-progress-support[data-pct="75"] #circle-bar-support {
  stroke-dashoffset: 26px;
  stroke: #ffec80;
  animation-name: progressCircleLoad-75;
}
#c-onboarding-progress-support[data-pct="80"] #circle-bar-support {
  stroke-dashoffset: 18px;
  stroke: #ffec80;
  animation-name: progressCircleLoad-80;
}
#c-onboarding-progress-support[data-pct="100"] #circle-bar-support {
  stroke-dashoffset: 0;
  stroke: #FF9F1E;
  animation-name: progressCircleLoad-100;
}

#whiteCircle,
#qMark {
  opacity: 0;
  animation: fadeIn 0.2s linear 0.9s forwards;
}

@keyframes progressCircleLoad-20 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 70px;
  }
}
@keyframes progressCircleLoad-25 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 66px;
  }
}
@keyframes progressCircleLoad-33 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 60px;
  }
}
@keyframes progressCircleLoad-40 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 53px;
  }
}
@keyframes progressCircleLoad-50 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 48px;
  }
}
@keyframes progressCircleLoad-60 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 38px;
  }
}
@keyframes progressCircleLoad-66 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 32px;
  }
}
@keyframes progressCircleLoad-75 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 30px;
  }
}
@keyframes progressCircleLoad-80 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 24px;
  }
}
@keyframes progressCircleLoad-100 {
  0% {
    stroke-dashoffset: 88px;
  }
  100% {
    stroke-dashoffset: 10px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes activeItem {
  100% {
    background-color: #fff9bc;
  }
}
@keyframes labelStrike {
  50% {
    max-width: 100%;
  }
  80% {
    border-color: rgba(255, 255, 255, 0.6);
    max-width: 100%;
  }
  100% {
    max-width: 100%;
    border-color: #007aae;
  }
}
@keyframes completedItem {
  50% {
    max-width: 100%;
  }
  96% {
    background-color: #74B2A7;
    max-width: 100%;
  }
  97% {
    max-width: 100%;
    background-color: white;
  }
  100% {
    max-width: 100%;
    background-color: white;
  }
}
@keyframes fadeInDown {
  0% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes ring {
  0% {
    transform: rotateZ(0);
  }
  1% {
    transform: rotateZ(30deg);
  }
  3% {
    transform: rotateZ(-28deg);
  }
  5% {
    transform: rotateZ(34deg);
  }
  7% {
    transform: rotateZ(-32deg);
  }
  9% {
    transform: rotateZ(30deg);
  }
  11% {
    transform: rotateZ(-28deg);
  }
  13% {
    transform: rotateZ(26deg);
  }
  15% {
    transform: rotateZ(-24deg);
  }
  17% {
    transform: rotateZ(22deg);
  }
  19% {
    transform: rotateZ(-20deg);
  }
  21% {
    transform: rotateZ(18deg);
  }
  23% {
    transform: rotateZ(-16deg);
  }
  25% {
    transform: rotateZ(14deg);
  }
  27% {
    transform: rotateZ(-12deg);
  }
  29% {
    transform: rotateZ(10deg);
  }
  31% {
    transform: rotateZ(-8deg);
  }
  33% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  37% {
    transform: rotateZ(2deg);
  }
  39% {
    transform: rotateZ(-1deg);
  }
  41% {
    transform: rotateZ(1deg);
  }
  43% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(0);
  }
}
@keyframes dot-ring {
  0% {
    opacity: 0;
  }
  60% {
    transform: scale(2);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.c-onboarding-list {
  font-size: 12px;
  font-family: "YourNow", sans-serif;
  font-weight: normal;
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.c-onboarding-list .heading {
  color: #001E3E;
  font-size: 15.75px;
  font-family: "YourNow", sans-serif;
  font-weight: 500;
}
.c-onboarding-list .c-onboarding-list__item {
  display: flex;
  width: 264px;
  height: 40px;
  padding: 0px 24px;
  align-items: center;
  gap: calc(var(--Baseline) * 2);
}
.c-onboarding-list .c-onboarding-list__item.percentage {
  padding: 0px calc(var(--Baseline) * 2);
}
.c-onboarding-list .c-onboarding-list__item-icon {
  width: 24px;
  height: 24px;
}
.c-onboarding-list .c-onboarding-list__item-icon-percentage {
  width: calc(var(--Baseline) * 5);
  height: calc(var(--Baseline) * 5);
}
.c-onboarding-list .c-onboarding-list__item-placeholder {
  width: 24px;
  height: 24px;
}
.c-onboarding-list .c-onboarding-list__item-label {
  color: #001E3E;
  font-size: 14px;
  font-family: "YourNow", sans-serif;
}

.c-columns-layout {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.c-columns-layout .c-columns-layout__sidebar {
  width: calc(var(--Baseline) * 36);
  padding-right: calc(var(--Baseline) * 8);
}
@media screen and ( min-width: 1000px ) {
  .c-columns-layout .c-columns-layout__sidebar {
    width: calc(var(--Baseline) * 38);
    padding-right: calc(var(--Baseline) * 10);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-columns-layout .c-columns-layout__sidebar {
    width: calc(var(--Baseline) * 42);
    padding-right: calc(var(--Baseline) * 14);
  }
}
.c-columns-layout .c-columns-layout__main {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .hide-phone {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hide-tablet-up {
    display: none !important;
  }
}

@media screen and (max-width: 1351px) {
  .hide-tablet-down {
    display: none !important;
  }
}

@media screen and (min-width: 1352px) {
  .hide-desktop {
    display: none !important;
  }
}

@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes disappearDown {
  0% {
    transform: translateY(-24px);
    opacity: 1;
  }
  99% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    display: none;
    max-height: 0;
  }
}
@keyframes disappearDown2 {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(24px);
    opacity: 0;
  }
}
@keyframes appearDown3 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(-24px);
    opacity: 1;
  }
}
@keyframes appearDown2 {
  0% {
    transform: translateY(7px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
chargingrecords-details .c-sidebar-header .c-sidebar-header__headings,
cardorder-details .c-sidebar-header .c-sidebar-header__headings,
#__cdr-detail .c-sidebar-header .c-sidebar-header__headings {
  max-height: 100%;
  overflow-wrap: break-word;
}

.c-sidebar-header {
  min-height: calc(var(--Baseline) * 14);
  padding: calc(var(--Baseline) * 5) calc(var(--Baseline) * 3) calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
  background-color: #f4f7f9;
  border-bottom: 1px solid #e3e7ec;
}
.c-sidebar-header .c-sidebar-header__headings {
  overflow: hidden;
  font-family: "YourNow", serif;
}
.c-sidebar-header .c-sidebar-header__headings > * {
  overflow: hidden;
  margin: 0;
  transform: none;
  line-height: 1.1;
  transition: all 0.2s linear;
}
.c-sidebar-header .c-sidebar-header__headings .c-sidebar-header__scroll > * {
  overflow: hidden;
  margin: 0;
  transform: none;
  line-height: 1.1;
  transition: all 0.2s linear;
}
.c-sidebar-header h1, .c-sidebar-header h2, .c-sidebar-header h3, .c-sidebar-header h4 {
  font-weight: normal;
}
.c-sidebar-header.c-sidebar-header--sticky {
  top: 0;
  z-index: 4;
  position: sticky;
}
.c-sidebar-header.c-sidebar-header--absolute {
  top: 0;
  z-index: 4;
  left: 0;
  right: 0;
  position: absolute;
}
.c-sidebar-header.c-sidebar-header__preview {
  background-color: #69768c;
  color: #fff;
}
.c-sidebar-header .c-sidebar-header__subtitle {
  font-weight: normal;
  clear: both;
}
.c-sidebar-header .c-sidebar-header__overflow {
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-sidebar-header .c-sidebar-header__close {
  position: absolute;
  right: calc(var(--Baseline) * 1);
  top: calc(var(--Baseline) * 1);
}
.c-sidebar-header .c-sidebar-header__level-1-cards {
  padding: 2px;
}
.c-sidebar-header .c-sidebar-header__level-1:only-child {
  padding-top: 15px;
}
.c-sidebar-header .c-sidebar-header__level-2,
.c-sidebar-header .c-sidebar-header__level-3 {
  font-weight: 500;
  font-size: 22.43px;
}
.c-sidebar-header[data-level=root] .c-sidebar-header__level-0 {
  animation: 0.2s appear;
  animation-fill-mode: forwards;
  font-weight: 500;
  font-size: 22.43px;
}
.c-sidebar-header[data-level="0"] .c-sidebar-header__level-0 {
  animation: 0.2s appear;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="0"] .c-sidebar-header__level-1 {
  font-weight: 500;
  font-size: 22.43px;
}
.c-sidebar-header[data-level="0"] .c-sidebar-header__level-1 a {
  color: inherit;
  pointer-events: none;
}
.c-sidebar-header[data-level="0"] .c-sidebar-header__level-2 {
  font-weight: 500;
  font-size: 22.43px;
  animation: 0.2s disappear;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="0"] .c-sidebar-header__level-3 {
  animation: 0.2s disappearDown;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="1"] .c-sidebar-header__scroll {
  transform: translateY(-17px);
}
.c-sidebar-header[data-level="1"] .c-sidebar-header__level-0 {
  animation: 0.2s disappear;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="1"] .c-sidebar-header__level-2 {
  font-weight: 500;
  font-size: 22.43px;
  animation: 0.2s appearDown2;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="1"] .c-sidebar-header__level-3 {
  animation: 0.2s disappearDown;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="2"] .c-sidebar-header__scroll {
  transform: translateY(-17px);
}
.c-sidebar-header[data-level="2"] .c-sidebar-header__level-2 {
  animation: 0.2s disappearDown2;
  animation-fill-mode: forwards;
}
.c-sidebar-header[data-level="2"] .c-sidebar-header__level-3 {
  font-weight: 500;
  font-size: 22.43px;
  animation: 0.2s appearDown3;
  animation-fill-mode: forwards;
}

.o-one-pager {
  background-color: white;
  overflow-x: hidden;
}
.o-one-pager.o-one-pager--sf {
  font-family: "YourNow", serif;
}
.o-one-pager section {
  scroll-margin-top: calc(var(--Baseline) * 12);
}
@media screen and (max-width: 767px) {
  .o-one-pager section {
    scroll-margin-top: calc(var(--Baseline) * 8);
  }
}

.o-kd-section {
  padding: calc(var(--Baseline) * 10) 0;
}
.o-kd-section .o-kd-section__heading {
  font-weight: bold;
  text-transform: uppercase;
}

.c-kd-strips.c-kd-strips--even > .c-kd-strips__item:nth-child(even) {
  background-color: #f4f7f9;
}
.c-kd-strips.c-kd-strips--odd > .c-kd-strips__item:nth-child(odd) {
  background-color: #f4f7f9;
}
.c-kd-strips .c-news-page {
  background-color: transparent;
}
.c-kd-strips .c-toggle-box .c-toggle-box__body {
  background-color: #edf2f5;
}
.c-kd-strips .c-columns-layout {
  background-color: #edf1f5;
  border-radius: calc(var(--Baseline) / 2);
}
.c-kd-strips .c-video-page {
  margin-bottom: 0;
}
.c-kd-strips .c-columns-layout__sidebar {
  padding-right: 0;
}

.c-kd-hero {
  height: calc(100vh - var(--Baseline) * 12);
  position: relative;
  background-image: url('../images/sales-funnel-hero-daimler.png?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.c-kd-hero:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 100%;
  background-color: rgba(0, 85, 123, 0.4);
}
.c-kd-hero .c-kd-hero__content {
  padding-top: 60px;
  padding-left: calc(var(--Baseline) * 2);
  padding-right: calc(var(--Baseline) * 2);
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
.c-kd-hero .c-kd-hero__headings {
  padding-right: calc(var(--Baseline) * 4);
  flex: 0 1 auto;
}
.c-kd-hero .c-kd-hero__video {
  flex: 1 0 50%;
}
.c-kd-hero .c-kd-hero__iframe {
  padding-bottom: 56.25%;
  width: 100%;
  position: relative;
}
.c-kd-hero .c-kd-hero__iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}

.c-video-iframe-wrap {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.c-video-iframe-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-kb-gallery {
  position: relative;
}
.c-kb-gallery .c-kb-gallery__wrap {
  display: flex;
  overflow: hidden;
}
@media screen and ( min-width: 768px ) {
  .c-kb-gallery .c-kb-gallery__wrap {
    overflow: initial;
  }
}
.c-kb-gallery .c-kb-gallery__wrap > img:not(:first-child) {
  margin-left: calc(var(--Baseline) * 1);
}
.c-kb-gallery .c-kb-gallery__app {
  position: absolute;
  z-index: 2;
  bottom: calc(var(--Baseline) * -4);
  left: calc(var(--Baseline) * -4);
}

.c-kd-section--blue {
  background-color: #005478;
  color: #fff;
}

.c-kb-steps {
  list-style-position: inside;
  counter-reset: item;
  margin-top: 20px;
  margin-bottom: calc(var(--Baseline) * 5);
}
.c-kb-steps .c-kb-steps__item {
  margin-left: calc(var(--Baseline) * 7);
  display: block;
  position: relative;
  font-size: 22.43px;
  font-family: "YourNow", serif;
  padding: calc(var(--Baseline) * 1) 0;
}
.c-kb-steps .c-kb-steps__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-kb-steps .c-kb-steps__item:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  right: calc(100% + var(--Baseline) * 2);
  top: calc(var(--Baseline) / 2);
  word-break: normal;
  white-space: nowrap;
  display: inline-block;
  width: calc(var(--Baseline) * 5);
  height: calc(var(--Baseline) * 5);
  line-height: calc(var(--Baseline) * 5);
  background-color: #dbeeea;
  border-radius: 50%;
  text-align: center;
  color: #2c3d53;
  font-size: 19.93px;
  font-weight: 500;
}

.c-reports-layout {
  color: #fff;
}

.c-reports-stats {
  font-family: "YourNow", serif;
}
.c-reports-stats .c-reports-stats__section {
  margin-bottom: calc(var(--Baseline) * 6);
  padding-bottom: calc(var(--Baseline) * 6);
  border-bottom: 1px solid rgba(24, 47, 71, 0.5);
}
.c-reports-stats .c-reports-stats__section:not(:first-child) > * {
  border-left: 1px solid rgba(24, 47, 71, 0.5);
}
.c-reports-stats .c-reports-stats__row {
  padding-left: calc(var(--Baseline) * 2);
  display: flex;
  flex-wrap: wrap;
}
.c-reports-stats .c-reports-stats__box:not(:last-child) {
  margin-right: calc(var(--Baseline) * 8);
}
.c-reports-stats .c-reports-stats__heading {
  margin-bottom: calc(var(--Baseline) * 3);
  flex: 1 0 100%;
  font-size: 22.43px;
  font-weight: bold;
}
.c-reports-stats .c-reports-stats__term {
  font-size: 17.72px;
}
.c-reports-stats .c-reports-stats__desc {
  font-size: 35.92px;
  display: flex;
}
.c-reports-stats .c-reports-stats__desc > i {
  margin-right: calc(var(--Baseline) * 2);
}

.c-chart-cover {
  background-color: #EDF1F5;
  padding: var(--Baseline);
  padding-right: calc(var(--Baseline) * 2);
  padding-top: calc(var(--Baseline) * 2);
  margin-bottom: calc(var(--Baseline) * 20);
}
.c-chart-cover .c-chart-cover__switcher {
  margin-left: 39px;
}
.c-chart-cover .c-chart-cover__controls {
  margin-bottom: -56px;
  padding-right: calc(var(--Baseline) * 2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}
.c-chart-cover canvas {
  height: 640px;
}

.c-reports-chart {
  margin-top: calc(var(--Baseline) * 3);
}

.c-chart-legend {
  color: #001e3e;
}
.c-chart-legend ul {
  display: flex;
  justify-content: flex-end;
}
.c-chart-legend ul li {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.c-chart-legend ul li:not(:first-child) {
  margin-left: calc(var(--Baseline) * 4);
}
.c-chart-legend ul span {
  width: calc(var(--Baseline) * 1);
  height: calc(var(--Baseline) * 1);
  border-radius: 2px;
  margin-right: calc(var(--Baseline) * 1);
}

.c-sf-heading {
  font-weight: bold;
  text-transform: uppercase;
  color: #005478;
}
.c-sf-heading small {
  color: #2c3d53;
}
.c-sf-heading .c-sf-heading__month {
  display: block;
  font-weight: normal;
  margin-top: calc(var(--Baseline) * -0.5);
}

.c-sf-heading-daimler {
  font-weight: bold;
  text-transform: uppercase;
  color: #004355;
}
.c-sf-heading-daimler small {
  color: #2c3d53;
}
.c-sf-heading-daimler .c-sf-heading__month {
  display: block;
  font-weight: normal;
  margin-top: calc(var(--Baseline) * -0.5);
}

.c-sf-heading-2 {
  font-weight: 500;
  text-transform: uppercase;
  color: #001e3e;
}

.c-sf-title-color {
  color: #005478;
}

.c-sf-title-color-daimler {
  color: #004355;
}

.c-sf-light-color {
  color: #99bac9;
}

.c-sf-grey-color {
  color: rgba(0, 30, 62, 0.4);
}

.c-sf-dark-color {
  color: #001e3e;
}

.c-sf-header-clip {
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  filter: drop-shadow(0px 1px 0px #eaf1f5);
}
.c-sf-header-clip::before {
  content: "";
  height: calc(var(--Baseline) * 8);
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #fff;
  position: absolute;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
}
@media screen and ( min-width: 768px ) {
  .c-sf-header-clip::before {
    height: calc(var(--Baseline) * 12);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
  }
}

.c-sf-header {
  position: fixed;
  z-index: 10;
  width: 100%;
  font-family: "YourNow", sans-serif;
}
.c-sf-header a {
  transition: all 200ms ease;
}
.c-sf-header .o-container--kb {
  position: relative;
}
@media screen and (max-width: 1351px) {
  .c-sf-header .o-container--kb {
    max-width: 100vw;
    padding: 0 24px;
  }
}
.c-sf-header .c-sf-header__center {
  height: calc(var(--Baseline) * 12);
  display: flex;
  align-items: center;
}
.c-sf-header .c-sf-header__right {
  height: calc(var(--Baseline) * 8);
  display: flex;
  align-items: center;
  font-size: 17.72px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-header .c-sf-header__right {
    height: calc(var(--Baseline) * 12);
  }
}
.c-sf-header .c-sf-header__right .language-menu {
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
}
.c-sf-header .c-sf-header__right .language-menu:hover > .language-dropdown {
  display: flex;
}
.c-sf-header .c-sf-header__right .language-menu > span {
  font-weight: 400;
  color: #005478;
}
.c-sf-header .c-sf-header__right .language-menu > span > svg {
  margin-bottom: 2px;
  fill: #001e3e;
}
.c-sf-header .c-sf-header__right .language-menu .language-dropdown {
  list-style: none;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12);
  padding: calc(var(--Baseline) * 2);
  display: none;
  flex-direction: column;
  gap: calc(var(--Baseline));
  position: absolute;
  background: #fff;
  right: calc(var(--Baseline) * -2);
  text-transform: none;
  width: calc(var(--Baseline) * 20);
}
.c-sf-header .c-sf-header__right .language-menu .language-dropdown:hover {
  display: flex;
}
.c-sf-header .c-sf-header__right .language-menu .language-dropdown span {
  color: #001e3e;
  font-weight: 400;
}
.c-sf-header .c-sf-header__link {
  display: none;
  color: #005478;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and ( min-width: 1352px ) {
  .c-sf-header .c-sf-header__link {
    display: inline-block;
  }
}
.c-sf-header .c-sf-header__link:hover, .c-sf-header .c-sf-header__link:focus, .c-sf-header .c-sf-header__link:active {
  color: #1f9dc9;
}
.c-sf-header .c-sf-header__button {
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #faa000;
  text-transform: uppercase;
  display: none;
  color: #fff;
}
@media screen and ( min-width: 1352px ) {
  .c-sf-header .c-sf-header__button {
    display: flex;
  }
}
.c-sf-header .c-sf-header__button:hover, .c-sf-header .c-sf-header__button:focus, .c-sf-header .c-sf-header__button:active {
  background-color: #e69300;
}

/* Language selection for order wallbox */
.c-sf-lang2 {
  position: relative;
}
.c-sf-lang2 .svg-chevron_single-down {
  margin-left: calc(var(--Baseline) / 2);
}
.c-sf-lang2 .svg-chevron_single-down > g {
  fill: #005478;
}
.c-sf-lang2 .c-sf-lang__current {
  color: #005478;
  display: flex;
  align-items: center;
}
.c-sf-lang2:hover .svg-chevron_single-down > g {
  fill: #1F9DC9;
}
.c-sf-lang2:hover .c-sf-lang__current {
  color: #1F9DC9;
  cursor: pointer;
}
.c-sf-lang2:hover .c-sf-lang__dropdown {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}
.c-sf-lang2 a {
  color: #005478;
}
.c-sf-lang2 a:hover, .c-sf-lang2 a:focus, .c-sf-lang2 a:active {
  color: #1F9DC9;
}
.c-sf-lang2 a:hover svg, .c-sf-lang2 a:focus svg, .c-sf-lang2 a:active svg {
  fill: #1F9DC9;
}
.c-sf-lang2 a svg {
  fill: #005478;
}
.c-sf-lang2 .c-sf-lang__menu {
  background-color: #fff;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12);
  padding: calc(var(--Baseline) * 2);
}
.c-sf-lang2 .c-sf-lang__dropdown {
  width: calc(var(--Baseline) * 20);
  padding-top: calc(var(--Baseline) * 2);
  position: absolute;
  right: 0;
  top: 100%;
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateY(-2em);
}
.c-sf-lang2 .c-sf-lang__dropdown li:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}

.c-sf-lang {
  position: relative;
}
@media screen and ( max-width: 1351px ) {
  .c-sf-lang {
    font-size: 18px;
    display: none;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-lang {
    border-left: 1px solid #005478;
    margin-left: calc(var(--Baseline) * 4);
  }
}
.c-sf-lang .svg-chevron_single-down {
  margin-left: calc(var(--Baseline) / 2);
}
.c-sf-lang .svg-chevron_single-down > g {
  fill: #005478;
}
.c-sf-lang .c-sf-lang__current {
  color: #005478;
  display: flex;
  align-items: center;
}
@media screen and ( min-width: 1352px ) {
  .c-sf-lang .c-sf-lang__current {
    padding-right: calc(var(--Baseline) * 4);
    padding-left: calc(var(--Baseline) * 4);
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-lang:hover .c-sf-lang__dropdown {
    visibility: visible;
    opacity: 1;
    z-index: 20;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.1s, 0s;
  }
  .c-sf-lang .c-sf-lang__current {
    color: #1F9DC9;
    cursor: pointer;
  }
  .c-sf-lang .c-sf-lang__dropdown {
    visibility: visible;
    opacity: 1;
    z-index: 20;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.1s, 0s;
  }
}
.c-sf-lang a {
  color: #005478;
}
.c-sf-lang a:hover, .c-sf-lang a:focus, .c-sf-lang a:active {
  color: #1f9dc9;
}
.c-sf-lang a:hover svg, .c-sf-lang a:focus svg, .c-sf-lang a:active svg {
  fill: #1f9dc9;
}
.c-sf-lang a svg {
  fill: #005478;
}
.c-sf-lang .c-sf-lang__menu {
  background-color: #fff;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12);
  padding: calc(var(--Baseline) * 2);
}
.c-sf-lang .c-sf-lang__dropdown {
  width: calc(var(--Baseline) * 20);
  padding-top: calc(var(--Baseline) * 2);
  position: absolute;
  right: 0;
  top: 100%;
  transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s, left 0s linear;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transform: translateY(-2em);
}
.c-sf-lang .c-sf-lang__dropdown li:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}
@media screen and ( max-width: 1351px ) {
  .c-sf-lang .c-sf-lang__dropdown {
    right: auto;
  }
}
.c-sf-lang .c-sf-lang__dropdown--show {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.1s, 0s;
}

.c-sf-burger-menu .c-sf-burger-menu__button {
  width: 30px;
  height: 30px;
}
@media screen and ( min-width: 1352px ) {
  .c-sf-burger-menu {
    display: none;
  }
}
@media screen and ( max-width: 1351px ) {
  .c-sf-burger-menu {
    display: inline-block !important;
    position: absolute;
    right: 24px;
  }
}

.c-sf-burger-menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  left: 100%;
  transition: all 0.5s ease;
  background-color: #fff;
  color: #005478;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: flex-start;
}
.c-sf-burger-menu-content.c-sf-burger-menu-content--show {
  visibility: visible;
  left: 0%;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list {
  list-style: none;
  margin-left: 24px;
  margin-top: 29px;
}
@media screen and (min-width: 768px) {
  .c-sf-burger-menu-content .c-sf-burger-menu__list {
    margin-top: 80px;
  }
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-sf-burger-menu__element {
  background-color: white;
  text-align: left;
  text-transform: uppercase;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-sf-burger-menu__element .c-sf-lang {
  display: inline-block;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-sf-burger-menu__element:first-child {
  padding-top: 10px;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-sf-burger-menu__element:not(:last-child) {
  padding-bottom: 32px;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-sf-burger-menu__element .c-sf-burger-menu__link {
  font-size: 18px;
  font-weight: 400;
}
.c-sf-burger-menu-content .c-sf-burger-menu-content__header {
  height: 64px;
  z-index: 11;
  padding-left: 24px;
}
.c-sf-burger-menu-content .c-sf-burger-menu-content__header .c-sf-burger-menu__button--close {
  position: absolute;
  top: 2.5%;
  right: 2.5%;
  width: 32px;
  height: 32px;
}
@media screen and ( max-width: 999px ) {
  .c-sf-burger-menu-content .c-sf-burger-menu-content__header .c-sf-burger-menu__button--close {
    right: 5.5%;
  }
}
.c-sf-burger-menu-content .c-sf-burger-menu__buttons {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 24px;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
@media screen and ( min-width: 1352px ) {
  .c-sf-burger-menu-content .c-sf-burger-menu__buttons {
    display: none;
  }
}
.c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__login {
  color: #005478;
}
.c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__login:hover {
  color: #003452;
}
.c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__button {
  padding: 12px 103px 12px 103px;
  border-radius: 8px;
  background-color: #faa000;
  height: 48px;
  width: 342px;
  line-height: 23px;
}
.c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__button:hover, .c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__button:focus, .c-sf-burger-menu-content .c-sf-burger-menu__buttons .c-sf-burger-menu__button:active {
  background-color: #e69300;
  color: #fff !important;
}
.c-sf-burger-menu-content .c-sf-burger-menu__link {
  display: inline-block;
  color: #005478;
  font-weight: 400;
}
.c-sf-burger-menu-content .c-sf-burger-menu__link:hover, .c-sf-burger-menu-content .c-sf-burger-menu__link:focus {
  text-shadow: 0px 0px 1px #005478;
}

.c-sf-scroll-menu {
  margin-right: calc(var(--Baseline) * 6);
}
@media screen and ( max-width: 1351px ) {
  .c-sf-scroll-menu {
    display: none;
  }
}
.c-sf-scroll-menu .c-sf-scroll-menu__item.active .c-sf-scroll-menu__link {
  text-shadow: 0px 0px 1px #005478;
}
.c-sf-scroll-menu .c-sf-scroll-menu__link {
  color: #005478;
  text-transform: uppercase;
  font-size: 15.75px;
}
.c-sf-scroll-menu .c-sf-scroll-menu__link:hover, .c-sf-scroll-menu .c-sf-scroll-menu__link:focus {
  text-shadow: 0px 0px 1px #005478;
}
.c-sf-scroll-menu .c-sf-scroll-menu__link-daimler {
  color: #004355;
  text-transform: uppercase;
  font-size: 15.75px;
}
.c-sf-scroll-menu .c-sf-scroll-menu__link-daimler:hover, .c-sf-scroll-menu .c-sf-scroll-menu__link-daimler:focus {
  text-shadow: 0px 0px 1px #005478;
}

.c-sf-header-logo {
  position: absolute;
  top: calc(var(--Baseline) * 2.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and ( min-width: 768px ) {
  .c-sf-header-logo {
    top: calc(var(--Baseline) * 3.75);
  }
}
.c-sf-header-logo .c-sf-header-logo__image {
  height: calc(var(--Baseline) * 3);
  width: auto;
}
@media screen and (min-width: 768px) {
  .c-sf-header-logo .c-sf-header-logo__image {
    height: calc(var(--Baseline) * 5);
  }
}
.c-sf-header-logo .c-sf-header-logo__image.c-sf-header-logo__image--white {
  height: calc(var(--Baseline) * 6);
  filter: brightness(0) invert(1);
}

.c-sf-hero {
  margin-top: 0px;
  height: calc(100vh - var(--Baseline) * 12);
  position: relative;
  background-image: url('../images/sales-funnel-hero.jpg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
}
@media screen and ( min-width: 768px ) {
  .c-sf-hero {
    margin-top: calc(var(--Baseline) * 12);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0px), 0 100%);
  }
}
.c-sf-hero .c-sf-hero__video-bg {
  position: absolute;
  z-index: -2;
  top: 0%;
  width: auto;
  height: auto;
  display: block;
  min-width: 100%;
  min-height: calc(100vh - 60px);
}
.c-sf-hero .c-sf-hero__content {
  padding-top: 60px;
  height: 100%;
  max-width: 1320px;
  align-items: center;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 1352px) {
  .c-sf-hero .c-sf-hero__content {
    margin: 0 300px;
  }
}
.c-sf-hero .c-sf-hero__content > div {
  max-width: 800px;
  position: absolute;
  bottom: 128px;
  padding-right: calc(var(--Baseline) * 3);
}
@media screen and (max-width: 1351px) {
  .c-sf-hero .c-sf-hero__content > div {
    padding-left: calc(var(--Baseline) * 3);
  }
}
@media screen and (max-width: 400px) {
  .c-sf-hero .c-sf-hero__content > div {
    bottom: 89px;
  }
}
.c-sf-hero .c-sf-hero__content > div > h1, .c-sf-hero .c-sf-hero__content > div h2 {
  text-shadow: 0px 0px 24px rgba(26, 26, 26, 0.24);
}
.c-sf-hero .c-sf-hero__content > div > h2 {
  line-height: 1.1;
}

#card {
  padding-bottom: 120px;
}

#app {
  padding-top: 40px;
}

#intro {
  padding-left: 24px;
  padding-right: 24px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and ( min-width: 768px ) {
  #intro {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 95vw;
  }
}
@media screen and (min-width: 1000px) {
  #intro {
    max-width: 960px;
  }
}

.c-sf-tiles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 16px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-tiles {
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
  }
}
.c-sf-tiles .c-sf-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.c-sf-tiles .c-sf-tile p {
  display: none;
}
@media screen and ( min-width: 768px ) {
  .c-sf-tiles .c-sf-tile p {
    display: block;
  }
}

.c-sf-section.c-sf-map-graphic {
  background-color: transparent;
  background-image: url('../images/cnfb-map-pois.svg?t=1750145466751');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 400px auto;
  position: relative;
}
@media screen and (max-width: 399px ) {
  .c-sf-section.c-sf-map-graphic {
    background-image: none;
  }
}
@media screen and ( min-width: 400px ) {
  .c-sf-section.c-sf-map-graphic {
    background-image: none;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic {
    background-image: url('../images/cnfb-map-pois.svg?t=1750145466751');
    background-size: 50% auto;
    background-position: left 50px center;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-section.c-sf-map-graphic {
    background-size: 45% auto;
    background-position: left 100px center;
  }
}
@media screen and ( min-width: 1800px ) {
  .c-sf-section.c-sf-map-graphic {
    background-size: 700px auto;
    background-position: calc(50% - 300px) center;
  }
}
.c-sf-section.c-sf-map-graphic .c-sf-map-graphic__container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 399px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and ( min-width: 400px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__container {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__container {
    padding: 0 calc(var(--Baseline) * 5) 0 0;
    height: 65vw;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__container {
    max-width: 1352px;
    max-height: 1000px;
    margin: auto;
  }
}
.c-sf-section.c-sf-map-graphic .c-sf-map-graphic__content {
  padding-top: 10%;
  text-align: center;
  width: 400px;
  flex: 0 0 400px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__content {
    width: 500px;
    flex: 0 0 500px;
  }
}
.c-sf-section.c-sf-map-graphic .c-sf-map-graphic__image_container {
  width: 400px;
  flex: 0 0 400px;
  height: 400px;
  display: none;
}
@media screen and (max-width: 399px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__image_container {
    display: flex;
  }
}
@media screen and ( min-width: 400px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__image_container {
    display: flex;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic .c-sf-map-graphic__image_container {
    display: none;
  }
}
.c-sf-section.c-sf-map-graphic .c-sf-map-graphic__image_container .c-sf-map-graphic__image {
  height: 400px;
  width: 100%;
  margin: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  transform: translateX(12%);
  background-color: transparent;
  background-image: url('../images/cnfb-map-pois.svg?t=1750145466751');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.c-sf-section.c-sf-map-graphic a:not(.c-button) {
  color: #001E3E;
}
.c-sf-section.c-sf-map-graphic a:not(.c-button):hover {
  color: #faa000;
}

.c-sf-section.c-sf-map-graphic-daimler {
  background-color: transparent;
  background-image: url('../images/cnfb-map-pois-daimler.svg?t=1750145466751');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 400px auto;
  position: relative;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic-daimler {
    background-size: 50% auto;
    background-position: left 50px center;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-section.c-sf-map-graphic-daimler {
    background-size: 45% auto;
    background-position: left 100px center;
  }
}
@media screen and ( min-width: 1800px ) {
  .c-sf-section.c-sf-map-graphic-daimler {
    background-size: 700px auto;
    background-position: calc(50% - 300px) center;
  }
}
.c-sf-section.c-sf-map-graphic-daimler .c-sf-map-graphic__container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic-daimler .c-sf-map-graphic__container {
    padding: 0 calc(var(--Baseline) * 5) 0 0;
    height: 65vw;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-section.c-sf-map-graphic-daimler .c-sf-map-graphic__container {
    max-width: 1352px;
    max-height: 1000px;
    margin: auto;
  }
}
.c-sf-section.c-sf-map-graphic-daimler .c-sf-map-graphic__content {
  padding-top: 10%;
  text-align: center;
  width: 400px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-map-graphic-daimler .c-sf-map-graphic__content {
    width: 500px;
  }
}
.c-sf-section.c-sf-map-graphic-daimler a:not(.c-button) {
  color: #001e3e;
}
.c-sf-section.c-sf-map-graphic-daimler a:not(.c-button):hover {
  color: #faa000;
}

.c-sf-section {
  padding: 56px 0px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section {
    padding: 120px 0px;
  }
}
.c-sf-section.c-sf-section--blue-light {
  background-color: #eaf1f5;
  clip-path: polygon(0 calc(0% + 0px), 100% 0, 100% 100%, 0 calc(100% - 0px));
}
.c-sf-section.c-sf-section--grey-light-daimler {
  background-color: #f8f8f8;
  clip-path: polygon(0 calc(0% + 0px), 100% 0, 100% 100%, 0 calc(100% - 0px));
}
.c-sf-section.c-sf-section--blue {
  background-color: #005478;
  background-image: url('../images/sf-map-bg.png?t=1750145466751');
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  clip-path: polygon(0 calc(0% + 0px), 100% 0, 100% 100%, 0 calc(100% - 0px));
}

.c-sf-section--header {
  margin-bottom: 80px;
}

.u-sf-icon {
  height: calc(var(--Baseline) * 14);
}
@media screen and (max-width: 399px ) {
  .u-sf-icon {
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 399px ) {
  .u-sf-container {
    margin-bottom: calc(var(--Baseline) * 6);
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 399px ) {
  .u-sf-text-container {
    flex: 1 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-left: calc(var(--Baseline) * 3);
  }
}
.u-sf-text-container h3 {
  font-weight: 500;
  font-size: calc(var(--Baseline) * 3);
}
.u-sf-text-container p {
  color: #001E3E;
  opacity: 0.62;
  font-size: 18px;
}

.u-sf-features-icon {
  height: calc(var(--Baseline) * 4);
  fill: #005478;
}

.u-sf-grow {
  flex: 1 0 auto;
}

.u-sf-fbox {
  margin-bottom: calc(var(--Baseline) * 4);
  flex: 0 1 100%;
}
@media screen and ( min-width: 768px ) {
  .u-sf-fbox {
    margin-bottom: 0;
  }
}

.c-sf-features__container {
  display: flex;
  margin-bottom: calc(var(--Baseline) * 6);
  flex-direction: column;
}
@media screen and (min-width: 1000px) {
  .c-sf-features__container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 0;
  }
}

.c-button-faq {
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  color: #005478;
  border: 2px solid #005478;
  border-radius: 8px;
  background-color: transparent;
}

.c-sf-faq__container {
  gap: 40px;
  display: flex;
  grid-column: content;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.c-sf-faq__content {
  max-width: 704px;
}

.c-sf-faq__header {
  font-weight: 700;
  font-size: 52px;
  align-self: stretch;
  color: #005478;
  padding-top: 16px;
}

.c-sf-fbox--features--faq {
  display: flex;
  flex-direction: column;
  flex: 0 1 25%;
  border-bottom: 1px solid #99bac9;
  color: #001E3E;
  text-align: left;
  align-self: stretch;
}
.c-sf-fbox--features--faq .c-sf-fbox--features--faq--header {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 16px 0;
}
.c-sf-fbox--features--faq .c-sf-fbox--features__faq--answer {
  display: none;
}
.c-sf-fbox--features--faq .c-sf-fbox--features__faq--title {
  font-weight: 500;
  font-size: 18px;
  flex-grow: 1;
  line-height: 130%;
}
.c-sf-fbox--features--faq .c-sf-fbox--features__faq--answer {
  font-weight: 400;
  font-size: 15px;
}
.c-sf-fbox--features--faq .c-sf-fbox--features__faq--answer > ul {
  list-style-position: inside;
}
.c-sf-fbox--features--faq.open {
  padding-bottom: 16px;
}
.c-sf-fbox--features--faq.open .c-sf-fbox--features__toggle--faq {
  background-image: url('../images/ui_chevron-up.svg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
}
.c-sf-fbox--features--faq.open .c-sf-fbox--features__faq--answer {
  display: block;
}
.c-sf-fbox--features--faq .c-sf-fbox--features__toggle--faq {
  border-bottom: none;
  height: 20px;
  width: 20px;
  max-width: 20px;
  max-height: 20px;
  background-image: url('../images/ui_chevron-down.svg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
}

.c-sf-fbox {
  flex: 0 1 100%;
}
@media screen and ( min-width: 768px ) {
  .c-sf-fbox.c-sf-fbox--features {
    flex: 0 1 25%;
    padding-left: calc(var(--Baseline) * 4);
  }
}
@media screen and (max-width: 999px) {
  .c-sf-fbox.c-sf-fbox--features {
    border-top: 1px solid #99bac9;
    padding: 16px 0;
  }
  .c-sf-fbox.c-sf-fbox--features:last-child {
    border-bottom: 1px solid #99bac9;
    padding-bottom: 16px;
  }
  .c-sf-fbox.c-sf-fbox--features > p {
    display: none;
  }
  .c-sf-fbox.c-sf-fbox--features.open .c-sf-fbox--features__header {
    padding-bottom: calc(var(--Baseline) * 2);
  }
  .c-sf-fbox.c-sf-fbox--features.open .c-sf-fbox--features__toggle {
    background-image: url('../images/ui_minus.svg?t=1750145466751');
    background-repeat: no-repeat;
    background-position: center;
  }
  .c-sf-fbox.c-sf-fbox--features.open > p {
    display: block;
  }
}
.c-sf-fbox .c-sf-fbox--features__header {
  display: flex;
  justify-content: space-between;
  padding-right: 8px;
  align-items: center;
}
.c-sf-fbox .c-sf-fbox--features__header .c-sf-fbox--features__title {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (min-width: 1000px) {
  .c-sf-fbox .c-sf-fbox--features__header .c-sf-fbox--features__title {
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
  }
}
.c-sf-fbox .c-sf-fbox--features__header .c-sf-fbox--features__toggle {
  height: 20px;
  width: 20px;
  background-image: url('../images/ui_plus.svg?t=1750145466751');
}
@media screen and (min-width: 1000px) {
  .c-sf-fbox .c-sf-fbox--features__header .c-sf-fbox--features__toggle {
    display: none;
  }
}

.c-sf-stats {
  position: relative;
  padding: 0 40px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stats {
    min-height: 640px;
    padding: 0;
  }
}

.c-sf-stat-box {
  margin-bottom: 40px;
  display: flex;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box {
    align-items: flex-start;
    position: absolute;
  }
}
.c-sf-stat-box > div {
  display: flex;
  flex-direction: column-reverse;
}
.c-sf-stat-box .c-sf-stat-box__icon {
  margin-right: calc(var(--Baseline) * 5);
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--first {
    top: 15px;
    left: 29%;
  }
}
.c-sf-stat-box.c-sf-stat-box--first .c-sf-stat-box__icon {
  width: 120px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--first .c-sf-stat-box__icon {
    width: 160px;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--first > div {
    transform: translate(0, 10px);
  }
}
.c-sf-stat-box.c-sf-stat-box--second {
  justify-content: flex-end;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--second {
    right: 10%;
    top: 180px;
  }
}
.c-sf-stat-box.c-sf-stat-box--second .c-sf-stat-box__icon {
  width: 50px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--second .c-sf-stat-box__icon {
    width: 72px;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--second > div {
    transform: translate(0, 10px);
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--third {
    left: 8%;
    top: 310px;
  }
}
.c-sf-stat-box.c-sf-stat-box--third .c-sf-stat-box__icon {
  width: 80px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--third .c-sf-stat-box__icon {
    width: 120px;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--third > div {
    transform: translate(-60px, 110px);
  }
}
.c-sf-stat-box.c-sf-stat-box--four {
  justify-content: flex-end;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--four {
    left: 47%;
    top: 440px;
  }
}
.c-sf-stat-box.c-sf-stat-box--four .c-sf-stat-box__icon {
  width: 120px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--four .c-sf-stat-box__icon {
    width: 209px;
  }
}
@media screen and ( min-width: 768px ) {
  .c-sf-stat-box.c-sf-stat-box--four > div {
    transform: translate(-70px, 100px);
  }
}

.c-sf-dcs {
  margin: 0 auto !important;
}

.c-sf-licenses {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 24px;
  gap: 80px;
  max-width: 100%;
}
.c-sf-licenses > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-sf-licenses > div > p {
  max-width: 736px;
}
@media screen and ( min-width: 768px ) {
  .c-sf-licenses {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-sf-licenses .c-sf-licenses__information {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 32px;
  justify-content: center;
  align-items: stretch;
}
@media screen and ( max-width: 999px ) {
  .c-sf-licenses .c-sf-licenses__information {
    flex-direction: column;
  }
}
.c-sf-licenses .c-sf-licenses__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 48px 0px 48px;
  gap: 40px;
  width: 568px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0px 0px 24px 0px rgba(26, 26, 26, 0.1);
}
@media screen and ( max-width: 999px ) {
  .c-sf-licenses .c-sf-licenses__col {
    padding: 48px 24px 0;
    width: 100%;
  }
}
.c-sf-licenses .c-sf-licenses__col.highlight {
  border: 4px solid #FA8D2B;
}
.c-sf-licenses .c-sf-licenses__col.highlight > div > h2 {
  color: #faa000;
}
.c-sf-licenses .c-sf-licenses__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  height: 100%;
}
.c-sf-licenses .c-sf-licenses__body-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  margin-bottom: 32px;
}
.c-sf-licenses .c-sf-licenses__button-section {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: auto;
  height: 100%;
  justify-content: flex-end;
}
@media screen and (max-width: 999px) {
  .c-sf-licenses .c-sf-licenses__button-section {
    width: 100%;
  }
  .c-sf-licenses .c-sf-licenses__button-section > button {
    width: 100%;
  }
}
.c-sf-licenses .c-sf-licenses__custom-work-home {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 16px;
  width: 100%;
  justify-content: space-evenly;
}
.c-sf-licenses .c-sf-licenses__custom-work-home-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 25px;
  gap: 10px;
  background: #f8fafb;
  height: 94px;
}
@media screen and (min-width: 1217px) {
  .c-sf-licenses .c-sf-licenses__custom-work-home-card {
    width: 228px;
  }
}
.c-sf-licenses .c-sf-licenses__icon {
  width: 120px;
}
.c-sf-licenses .c-sf-licenses__small-icon {
  width: 24px;
}
.c-sf-licenses .c-sf-licenses__footnote a {
  color: #007aae;
}

.c-sf-license__head-sub {
  color: #005478;
  opacity: 0.6;
}

.c-sf-licenses__price-item {
  display: flex;
  flex-direction: column;
  font-size: 17.72px;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
  background-color: #F8FAFB;
  padding: 16px 0;
  border-radius: 8px;
}

.c-sf-licenses__price-item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px;
}
.c-sf-licenses__price-item-info > div {
  white-space: nowrap;
}

.c-sf-licenses__price-item-value {
  font-weight: 700;
  font-size: 24px;
  color: #005478;
}

.c-sf-licenses__price-item-tax {
  font-size: 12px;
  color: #001e3e;
  opacity: 0.62;
}

.c-sf-licenses__price-item-info-text {
  color: #001e3e;
  opacity: 0.62;
  font-size: 12px;
}

.c-cards-pricelist_container {
  gap: 8px;
}

@media screen and ( min-width: 768px ) {
  .c-sf-packages {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-sf-packages .c-sf-packages__icon {
  width: 112px;
}
.c-sf-packages .c-sf-packages__icon-daimler {
  width: 112px;
  padding-left: 20px;
}
.c-sf-packages .c-sf-packages__name {
  margin-left: calc(var(--Baseline) * 2);
  display: flex;
  flex-direction: column;
}
.c-sf-packages .c-sf-packages__col {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline) * 4);
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #eaf1f5;
}
@media screen and ( min-width: 768px ) {
  .c-sf-packages .c-sf-packages__col {
    flex: 0 1 calc(50% - var(--Baseline) * 2);
  }
  .c-sf-packages .c-sf-packages__col:first-child {
    margin-right: calc(var(--Baseline) * 4);
  }
}
@media screen and ( min-width: 1000px ) {
  .c-sf-packages .c-sf-packages__col {
    margin-bottom: 0;
    flex: 0 1 calc(33.3% - var(--Baseline) * 3);
  }
  .c-sf-packages .c-sf-packages__col:first-child {
    margin-right: 0;
  }
  .c-sf-packages .c-sf-packages__col:not(:first-child) {
    margin-left: calc(var(--Baseline) * 4);
  }
}
.c-sf-packages .c-sf-packages__col.c-sf-packages__col--50 {
  border-color: #cbd2dc;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-packages .c-sf-packages__col.c-sf-packages__col--50 {
    flex: 0 1 calc(50% - var(--Baseline) * 2);
  }
}
.c-sf-packages .c-sf-packages__col h2 > small {
  color: rgba(0, 30, 62, 0.4);
}
.c-sf-packages .c-sf-packages__col-daimler {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline) * 4);
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  border: 1px solid #00677f;
}
@media screen and ( min-width: 768px ) {
  .c-sf-packages .c-sf-packages__col-daimler {
    flex: 0 1 calc(50% - var(--Baseline) * 2);
  }
}
@media screen and ( min-width: 1000px ) {
  .c-sf-packages .c-sf-packages__col-daimler {
    margin: 0 auto 0;
    flex: 0 1 calc(33.3% - var(--Baseline) * 3);
  }
}
.c-sf-packages .c-sf-packages__icon {
  fill: #005478;
}
.c-sf-packages .c-sf-packages__body {
  text-align: left;
  color: #001e3e;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.c-sf-packages .c-sf-packages__body > div:last-child {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.c-sf-packages .c-sf-packages__body h3 {
  font-weight: bold;
}

.c-sf-list.c-sf-list--account li {
  font-size: 14px;
}
.c-sf-list li {
  display: flex;
  align-items: flex-start;
  font-size: 17.72px;
}
.c-sf-list li:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-sf-list li > svg {
  margin-right: calc(var(--Baseline) / 2);
  flex: 0 0 auto;
}
.c-sf-list svg.u-width-x3 {
  fill: #001e3e;
}
.c-sf-list a {
  text-decoration: underline;
}
.c-sf-list a:not(:hover) {
  color: #001e3e;
}
.c-sf-list.c-sf-list--su a {
  text-decoration: underline;
}
.c-sf-list.c-sf-list--su a:not(:hover) {
  color: #005478;
}
.c-sf-list.c-sf-list--su .c-sf-soon {
  background-color: #ccdde4;
  color: #001e3e;
}

.c-sf-pricelist .c-sf-pricelist__item {
  font-size: inherit;
  display: flex;
  align-items: flex-start;
}
.c-sf-pricelist .c-sf-pricelist__item.c-sf-pricelist__item--account:not(:last-child) {
  border-bottom: 0;
  padding-bottom: 0;
}
.c-sf-pricelist .c-sf-pricelist__item:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
}
.c-sf-pricelist .c-sf-pricelist__head {
  flex: 1 1 auto;
}
.c-sf-pricelist .c-sf-pricelist__name {
  font-weight: normal;
  display: flex;
}
.c-sf-pricelist .c-sf-pricelist__small {
  font-size: 12px;
  color: rgba(0, 30, 62, 0.62);
}

.c-sf-gr-box {
  background-color: #f7f9fb;
}

.c-sf-fleet-size {
  padding: var(--Baseline) calc(var(--Baseline) * 2);
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-sf-fleet-size:focus {
  border: 1px solid #000;
}
.c-sf-fleet-size .c-input-group {
  width: 130px;
}
.c-sf-fleet-size * {
  border-radius: 0 !important;
  border-color: #ccdde4 !important;
}

.c-idm-footer {
  padding: calc(var(--Baseline) * 3);
}
@media screen and ( max-width: 1351px ) {
  .c-idm-footer {
    border-top: 2px solid #eaf1f5;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-idm-footer a {
    text-decoration: underline;
  }
}
.c-idm-footer a:not(:hover) {
  color: #001e3e;
}

.c-sf-soon {
  padding: 0 calc(var(--Baseline) * 1);
  font-size: 12px;
  border-radius: 30px;
  background-color: #001e3e;
  color: #fff;
  white-space: nowrap;
}

.no-scroll .c-sf-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.contact-dialog {
  padding: 0;
  width: 600px;
}
@media screen and (max-width: 999px) {
  .contact-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
  }
}
.contact-dialog .contact-dialog__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.contact-error-dialog {
  padding: 0;
  width: 600px;
}
@media screen and (max-width: 999px) {
  .contact-error-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
  }
}

.contact-success-dialog {
  padding: 0;
  width: 600px;
}
@media screen and (max-width: 999px) {
  .contact-success-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
  }
}

.get-in-touch-email-dialog {
  padding: 0;
  width: 600px;
}
@media screen and (max-width: 999px) {
  .get-in-touch-email-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
  }
}

.c-sf-modal.c-sf-modal--shown {
  z-index: 1050;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.2s ease-in 0.1s, transform 0.2s ease-in;
  position: fixed;
}
.c-sf-modal .c-sf-modal--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 31px;
}
@media screen and ( min-width: 400px ) {
  .c-sf-modal .c-sf-modal--title > svg {
    display: none;
  }
}
.c-sf-modal .c-sf-modal__dialog {
  width: 600px;
  background-color: #fff;
  border-radius: 8px;
}
.c-sf-modal .c-sf-modal__dialog.c-sf-modal--response {
  margin: auto !important;
  width: 100%;
}
.c-sf-modal .c-sf-modal__dialog.c-sf-modal--full-height {
  height: 100%;
}
@media screen and ( min-width: 400px ) {
  .c-sf-modal .c-sf-modal__dialog.c-sf-modal--full-height {
    height: auto;
  }
}
@media screen and (max-width: 999px) {
  .c-sf-modal .c-sf-modal__dialog {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 399px ) {
  .c-sf-modal .c-sf-modal__dialog {
    height: 100%;
    margin: 0;
    overflow: auto;
  }
}
.c-sf-modal .c-sf-modal__body {
  padding: calc(var(--Baseline) * 3);
}
@media screen and ( min-width: 400px ) {
  .c-sf-modal .c-sf-modal__body {
    padding: calc(var(--Baseline) * 6);
  }
}
.c-sf-modal .c-sf-modal__body.c-sf-modal--full-height {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and ( min-width: 400px ) {
  .c-sf-modal .c-sf-modal__body.c-sf-modal--full-height {
    height: auto;
  }
}
.c-sf-modal .c-sf-modal__message {
  flex: 1;
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.c-sf-modal .c-sf-modal__button-container {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--Baseline) * 3);
}
.c-sf-modal .c-sf-modal__button {
  max-width: 100%;
  overflow: hidden;
}

.c-sf-modal-title-container {
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.c-sf-modal-title-container .c-sf-modal--title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
}
@media screen and ( min-width: 400px ) {
  .c-sf-modal-title-container .c-sf-modal--title > svg {
    display: none;
  }
}

.c-sf-modal-contact-close {
  right: 48px;
  position: absolute;
}

.c-sf-modal__body-content {
  gap: 48px;
  display: flex;
  flex-direction: column;
}

.c-sf-modal--full-height {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.c-sf-modal__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.c-sf-modal__content_message {
  font-size: 18px;
  text-align: center;
  line-height: 130%;
}

.c-sf-modal__header_title {
  color: #005478;
  line-height: 130%;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}

.c-sf-modal-portal {
  left: 40%;
  top: 20%;
}
@media screen and ( max-width: 999px ) {
  .c-sf-modal-portal {
    top: 0;
  }
}
.c-sf-modal-portal .c-sf-modal__body > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-sf-modal--success circle {
  fill: #76B1A7;
}

.c-sf-modal--error circle {
  fill: #ed6b77;
}

.c-sf-modal--svg-remove {
  cursor: pointer;
}
.c-sf-modal--svg-remove path {
  fill: #005478;
}

.c-sf-attachments {
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 8px;
}
.c-sf-attachments > .c-sf-attachment {
  padding: 0px;
  width: 100%;
  align-items: center;
  display: flex;
}
.c-sf-attachments > .c-sf-attachment > .c-sf-attachment--file {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-sf-attachments .c-sf-attachments--add {
  display: flex;
  align-items: center;
  padding: 0px;
  gap: 8px;
}
.c-sf-attachments .c-sf-attachment--button {
  display: flex;
  align-items: center;
  padding: 7px 12px;
  height: 32px;
  background: white;
  border: 2px solid #EAF1F5;
  font-weight: 700;
  color: #005478;
}
.c-sf-attachments .c-sf-attachment--button:hover {
  border: 2px solid #005478;
}

.c-sf-modal--buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 24px;
  width: 100%;
}
.c-sf-modal--buttons > .c-button {
  align-self: stretch;
  flex-grow: 1;
}
@media screen and (min-width: 1000px) {
  .c-sf-modal--buttons {
    flex-direction: row;
  }
  .c-sf-modal--buttons > .c-button {
    align-self: inherit;
  }
}

.c-sf-cookie-header {
  padding-bottom: calc(var(--Baseline) * 2);
  font-size: calc(var(--Baseline) * 3);
}

.c-sf-cookie-content {
  font-size: calc(var(--Baseline) * 2);
}

.c-sf-cookie-line {
  border: 1px solid #edf1f5;
}

.c-sf-cookie-content p {
  margin-top: calc(var(--Baseline) * 2);
  height: 283px;
  overflow: auto;
  -webkit-mask-image: linear-gradient(black 0%, black 93%, transparent 100%);
          mask-image: linear-gradient(black 0%, black 93%, transparent 100%);
}
@media (max-width: 536px) {
  .c-sf-cookie-content p {
    height: 70vh;
  }
}

.c-sf-cookie-content p::-webkit-scrollbar {
  display: none;
}

.c-sf-modal-cookie {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  z-index: -5;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.2s ease-in 0.1s, transform 0.2s ease-in, z-index 0s linear 0.3s;
}
.c-sf-modal-cookie.c-sf-modal-cookie--shown {
  z-index: 1050;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.2s ease-in 0.1s, transform 0.2s ease-in;
}
.c-sf-modal-cookie .c-sf-modal-cookie__dialog {
  max-width: 600px;
  margin: calc(var(--Baseline) * 4) auto;
  background-color: #fff;
}
.c-sf-modal-cookie .c-sf-modal-cookie__header {
  display: flex;
  justify-content: space-between;
  color: #001e3e;
}
.c-sf-modal-cookie .c-sf-modal-cookie__body {
  padding: calc(var(--Baseline) * 4);
  height: 536px;
  max-width: 536px;
}
@media (max-width: 536px) {
  .c-sf-modal-cookie .c-sf-modal-cookie__body {
    height: 100vh;
  }
}
.c-sf-modal-cookie .c-sf-modal-cookie__dialog {
  max-width: 740px;
  margin: auto auto;
  background-color: #fff;
}

dialog::modal {
  max-width: 536px;
  border: none;
  padding: calc(var(--Baseline) * 4);
}
@media screen and (max-width: 535px) {
  dialog::modal {
    height: 100vh;
  }
}

.c-modal-cookie__dialog {
  border: none;
  padding: calc(var(--Baseline) * 4);
  height: 536px;
  width: 536px;
}
@media screen and (max-width: 535px) {
  .c-modal-cookie__dialog {
    margin: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
  }
}
.c-modal-cookie__dialog .c-modal-cookie__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.c-modal-cookie__dialog .c-modal-cookie__body .c-modal-cookie__header {
  font-size: 24px;
  margin-bottom: 16px;
  text-transform: uppercase;
  color: #001e3e;
  word-wrap: break-word;
}
.c-modal-cookie__dialog .c-modal-cookie__body .c-modal-cookie__content {
  font-size: 16px;
  padding-top: calc(var(--Baseline) * 2);
  border-top: 2px solid #edf1f5;
  overflow-y: scroll;
  -webkit-mask-image: linear-gradient(black 0%, black 93%, transparent 100%);
          mask-image: linear-gradient(black 0%, black 93%, transparent 100%);
}
.c-modal-cookie__dialog .c-modal-cookie__body .c-modal-cookie__content > p {
  height: 67vh;
}
.c-modal-cookie__dialog .c-modal-cookie__body .c-modal-cookie__buttons {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 2);
  margin-top: calc(var(--Baseline) * 2);
  height: -moz-fit-content;
  height: fit-content;
}
.c-modal-cookie__dialog .c-modal-cookie__body .c-modal-cookie__buttons > button {
  width: 100%;
}

.c-sf-modal-cookie__accept {
  margin-top: calc(var(--Baseline) * 2);
  margin-bottom: calc(var(--Baseline) * 2);
  width: 100%;
}

.c-sf-modal-cookie__decline {
  width: 100%;
}

.c-sf-rnb {
  max-width: 500px !important;
  font-family: "YourNow", serif;
}
@media screen and (max-width: 399px ) {
  .c-sf-rnb {
    margin: 0;
    max-width: none !important;
  }
}

.c-sf-rnb-address-validation-button {
  line-height: 1 !important;
}

.c-sf-rnb-modal {
  top: 30%;
}
@media screen and ( max-width: 999px ) {
  .c-sf-rnb-modal {
    top: 0;
  }
}
.c-sf-rnb-modal .c-sf-modal__body > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-sf-backdrop::before {
  content: "";
  display: block;
  background-color: rgba(0, 30, 62, 0.4);
  opacity: 0;
  z-index: -3;
  transition: opacity 200ms ease-in-out, z-index 10ms linear 200ms;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-sf-backdrop.shown::before {
  transition: opacity 200ms ease-in-out;
  opacity: 1;
  z-index: 11;
}

.c-sf-avatar {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.c-sf-avatar img {
  width: auto;
  height: 64px;
}

.owl-screens .owl-item {
  height: 568px !important;
}
@media screen and (max-width: 999px) {
  .owl-screens .owl-item {
    height: 390px !important;
  }
}
.owl-screens .owl-item.active > img {
  opacity: 1 !important;
}

.owl-theme .owl-nav .owl-prev:hover {
  background-image: url(../images/chevron_single-left.svg?t=1694091816530);
  background-color: #fff;
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.owl-theme .owl-nav .owl-next:hover {
  background-image: url(../images/chevron_single-right.svg?t=1694091816530);
  background-color: #fff;
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.c-sf-mobile-app {
  padding: calc(var(--Baseline) * 3) calc(var(--Baseline) * 2);
}
@media screen and ( max-width: 999px ) {
  .c-sf-mobile-app {
    padding-bottom: 0;
  }
}
@media screen and ( min-width: 1000px ) {
  .c-sf-mobile-app {
    padding: calc(var(--Baseline) * 3) 0;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and ( min-width: 1352px ) {
  .c-sf-mobile-app {
    flex-wrap: nowrap;
  }
}
.c-sf-mobile-app .o-type-11 {
  line-height: 1.1;
}
.c-sf-mobile-app .o-type-4 {
  line-height: 1.3;
}
.c-sf-mobile-app .c-sf-mobile-app__content {
  margin-bottom: calc(var(--Baseline) * 6);
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__content {
    margin-bottom: calc(var(--Baseline) * 8);
    margin-right: 0;
    padding-right: calc(var(--Baseline) * 25);
    margin-bottom: 0;
    flex-basis: calc(var(--Baseline) * 86);
  }
}
@media screen and (max-width: 399px ) {
  .c-sf-mobile-app .c-sf-mobile-app__content .c-button--sf-primary {
    font-size: 14px;
    width: 100%;
  }
}
.c-sf-mobile-app .c-sf-mobile-app__cover {
  position: absolute;
  top: 14px;
  left: 18px;
  z-index: 3;
  width: 220px;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__cover {
    left: 25px;
    top: 18px;
    width: 320px;
  }
}
@media screen and ( max-width: 999px ) {
  .c-sf-mobile-app .c-sf-mobile-app__cover {
    left: calc(50% - 124px);
    z-index: 0;
  }
}
.c-sf-mobile-app .c-sf-mobile-app__cover img {
  margin-left: calc(var(--Baseline) * 4);
  position: absolute;
  top: 0;
  width: 185px;
  height: auto;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__cover img {
    width: 269px;
    margin-left: 0;
  }
}
.c-sf-mobile-app .c-sf-mobile-app__phone {
  position: relative;
  flex: 1 0 auto;
}
.c-sf-mobile-app .c-sf-mobile-app__phone > img {
  margin-left: calc(var(--Baseline) * 4);
  position: relative;
  width: 220px;
  height: auto;
  z-index: 2;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__phone > img {
    width: 320px;
    margin-left: 0;
  }
}
@media screen and ( max-width: 999px ) {
  .c-sf-mobile-app .c-sf-mobile-app__phone > img {
    margin-left: calc(50% - 110px);
  }
}
@media screen and (max-width: 999px) {
  .c-sf-mobile-app .c-sf-mobile-app__phone {
    flex: 0 1 60%;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 1000px) {
  .c-sf-mobile-app .c-sf-mobile-app__phone {
    flex: 1 0 auto;
    margin-top: 0;
    margin-right: 0;
  }
  .c-sf-mobile-app .c-sf-mobile-app__phone::before {
    content: "";
    position: absolute;
    width: calc(var(--Baseline) * 30);
    height: calc(var(--Baseline) * 30);
    z-index: 0;
    top: 50%;
    left: 0;
    transform: rotate(3deg) translate(calc(var(--Baseline) * 2), -50%);
    background: #faa000;
    border-radius: 56px;
  }
}
@media screen and (min-width: 1000px) and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__phone::before {
    width: calc(var(--Baseline) * 42);
    height: calc(var(--Baseline) * 42);
    left: 130px;
    transform: rotate(3deg) translate(-54%, -50%);
  }
}
@media screen and (min-width: 1000px) {
  .c-sf-mobile-app .c-sf-mobile-app__phone::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 400px;
    height: 350px;
    left: 180px;
    top: 30px;
    border-radius: 64px;
    background-color: #EAF1F5;
    transform: rotate(3deg);
  }
}
@media screen and (min-width: 1000px) and ( min-width: 768px ) {
  .c-sf-mobile-app .c-sf-mobile-app__phone::after {
    width: 460px;
    height: 420px;
  }
}
@media screen and (min-width: 1000px) and ( min-width: 1000px ) {
  .c-sf-mobile-app .c-sf-mobile-app__phone::after {
    width: 602px;
    height: 474px;
    left: 50px;
    top: 100px;
  }
}
.c-sf-mobile-app .c-sf-mobile-app__buttons {
  margin-top: calc(var(--Baseline) * 2);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: calc(var(--Baseline) * 2);
}
@media screen and ( max-width: 999px ) {
  .c-sf-mobile-app .c-sf-mobile-app__buttons > *:last-child {
    margin-bottom: calc(var(--Baseline) * 2);
  }
}
@media screen and (max-width: 399px ) {
  .c-sf-mobile-app .c-sf-mobile-app__buttons > *:not(:last-child) {
    width: 100%;
  }
}
@media screen and ( min-width: 400px ) {
  .c-sf-mobile-app .c-sf-mobile-app__buttons > *:not(:last-child) {
    margin-right: calc(var(--Baseline) * 2);
  }
}
@media screen and ( max-width: 999px ) {
  .c-sf-mobile-app .c-sf-mobile-app__buttons > *:not(:last-child) {
    margin-bottom: calc(var(--Baseline) * 2);
  }
}
.c-sf-mobile-app .app-badge-apple {
  background-image: url('../images/app_store_apple.svg?t=1750145466751');
  width: 120px;
  height: 40px;
}
.c-sf-mobile-app .app-badge-google {
  background-image: url('../images/app_store_google.svg?t=1750145466751');
  width: 135px;
  height: 40px;
}

.c-sf-carousel {
  position: relative;
  width: 100%;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-carousel {
    position: absolute;
    z-index: 3;
    width: 580px;
    height: 500px;
    left: 70px;
    top: 90px;
    padding-left: 300px;
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
.c-sf-carousel .c-sf-carousel__wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.c-sf-carousel .c-sf-carousel__root {
  width: 250px;
}
@media screen and ( max-width: 999px ) {
  .c-sf-carousel .c-sf-carousel__root {
    display: none;
    margin: 0;
  }
}
.c-sf-carousel .c-sf-carousel__item {
  float: left;
  width: 250px;
}
@media screen and ( max-width: 999px ) {
  .c-sf-carousel .c-sf-carousel__item {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 24px;
  }
}
.c-sf-carousel .c-sf-carousel__item .c-sf-carousel__item--title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #005478;
  margin-bottom: 16px;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-carousel .c-sf-carousel__item .c-sf-carousel__item--title {
    font-size: 32px;
  }
}
.c-sf-carousel .c-sf-carousel__item .c-sf-carousel__item--text {
  font-size: 18px;
  color: #001e3e;
}
@media screen and ( min-width: 1000px ) {
  .c-sf-carousel .c-sf-carousel__item .c-sf-carousel__item--text {
    font-size: 22px;
  }
}
.c-sf-carousel .owl-nav {
  margin-top: calc(var(--Baseline) * 6);
}
.c-sf-carousel .owl-nav button.owl-prev,
.c-sf-carousel .owl-nav button.owl-next {
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  overflow: hidden;
  color: #005478;
  font-size: 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 16px;
  border-radius: 8px;
}
.c-sf-carousel .owl-nav button.owl-prev span,
.c-sf-carousel .owl-nav button.owl-next span {
  display: none;
}
.c-sf-carousel .owl-nav button.owl-prev {
  background-image: url('../images/chevron_single-left.svg?t=1750145466751');
}
.c-sf-carousel .owl-nav button.owl-next {
  margin-left: calc(var(--Baseline) * 1);
  background-image: url('../images/chevron_single-right.svg?t=1750145466751');
}
@media screen and ( max-width: 999px ) {
  .c-sf-carousel .owl-carousel {
    display: flex !important;
    flex-direction: column;
  }
}

.c-sf-pricelist__price-daimler {
  font-size: 14px;
  text-decoration: line-through;
  color: rgba(0, 30, 62, 0.4);
}

.c-sf-pricelist__price-daimler-discounted {
  font-size: 14px;
  background-color: #00adef;
  color: white;
}

.c-sf-signup {
  padding-top: calc(var(--Baseline) * 10);
  min-height: calc(100vh - var(--Baseline) * 12);
  position: relative;
  background-color: #eaf1f5;
  color: #001e3e;
}
@media screen and (min-width: 768px) {
  .c-sf-signup {
    margin-top: calc(var(--Baseline) * 12);
    padding-bottom: calc(var(--Baseline) * 10);
  }
}
.c-sf-signup .c-sf-signup__pricing {
  max-width: 395px;
}
@media screen and ( max-width: 1351px ) {
  .c-sf-signup .c-sf-signup__pricing {
    padding: calc(var(--Baseline) * 3);
  }
}
.c-sf-signup .c-sf-signup__pricing .c-sf-signup__pricing--header {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 995px) {
  .c-sf-signup .c-sf-signup__pricing .c-sf-signup__pricing--header {
    gap: 24px;
    align-items: center;
    flex-direction: row;
    min-width: 342px;
  }
}
.c-sf-signup .c-sf-signup__pricing .c-sf-pricelist__name,
.c-sf-signup .c-sf-signup__pricing .c-sf-pricelist__price {
  font-size: 17.72px;
}
.c-sf-signup .c-sf-signup__pricing .c-sf-pricelist__item {
  margin-bottom: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
}
.c-sf-signup .c-sf-signup__pricing .c-sf-pricelist__footer {
  color: rgba(0, 30, 62, 0.62);
  font-size: 12px;
}
.c-sf-signup .c-sf-signup__pricing .c-sf-pricelist__footer a {
  color: rgba(0, 30, 62, 0.62);
}
.c-sf-signup a:not(.dcs-button):not([href]) {
  text-decoration: underline;
  color: #005478;
}

.c-sf-signup-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  max-width: 1320px;
  margin: 0 24px 0 24px;
}
@media screen and (max-width: 566px) {
  .c-sf-signup-container {
    margin: auto;
  }
}
@media screen and (min-width: 1352px) {
  .c-sf-signup-container {
    margin: auto;
  }
}
.c-sf-signup-container > tariff-details {
  min-width: 285px;
}
@media screen and (min-width: 996px) {
  .c-sf-signup-container > tariff-details.c-sf-tariff-mobile {
    display: none;
  }
}
@media screen and (max-width: 995px) {
  .c-sf-signup-container > tariff-details.c-sf-tariff-desktop {
    display: none;
  }
}

.c-sf-signup-steps-container {
  background-color: #fff;
  padding: 48px 24px 24px 24px;
}
@media screen and (max-width: 399px ) {
  .c-sf-signup-steps-container {
    min-width: 280px;
  }
}
@media screen and ( min-width: 400px ) {
  .c-sf-signup-steps-container {
    min-width: 380px;
  }
}

.c-sf-signup__steps-nav {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
@media screen and ( max-width: 1351px ) {
  .c-sf-signup__steps-nav {
    flex-direction: column-reverse;
    margin-top: calc(var(--Baseline) * 6);
  }
}

.c-sf-packages__body .svg-info-show,
.c-sf-signup .svg-info-show,
.c-sf-providers .svg-info-show {
  width: calc(var(--Baseline) * 2.5);
}

.svg-info-show-daimler {
  width: calc(var(--Baseline) * 2.5);
  fill: #00677f;
}

.__form-step {
  display: none;
}
.__form-step.__form-step--active {
  display: block;
}
.__form-step .c-toggle-box,
.__form-step .c-toggle-box .c-toggle-box__title,
.__form-step .c-dl .c-dl__term {
  font-size: 15.75px !important;
}

.c-portal-img {
  max-width: 680px;
  height: auto;
  width: 100%;
}

.c-pricing-list {
  background-color: #fff;
}
.c-pricing-list .c-pricing-list__content {
  padding: calc(var(--Baseline) * 10) 0;
}

.c-sf-note-center {
  max-width: 33%;
  padding: 0 calc(var(--Baseline) * 2);
  margin: 0 auto;
}
.c-sf-note-center p:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 2);
}

.c-sf-fields.c-sf-fields--disabled *,
.c-sf-fields.c-sf-fields--disabled .c-sf-label-field .c-sf-label-field__label {
  color: rgba(0, 30, 62, 0.3);
}

.c-sf-label-field__field--select:disabled:active {
  border-color: #ccdde4;
}

.c-sf-label-field__label-daimler {
  color: #004355;
  font-weight: 500;
}

.c-sf-submit-input {
  position: relative;
}
.c-sf-submit-input .c-sf-submit-input__field input {
  padding-right: calc(var(--Baseline) * 13);
}
.c-sf-submit-input .c-sf-submit-input__button {
  position: absolute;
  right: 0;
  bottom: var(--Baseline);
  z-index: 5;
  height: calc(var(--Baseline) * 4);
  line-height: 1;
  font-size: 14px;
}

.c-sf-addons__container {
  display: flex;
  max-width: 1248px;
  align-items: flex-start;
  border: 1px solid #EAF1F5;
  background: #F7F9FB;
  margin: auto;
  margin-top: calc(var(--Baseline) * 10);
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container {
    flex-direction: column;
    width: auto;
    margin-top: calc(var(--Baseline) * 3);
  }
  .c-sf-addons__container.first {
    margin-top: calc(var(--Baseline) * 5);
  }
}
.c-sf-addons__container .c-sf-addons__image-container {
  flex: 0 0 auto;
  width: 522px;
  align-self: stretch;
  display: flex;
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__image-container {
    width: 100%;
    aspect-ratio: 195/83;
  }
}
.c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image {
    flex: 1 0 100%;
  }
}
.c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image.home-charging {
  background: url('../images/sf-addon-home-charging.png?t=1750145466751');
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image.home-charging {
    background: url('../images/sf-addon-home-charging-mobile.png?t=1750145466751');
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image.work-charging {
  background: url('../images/sf-addon-work-charging.png?t=1750145466751');
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__image-container .c-sf-addons__image.work-charging {
    background: url('../images/sf-addon-work-charging-mobile.png?t=1750145466751');
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.c-sf-addons__container .c-sf-addons__content {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  align-self: stretch;
  font-family: "YourNow", sans-serif;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__content {
    padding: calc(var(--Baseline) * 3);
  }
}
.c-sf-addons__container .c-sf-addons__content .header_container {
  color: #005478;
  text-align: left;
  font-size: 31px;
  font-style: normal;
  font-weight: 700;
  line-height: 34.1px;
}
.c-sf-addons__container .c-sf-addons__content .content_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  gap: 16px;
  align-self: stretch;
}
.c-sf-addons__container .c-sf-addons__content .content_container .heading {
  color: #005478;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.c-sf-addons__container .c-sf-addons__content .content_container .content {
  align-self: stretch;
  text-align: start;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.c-sf-addons__container .c-sf-addons__content .content_container .content .text {
  color: #001E3E;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.4px;
}
.c-sf-addons__container .c-sf-addons__content .content_container .c-button--sf-primary {
  text-transform: uppercase;
  height: calc(var(--Baseline) * 6);
  line-height: calc(var(--Baseline) * 3);
  color: #005478;
  padding: calc(var(--Baseline) * 1.5 - 2px) calc(var(--Baseline) * 2.5);
  border: 2px solid #005478;
  background: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}
.c-sf-addons__container .c-sf-addons__content .content_container .c-button--sf-primary:hover {
  background-color: #005478;
  color: #FFF;
}
.c-sf-addons__container .c-sf-addons__content .content_container .hint {
  color: rgba(0, 30, 62, 0.62);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1000px) {
  .c-sf-addons__container .c-sf-addons__content .button_container {
    align-items: stretch;
    text-align: center;
  }
}

.c-sf-footer {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  background-color: white;
  font-size: 15px;
}
@media screen and (max-width: 1000px) {
  .c-sf-footer {
    align-items: flex-start;
  }
}
.c-sf-footer .c-sf-footer-content {
  display: flex;
  width: 1248px;
  padding: 72px 0px 24px 0px;
  align-items: flex-start;
  gap: 40px;
}
@media screen and (max-width: 1000px) {
  .c-sf-footer .c-sf-footer-content {
    width: auto;
    flex-direction: column;
    padding: 72px 24px 24px 24px;
    gap: 32px;
    align-self: stretch;
  }
}
.c-sf-footer .c-sf-footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  color: rgba(0, 30, 62, 0.62);
}
.c-sf-footer .c-sf-footer-column.last {
  max-width: 135px;
  gap: 8px;
}
.c-sf-footer .c-sf-footer-column .caption {
  color: #001e3e;
  font-weight: 500;
}
.c-sf-footer .c-sf-footer-column a {
  color: rgba(0, 30, 62, 0.62);
  text-decoration: none;
}
.c-sf-footer .c-sf-footer-column a:hover {
  color: #1f9dc9;
  text-decoration: none;
}
.c-sf-footer .c-sf-footer-column .app-badge-apple {
  background-image: url('../images/app_store_apple.svg?t=1750145466751');
  width: 120px;
  height: 40px;
}
.c-sf-footer .c-sf-footer-column .app-badge-google {
  background-image: url('../images/app_store_google.svg?t=1750145466751');
  width: 135px;
  height: 40px;
}
.c-sf-footer .c-sf-ui-line {
  display: flex;
  height: 1px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .c-sf-footer .c-sf-ui-line {
    align-self: stretch;
  }
}
.c-sf-footer .c-sf-ui-line > div {
  width: 1248px;
  height: 1px;
  flex-shrink: 0;
  background-color: #D6D9DE;
}
@media screen and (max-width: 1000px) {
  .c-sf-footer .c-sf-ui-line > div {
    width: 100%;
  }
}
.c-sf-footer .c-sf-footer-bottom {
  display: flex;
  width: 1248px;
  padding: 24px 0px;
  justify-content: space-between;
  align-items: flex-start;
  color: rgba(0, 30, 62, 0.62);
}
@media screen and (max-width: 1000px) {
  .c-sf-footer .c-sf-footer-bottom {
    width: 100%;
    padding: 24px;
  }
}
.c-sf-footer .c-sf-footer-bottom .c-sf-footer-buttons {
  display: flex;
  width: 181px;
  height: 19px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
@media screen and (max-width: 1000px) {
  .c-sf-footer .c-sf-footer-bottom .c-sf-footer-buttons {
    width: 0px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
  }
}
.c-sf-footer .c-sf-footer-bottom .c-sf-footer-legal {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.map-section__container {
  display: grid;
  grid-template-columns: [main-start] minmax(40px, 300px) [content-start] minmax(1000px, 1fr) [content-end] minmax(40px, 300px) [main-end];
}
@media screen and (max-width: 1080px) {
  .map-section__container {
    grid-template-columns: [main-start] minmax(24px, 40px) [content-start] minmax(163px, 1fr) [content-end] minmax(24px, 40px) [main-end];
  }
}

.map-section__grid {
  grid-column: content;
  display: grid;
  grid-template-columns: 466px auto;
  gap: 24px 56px;
}
@media screen and (max-width: 1079px) {
  .map-section__grid {
    grid-template-columns: auto;
    grid-template-rows: auto minmax(300px, 500px) auto;
  }
}

.map-section__image {
  grid-row: span 2;
  background-image: url('../images/sf-map.png?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 1079px) {
  .map-section__image {
    grid-row: 2;
  }
}

.map-section__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 1080px) {
  .map-section__text {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1079px) {
  .map-section__text {
    grid-row: 1;
  }
}
.map-section__text .map-section__text__header {
  font-size: 52px;
  font-weight: 700;
  color: #005478;
  line-height: 110%;
}
@media screen and (max-width: 766px) {
  .map-section__text .map-section__text__header {
    font-size: 31px;
  }
}
.map-section__text .map-section__text__body {
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  color: #001e3e;
}
@media screen and (max-width: 766px) {
  .map-section__text .map-section__text__body {
    font-size: 18px;
  }
}
.map-section__text .map-section__button {
  width: -moz-fit-content;
  width: fit-content;
}

.map-section__cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (min-width: 1080px) {
  .map-section__cards {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1079px) {
  .map-section__cards {
    grid-row: 3;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 200px);
    gap: 16px;
  }
}
@media screen and (max-width: 766px) {
  .map-section__cards {
    grid-template-columns: repeat(auto-fit, 163px);
  }
}
.map-section__cards .map-section__card {
  background-color: #F7F9FB;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 16px 24px;
  border-radius: 8px;
  width: 200px;
  height: inherit;
}
@media screen and (max-width: 766px) {
  .map-section__cards .map-section__card {
    padding: 8px 16px;
    width: 163px;
  }
}
.map-section__cards .map-section__card .map-section__card__count {
  font-size: 31px;
  font-weight: 700;
  color: #faa000;
}
@media screen and (max-width: 766px) {
  .map-section__cards .map-section__card .map-section__card__count {
    font-size: 24px;
  }
}
.map-section__cards .map-section__card .map-section__card__text {
  font-size: 15px;
  color: #001e3e;
  line-height: normal;
}
@media screen and (max-width: 766px) {
  .map-section__cards .map-section__card .map-section__card__text {
    font-size: 12px;
  }
}

.c-sf-social-proof {
  display: flex;
  width: 100%;
  min-height: 120px;
  padding: 32px 40px;
  justify-content: center;
  align-items: center;
  gap: 144px;
  row-gap: 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  .c-sf-social-proof {
    padding: 56px 24px;
    gap: 32px;
  }
}
.c-sf-social-proof .c-sf-social-proof-label {
  color: rgba(0, 30, 62, 0.62);
  min-width: 150px;
  font-weight: 500;
}
.c-sf-social-proof > img {
  min-width: 100px;
}

.errorBanner {
  padding: 8px 24px;
  border-radius: 8px;
  border: 2px solid #EB7179;
  background: #EB7179;
  color: white;
}

.colorSecondary {
  color: #faa000;
}

.errorBanner {
  padding: 8px 24px;
  border-radius: 8px;
  border: 2px solid #EB7179;
  background: #EB7179;
  color: white;
}

.colorSuccess {
  color: #76B1A7;
}

.u-sf-f-gap {
  display: flex;
  gap: 8px;
}

.c-notifications {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.c-notifications.c-notifications--unread .svg-notification-mark {
  fill: #007aae;
}
.c-notifications.c-notifications--unread .c-notifications__bell {
  position: relative;
}
.c-notifications.c-notifications--unread .c-notifications__bell.c-notifications__bell--ringing svg {
  animation: ring 4s 0.2s ease-in-out;
}
.c-notifications.c-notifications--unread .c-notifications__bell.c-notifications__bell--ringing::before {
  opacity: 0;
  transition: opacity 0.3s ease-in;
  animation: dot-ring 0.5s 1s ease-in;
  animation-fill-mode: forwards;
}
.c-notifications.c-notifications--unread .c-notifications__bell::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 6px;
  height: 6px;
  z-index: 2;
  opacity: 1;
  border-radius: 30rem;
  background-color: #faa000;
}
.c-notifications.c-notifications--open .c-notifications__bell svg:last-child {
  display: block;
}
.c-notifications.c-notifications--open .c-notifications__bell svg:first-child {
  display: none;
}
.c-notifications.c-notifications--open .c-notifications__dropdown {
  display: block;
}
.c-notifications.c-notifications--open .c-notifications__dropdown-wrap {
  transform-origin: top right;
  animation: 0.3s fadeInDown;
  animation-fill-mode: forwards;
}
.c-notifications.c-notifications--open .tooltip-content {
  opacity: 0 !important;
  transition: none !important;
}
.c-notifications .c-notifications__wrap {
  position: relative;
}
.c-notifications .c-notifications__bell {
  cursor: pointer;
  padding: calc(var(--Baseline) * 1);
  border-radius: calc(var(--Baseline) / 2);
}
.c-notifications .c-notifications__bell:hover {
  background-color: #005478;
}
.c-notifications .c-notifications__bell svg:last-child {
  display: none;
}
.c-notifications .c-notifications__dropdown {
  top: calc(100% + var(--Baseline) * -2);
  right: 350px;
  position: absolute;
  display: none;
  z-index: 6;
  box-shadow: 0px 0px 1px 0px rgba(44, 61, 83, 0.58), 0px 1px 1px 0px rgba(44, 61, 83, 0.12), 0px 2px 4px 0px rgba(44, 61, 83, 0.18);
}
.c-notifications .c-notifications__dropdown-header {
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 2);
  font-size: 12px;
  line-height: calc(var(--Baseline) * 2);
  color: #2c3d53;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dfe4ea;
  background-color: #edf1f5;
  border-radius: calc(var(--Baseline) / 2) calc(var(--Baseline) / 2) 0 0;
}
.c-notifications .c-notifications__dropdown-header > * {
  font-family: "YourNow";
}
.c-notifications .c-notifications__dropdown-wrap {
  max-width: calc(var(--Baseline) * 80);
  min-width: calc(var(--Baseline) * 40);
  background-color: #fff;
  border-radius: calc(var(--Baseline) / 2);
  opacity: 0;
}
.c-notifications .c-notifications__item {
  position: relative;
  font-size: 12px;
}
.c-notifications .c-notifications__item:not(:last-child) {
  border-bottom: 1px solid #edf1f5;
}
.c-notifications .c-notifications__item .c-notifications__item-name {
  margin-right: calc(var(--Baseline) * 2);
  max-width: calc(var(--Baseline) * 55);
  display: flex;
  align-items: center;
}
.c-notifications .c-notifications__item .c-notifications__item-name > * {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: calc(var(--Baseline) * 2);
}
.c-notifications .c-notifications__item .c-notifications__item-name > *:last-child {
  flex-shrink: 0;
}
.c-notifications .c-notifications__item .c-notifications__item-wrap {
  padding: calc(var(--Baseline) * 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.c-notifications .c-notifications__item .c-notifications__item-wrap > *:last-child {
  flex-shrink: 0;
}
.c-notifications .c-notifications__item .c-notifications__item-wrap:not([role=button]) {
  cursor: default;
  pointer-events: none;
}
.c-notifications .c-notifications__item h3 {
  font-weight: normal;
}
.c-notifications .c-notifications__item.c-notifications__item--unread {
  background-color: #fff8bd;
}
.c-notifications .c-notifications__item.c-notifications__item--unread:last-child {
  border-radius: 0 0 calc(var(--Baseline) / 2) calc(var(--Baseline) / 2);
}
.c-notifications .c-notifications__item.c-notifications__item--unread h3 {
  font-weight: 500;
}

.c-logged-in-bar {
  position: sticky;
  top: 0;
  z-index: 45;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #faa000;
  box-shadow: 0px 0px 6px 0px rgba(9, 12, 17, 0.26), -10px 0px 20px 0px rgba(9, 12, 17, 0.12), -40px 0px 40px 0px rgba(9, 12, 17, 0.05), -90px 0px 90px 0px rgba(9, 12, 17, 0.04);
  transition: opacity 0s 0.3s linear, visibility 0s 0.3s linear;
}
.c-logged-in-bar .c-logged-in-bar__wrap {
  padding: calc(var(--Baseline) * 1) 0;
  margin-top: calc(var(--Baseline) * -6);
  transition: margin-top 0.2s ease-in;
}
.c-logged-in-bar.c-logged-in-bar--shown {
  opacity: 1;
  visibility: visible;
  transition: opacity 0s linear;
}
.c-logged-in-bar.c-logged-in-bar--shown .c-logged-in-bar__wrap {
  margin-top: 0;
}

.read-only-mode {
  --read-only-height: calc( var(--Baseline) * 6 );
}
.read-only-mode .c-table-row--sticky {
  top: calc(var(--Baseline) * 6);
}
.read-only-mode .o-sidebar,
.read-only-mode .o-tariffs-overlay {
  top: var(--read-only-height);
}

#map {
  width: 100%;
  height: 100%;
}

.map-container {
  height: calc(100vh - 66px);
  position: relative;
  z-index: 2;
  overflow-y: hidden;
}
.map-container div {
  word-break: normal;
}

.map-page-container .c-list_wrapper {
  background-color: #ededed;
}
.map-page-container .hide {
  display: none !important;
}
.map-page-container .count-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--Baseline);
  height: 26px;
  border-radius: 13px;
  background-color: #005478;
  color: #fff;
}
.map-page-container .c-search-dropdown, .map-page-container .pac-container {
  max-height: calc(100vh - 330px);
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: scroll;
}
.map-page-container .c-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 470px);
}
.map-page-container .c-sidebar-header__level-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signed-out .map-container {
  margin-top: calc(var(--Baseline) * 12);
  height: calc(100vh - var(--Baseline) * 12);
}
.signed-out .map-overlays {
  top: calc(var(--Baseline) * 15);
}
.signed-out .map-search,
.signed-out .map-poi-detail .poi-title {
  padding-top: calc(var(--Baseline) * 3.5);
}

.map-overlays,
.map-overlays.load-content {
  position: fixed;
  z-index: 5;
  left: 0;
  width: calc(var(--Baseline) * 56);
  border-radius: 0 0 5px 5px;
  background-color: #fff;
}
.map-overlays .close-detail,
.map-overlays.load-content .close-detail {
  line-height: 999;
  overflow: hidden;
  float: right;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-close');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.map-overlays .close-detail:hover,
.map-overlays.load-content .close-detail:hover {
  cursor: pointer;
}

.search-form-wrapper.search-form-wrapper--left-right-iconbutton button:nth-child(2), .search-form-wrapper.search-form-wrapper--right-iconbutton button:nth-child(1), .search-form-wrapper.search-form-wrapper--left-right-iconbutton button:nth-child(1), .search-form-wrapper.search-form-wrapper--left-iconbutton button:nth-child(1) {
  height: 100%;
  width: calc(var(--Baseline) * 5.25);
}

.search-form-wrapper.search-form-wrapper--left-right-iconbutton button:nth-child(1), .search-form-wrapper.search-form-wrapper--left-iconbutton button:nth-child(1) {
  left: 0;
  top: 0;
}

.search-form-wrapper.search-form-wrapper--left-right-iconbutton button:nth-child(2), .search-form-wrapper.search-form-wrapper--right-iconbutton button:nth-child(1) {
  right: 0;
  top: 0;
}

.map-search {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3);
  border-bottom-right-radius: 4px;
  display: flex;
  background-color: #e9edf0;
}
.map-search .mobile-toggle-filters {
  width: 50px;
}
.map-search .toggle-filters {
  margin-left: calc(var(--Baseline) * 2);
  height: 100%;
  width: 40px;
  height: 40px;
  padding: 0px 0 0 0px;
  border: none;
  display: block;
  outline: 0;
  border-radius: 50%;
  background-color: #fff;
}
.map-search .toggle-filters.on:before {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-filter-active');
}
.map-search .toggle-filters.selected:before {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-filter-selected');
}
.map-search .toggle-filters:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-filter-inactive');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.search-form-wrapper {
  width: calc(100% - 50px);
  position: relative;
}
.search-form-wrapper.search-form-wrapper--left-iconbutton input {
  padding-left: 42px;
}
.search-form-wrapper.search-form-wrapper--right-iconbutton input {
  padding-right: 42px;
}
.search-form-wrapper.search-form-wrapper--left-right-iconbutton input {
  padding: 0 42px;
}
.search-form-wrapper.search-form-wrapper--full-width {
  width: 100%;
}

.search-submit {
  padding-left: calc(var(--Baseline) * 1);
  height: 100%;
  width: 42px;
  left: 0;
  top: 0;
  opacity: 0.5;
  position: absolute;
  border: none;
  background-color: transparent;
}
.search-submit:before {
  content: "";
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: block;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-asearch');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

.clear-input,
.search-location {
  right: 0;
  top: 0;
  height: 40px;
  width: 42px;
  position: absolute;
  border: none;
  background-color: transparent;
  display: block;
}
.clear-input:before,
.search-location:before {
  content: "";
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  display: block;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-close');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.map-cpo__search input, .map-search #filter-country-search,
.map-search #search-workplaces, .search-form-wrapper.search-form-wrapper--left-iconbutton input, .search-form-wrapper.search-form-wrapper--right-iconbutton input, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input {
  color: #2c3d53;
  border: 1px solid #e9edf0;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  box-shadow: none;
  margin: 0;
  font-family: "YourNow", serif;
  font-size: 15.75px;
  padding-left: 40px;
}
.map-cpo__search input::placeholder, .map-search #filter-country-search::placeholder,
.map-search #search-workplaces::placeholder, .search-form-wrapper.search-form-wrapper--left-iconbutton input::placeholder, .search-form-wrapper.search-form-wrapper--right-iconbutton input::placeholder, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input::placeholder {
  color: #2c3d53;
  opacity: 1;
}
.map-cpo__search input:hover, .map-search #filter-country-search:hover,
.map-search #search-workplaces:hover, .search-form-wrapper.search-form-wrapper--left-iconbutton input:hover, .search-form-wrapper.search-form-wrapper--right-iconbutton input:hover, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input:hover {
  border-color: #005478;
}
.map-cpo__search input:focus, .map-search #filter-country-search:focus,
.map-search #search-workplaces:focus, .search-form-wrapper.search-form-wrapper--left-iconbutton input:focus, .search-form-wrapper.search-form-wrapper--right-iconbutton input:focus, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input:focus {
  box-shadow: 0px 0px 0px 2px #fdc99b;
  outline: 0;
}
.map-cpo__search input:focus + .search-submit, .map-search #filter-country-search:focus + .search-submit,
.map-search #search-workplaces:focus + .search-submit, .search-form-wrapper.search-form-wrapper--left-iconbutton input:focus + .search-submit, .search-form-wrapper.search-form-wrapper--right-iconbutton input:focus + .search-submit, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input:focus + .search-submit {
  opacity: 1;
}
.map-cpo__search input:focus + .search-submit + .search-location, .map-search #filter-country-search:focus + .search-submit + .search-location,
.map-search #search-workplaces:focus + .search-submit + .search-location, .search-form-wrapper.search-form-wrapper--left-iconbutton input:focus + .search-submit + .search-location, .search-form-wrapper.search-form-wrapper--right-iconbutton input:focus + .search-submit + .search-location, .search-form-wrapper.search-form-wrapper--left-right-iconbutton input:focus + .search-submit + .search-location {
  display: block;
}

.map-filters {
  position: absolute;
  left: 460px;
  width: 360px;
  top: 2px;
  background-color: #fff;
  border-radius: 4px;
}
.map-filters .collapsible-header {
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 3);
  display: none;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #edf1f5;
}
.map-filters .collapsible-header .filters-count {
  margin-right: 8px;
}
.map-filters .scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0 0 5px 5px;
  height: auto;
}
.map-filters.open .collapsible-body {
  display: block;
}
.map-filters.open .collapsible-header {
  display: flex;
}
.map-filters.open .scroll-area {
  max-height: calc(100vh - 232px) !important;
}
.map-filters.open .filters-button {
  display: none;
}
.map-filters .collapsible-body {
  display: none;
}
.map-filters .collapsible-body + .collapsible-header {
  border-top: 1px solid #edf1f5;
  border-top: 1px solid #edf1f5;
}
.map-filters .filters-button {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 80px;
  background: #ffffff;
  z-index: 4;
  width: 450px;
  border-radius: 0 0 4px 4px;
}
.map-filters .filters-button.hide-tablet-landscape-down {
  display: block;
  width: 100%;
  position: relative;
  height: auto;
}
.map-filters .filters-button button {
  width: calc(100% - 40px);
  margin: 20px;
  margin-bottom: 10px;
}
.map-filters .filters-button button:before {
  display: none;
}
.map-filters .filters-button .clear-filters {
  padding-bottom: calc(var(--Baseline) * 3);
  display: block;
  width: 100%;
  text-align: right;
  color: #952832;
  padding-right: 25px;
  font-size: 12px;
}
.map-filters .filters-button .clear-filters:focus, .map-filters .filters-button .clear-filters:hover {
  color: #ed6b77;
}
.map-filters .filters-ul {
  list-style: none;
}
.map-filters .filters-ul > li, .map-filters .filters-ul > app-recursive-filters {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3) 0;
  display: block;
  border-bottom: 1px solid #edf1f5;
  border-bottom: 1px solid #edf1f5;
}
.map-filters .filters-ul ul {
  margin-left: calc(var(--Baseline) * 4);
  margin-bottom: calc(var(--Baseline) * 2);
  list-style: none;
}
.map-filters .filters-ul input[type=checkbox]:checked + .checkbox + [class*=icon-plug]:before {
  opacity: 1;
}
.map-filters .filters-ul input[type=checkbox]:not(:checked) + .checkbox + [class*=icon-plug] + label,
.map-filters .filters-ul input[type=checkbox]:not(:checked) + .checkbox + label {
  color: #2c3d53;
  color: #2c3d53;
}
.map-filters .filters-ul .checkbox-wrapper label {
  display: inline;
}
.map-filters .filters-ul--expand {
  padding: calc(var(--Baseline) * 1) 0;
  display: block;
  margin-top: -15px;
  display: flex;
  align-items: center;
}
.map-filters .filters-ul--expand:after {
  content: "";
  margin-left: auto;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  display: inline-block;
  vertical-align: middle;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-chevron-right');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.map-filters .filters-ul--expand small {
  margin-left: calc(var(--Baseline) * 1);
  font-size: 14px;
  color: #2c3d53;
}
.map-filters .filters-ul--expand:hover {
  color: #faa000;
}
.map-filters .btns .cancel {
  margin-top: 13px;
  margin-left: 15px;
  display: inline-block;
}
.map-filters .c-btn-primary {
  height: calc(var(--Baseline) * 5);
  line-height: calc(var(--Baseline) * 3);
  color: #fff;
  padding: var(--Baseline) calc(var(--Baseline) * 2.5);
  background-color: #007aae;
  border-radius: 4px;
  font-size: 14px;
}
.map-filters .c-btn-primary:hover {
  background-color: #1f9dc9;
}
.map-filters [class*=icon-plug] {
  vertical-align: middle;
}
.map-filters [class*=icon-plug]:before {
  opacity: 0.6;
  margin-top: -2px;
  margin-bottom: -4px;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
}

.checkbox-wrapper {
  position: relative;
  line-height: 16px;
  padding-left: 36px;
  margin-bottom: 12px;
}
.checkbox-wrapper input[type=checkbox] {
  position: absolute;
  z-index: 5;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  left: 0;
}
.checkbox-wrapper input[type=checkbox] + .checkbox {
  position: absolute;
  z-index: 1;
  left: 0;
  top: -1px;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  margin: 0;
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-checkbox-inactive');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.checkbox-wrapper input[type=checkbox]:checked + .checkbox {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-checkbox-active');
}
.checkbox-wrapper label {
  font-weight: normal !important;
  margin-bottom: 0 !important;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
}

.map-cpo {
  padding: calc(var(--Baseline) * 3);
  left: 0;
  height: calc(100vh - 77px);
  left: 460px;
  width: 360px;
  top: 2px;
  display: grid;
  grid-gap: 0;
  grid-template-rows: 20px 78px minmax(auto, 122px) minmax(calc(100% - 220px), auto);
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  align-items: flex-start;
  position: absolute;
  background-color: #ffffff;
  z-index: 5;
  overflow: hidden;
  border-radius: 4px;
}
.map-cpo.map-cpo-filter--empty {
  grid-template-rows: 20px 78px minmax(calc(100% - 120px), auto);
}
.map-cpo.active {
  grid-template-rows: 20px 78px minmax(calc(100% - 98px), auto);
}
.map-cpo.active .alphabet-label {
  display: none;
}
.map-cpo .scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
}
.map-cpo input[type=checkbox]:not(:checked) + .checkbox + label {
  color: #2c3d53;
}

.map-cpo__header {
  position: relative;
  text-align: center;
}
.map-cpo__header .map-cpo__header--back {
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-chevron-left');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.map-cpo__header .map-cpo__header--back:hover {
  cursor: pointer;
}

.map-cpo__search {
  position: relative;
  padding-top: calc(var(--Baseline) * 3);
}
.map-cpo__search form {
  margin-bottom: calc(var(--Baseline) * 2);
  position: relative;
}
.map-cpo__selected {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow-y: auto;
  height: 100%;
  max-height: 100%;
  min-height: 122px;
  border-bottom: 1px solid #edf1f5;
}
.map-cpo__selected > div {
  width: 100%;
}
.map-cpo__selected:after {
  content: "";
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background-color: #ffffff;
}

.map-cpo__selected--label {
  margin-bottom: calc(var(--Baseline) * 1);
  margin-right: calc(var(--Baseline) * 1);
  color: #2c3d53;
  background-color: #f4f7f9;
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 4) calc(var(--Baseline) / 2) calc(var(--Baseline) * 1);
  border: 1px solid #edf1f5;
  position: relative;
  float: left;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-cpo__selected--label span {
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  overflow: hidden;
  line-height: 999;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-close');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.map-cpo__selected--label span:hover {
  cursor: pointer;
}

.map-cpo__selected--label-first {
  margin-right: calc(var(--Baseline) * 2);
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff;
  border: none;
}

.map-cpo__list--wrapper {
  padding-top: calc(var(--Baseline) * 2);
}

.map-cpo__list--title {
  margin-bottom: calc(var(--Baseline) * 3);
}
.map-cpo__list--title.accordion-header {
  padding-left: 0;
  background-color: #ffffff;
}
.map-cpo__list--title.accordion-header::after {
  top: 3px;
  right: 0px;
}

.alphabet-label {
  margin-bottom: calc(var(--Baseline) * 2);
  background-color: #f4f7f9;
  color: #2c3d53;
  padding: calc(var(--Baseline) / 2) calc(var(--Baseline) * 1);
  text-transform: uppercase;
  line-height: 1.1;
}

.map-poi-detail {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}
.map-poi-detail .scroll-area {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0 0 5px 5px;
  max-height: calc(100vh - 190px);
}
.map-poi-detail .poi-title {
  overflow: hidden;
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 2);
  background-color: #fbfbfc;
  border-top-right-radius: 5px;
}
.map-poi-detail .poi-title h3 {
  margin: 0 0 12px;
  padding-right: calc(var(--Baseline) * 4);
  font-size: 15.75px;
  word-wrap: break-word;
  -webkit-hyphens: manual;
  hyphens: manual;
}
.map-poi-detail .poi-title .close-detail {
  transform: translateY(-1px);
}
.map-poi-detail .poi-title .review-overview {
  margin-top: calc(var(--Baseline) * 1);
  float: left;
  width: 100%;
  padding: 0;
  line-height: 34px;
  border-bottom: none;
  font-size: 12px;
}
.map-poi-detail .poi-title .review-overview__stars {
  width: auto;
  transform: scale(0.5) translateX(-50%);
  margin-right: -70px;
}
.map-poi-detail .poi-title .rating {
  pointer-events: none;
  width: auto;
  margin-left: 0;
}
.map-poi-detail .poi-title .review-overview__rating {
  float: left;
  text-align: left;
  clear: none;
  margin-bottom: 0;
}
.map-poi-detail .poi-title .review-overview__rating span {
  font-size: 12px;
  line-height: 14px;
}
.map-poi-detail .poi-title .review-overview__reviews {
  float: left;
  text-align: left;
  margin-left: 10px;
}
.map-poi-detail .poi-title .review-overview__reviews .review-overview__reviews--total {
  color: #99bbc9;
  margin-right: calc(var(--Baseline) / 2);
}
.map-poi-detail .charging-points .plug-row {
  padding-bottom: calc(var(--Baseline) * 2);
}
.map-poi-detail .charging-points .plug-row .plug-info {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.map-poi-detail .charging-points .plug-row .plug-info .connector-data {
  margin-top: 0;
}
.map-poi-detail .plug-row {
  border-top: 1px solid #edf1f5;
  padding-left: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 3);
  padding-top: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
  position: relative;
  display: flex;
  flex-direction: row;
}
.map-poi-detail .plug-row .plug-icon {
  margin-right: 20px;
  margin-bottom: -3px;
  margin-top: 3px;
}
.map-poi-detail .plug-row .plug-info {
  flex-grow: 1;
}
.map-poi-detail .plug-row .plug-info strong {
  margin-right: 10px;
}
.map-poi-detail .plug-row .plug-info .cable-num,
.map-poi-detail .plug-row .plug-info .dib {
  display: inline-block;
}
.map-poi-detail .plug-row .bell-notification {
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
}
.map-poi-detail .plug-row .bell-notification:hover .icon-notification:before {
  background-position: -573px -780px;
}
.map-poi-detail .plug-row .bell-notification.on .icon-notification:before {
  background-position: -612px -780px;
}
.map-poi-detail .poi-details {
  padding: 18px 25px;
  background-color: #fff;
}
.map-poi-detail .poi-details [class*=icon-]:before {
  margin-right: calc(var(--Baseline) * 1);
}
.map-poi-detail .poi-details p {
  margin-bottom: calc(var(--Baseline) * 1);
}
.map-poi-detail .poi-details p:first-child {
  margin-bottom: calc(var(--Baseline) * 2);
}
.map-poi-detail .poi-details p i {
  display: inline-block;
  vertical-align: middle;
}
.map-poi-detail .poi-details .block {
  margin-bottom: calc(var(--Baseline) * 5);
}
.map-poi-detail .poi-details .block:last-child {
  margin-bottom: 0;
}
.map-poi-detail .poi-details .poi-note {
  color: #2c3d53;
  border-top: 1px solid #edf1f5;
  padding-top: calc(var(--Baseline) * 4);
}
.map-poi-detail .poi-details .color-grey {
  color: #2c3d53;
}
.map-poi-detail .operator {
  padding-left: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 3);
  padding-top: calc(var(--Baseline) * 3);
  padding-bottom: calc(var(--Baseline) * 3);
  border-bottom: 1px solid #edf1f5;
}
.map-poi-detail .operator p {
  margin-bottom: calc(var(--Baseline) * 2);
}
.map-poi-detail .operator .map-icon {
  margin-right: calc(var(--Baseline) * 1);
}
.map-poi-detail .operator a {
  color: #007aae;
}
.map-poi-detail .operator-logo {
  max-width: 100%;
  max-height: 32px;
}
.map-poi-detail.open .poi-plugs {
  display: block;
}
.map-poi-detail .mobile-more-strip {
  border-top: 1px solid #edf1f5;
}
.map-poi-detail .mobile-more-strip .more {
  color: red;
  text-align: center;
  padding: 15px;
  text-decoration: none;
  display: block;
}

.poi-plugs__item .poi-plugs__item--header {
  padding: 0;
}
.poi-plugs__item .poi-plugs__item--body {
  padding-left: calc(var(--Baseline) * 2);
  padding-right: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
}
.poi-plugs__item .poi-plugs__item--body .msg-row {
  padding-left: calc(var(--Baseline) * 7);
}
.poi-plugs__item--last {
  border-bottom: 1px solid #edf1f5;
}

.poi-detail {
  top: 65px;
  height: calc(100% - 65px);
}

[class^=label-state]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
}

.label-state--available:before {
  background-color: #458c94;
}

.label-state--offline:before {
  background-color: #ed6b77;
}

.label-state--occupied:before {
  background-color: #ed6b77;
}

.label-state--unknown:before {
  background-color: #faa000;
}

.map-legend {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
  display: none;
  max-width: 472px;
  height: auto;
  right: 90px;
  bottom: 25px;
}
.map-legend.map-legend--open {
  display: block;
}
.map-legend .map-legend__head {
  padding: 24px 20px;
  text-align: center;
  border-bottom: 1px solid #edf1f5;
  padding: 20px 20px 0;
  text-align: left;
  border-bottom: 0;
}
.map-legend .map-legend__head .title {
  color: #2c3d53;
  font-size: 17.72px;
}
.map-legend .map-legend__head .toggle-map-legend {
  border: none;
  position: absolute;
  right: 18px;
  top: 18px;
  display: none;
}
.map-legend .map-legend__content {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.map-legend .map-legend__col {
  width: 50%;
}
.map-legend .map-legend__marker {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 60px;
  margin-bottom: calc(var(--Baseline) * 2);
}
.map-legend .map-legend__label {
  padding-right: calc(var(--Baseline) * 1);
  padding-left: calc(var(--Baseline) * 3);
  width: calc(100% - 40px);
  font-size: 12px;
}

.gm-style button {
  display: inline-block;
  border: 0;
  background-color: white !important;
}
.gm-style button:hover {
  color: #2c3d53;
}
.gm-style .zoom-control {
  flex-direction: column;
  height: auto;
  width: 42px;
  margin-right: 24px;
  bottom: 80px !important;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
}
.gm-style .zoom-control button {
  margin: 5px 0;
  padding: 0;
  width: 42px;
  height: 42px;
  overflow: hidden;
  line-height: 999px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
.gm-style .zoom-control button.zoom-control-in {
  background-color: #fff;
}
.gm-style .zoom-control button.zoom-control-in:before {
  content: "";
  float: left;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-add');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 5px;
}
.gm-style .zoom-control button.zoom-control-out {
  background-color: #fff;
}
.gm-style .zoom-control button.zoom-control-out:before {
  content: "";
  float: left;
  margin: 5px;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-minus');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .legend-control,
.gm-style .locate-control,
.gm-style .streetview-control {
  width: 42px;
  height: 42px;
  margin-right: 24px;
}
.gm-style .legend-control button,
.gm-style .locate-control button,
.gm-style .streetview-control button {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  line-height: 999;
}
.gm-style .legend-control {
  bottom: 25px !important;
  top: auto !important;
  margin-right: 24px;
}
.gm-style .legend-control button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-info-show');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 5px 0 0 5px;
}
.gm-style .legend-control button.opened {
  background-color: #fff;
}
.gm-style .legend-control button.opened:before {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-close');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 5px 0 0 5px;
}
.gm-style .locate-control {
  display: block;
  bottom: 194px !important;
  top: auto;
}
.gm-style .locate-control-button {
  position: relative;
}
.gm-style .locate-control-button:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-map-target');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .maptype-control {
  position: relative;
  margin-right: 24px;
  top: 20px !important;
  display: block;
  border: 2px solid #fff;
  border-radius: 0;
  bottom: auto !important;
}
.gm-style .maptype-control button {
  display: inline-block;
  overflow: hidden;
  text-indent: -999px;
  width: 60px;
  height: 60px;
  background: url('../images/map.jpg?t=1750145466751') no-repeat;
  background-size: contain;
  border-radius: 0;
}
.gm-style .maptype-control button:after {
  display: none;
}
.gm-style .maptype-control button:before {
  content: "";
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-terrain-white');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .maptype-control.roadmap button {
  background: url('../images/satellite.jpg?t=1750145466751') no-repeat;
}
.gm-style .maptype-control.roadmap button:after {
  content: "";
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-satellite');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .maptype-control.roadmap button:before {
  content: "";
  position: absolute;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-satellite-white');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .gm-bundled-control {
  width: 40px;
  margin: 0 !important;
  top: initial !important;
  bottom: 350px !important;
  right: 24px !important;
}
.gm-style .gm-svpc {
  margin-right: 20px;
  border-radius: 50% !important;
  display: block;
}
.gm-style .gm-svpc:before {
  content: "";
  float: left;
  margin: 5px;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-pegman');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.gm-style .gm-svpc div img:first-child,
.gm-style .gm-svpc div img:nth-child(2) {
  display: none !important;
}
.gm-style .gm-svpc:hover:before {
  display: none;
}

.range-slider .ngx-slider .ngx-slider-bar,
.range-slider .ngx-slider .ngx-slider-pointer {
  background-color: #b6c4ce;
}
.range-slider .ngx-slider .ngx-slider-bar .ngx-slider-active::after,
.range-slider .ngx-slider .ngx-slider-pointer .ngx-slider-active::after {
  background-color: #b6c4ce;
}
.range-slider .ngx-slider .ngx-slider-bar {
  height: 1px;
}
.range-slider .ngx-slider .ngx-slider-full-bar .ngx-slider-bar::before, .range-slider .ngx-slider .ngx-slider-full-bar .ngx-slider-bar::after {
  pointer-events: none;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #b6c4ce;
  border-radius: 50%;
}
.range-slider .ngx-slider .ngx-slider-full-bar .ngx-slider-bar::before {
  left: 0;
}
.range-slider .ngx-slider .ngx-slider-full-bar .ngx-slider-bar::after {
  right: 0;
}
.range-slider .ngx-slider .ngx-slider-bubble {
  color: #b6c4ce;
}
.range-slider .ngx-slider .ngx-slider-selection {
  background-color: #001e3e;
  height: 2px;
}

.map-cluster-marker {
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
  color: #fbfbfc;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-pool-marker {
  font-family: "YourNow", sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  color: #1a1a1a;
  color: #fbfbfc;
  padding-top: 24px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.map-pool-marker--availability-available.map-pool-marker--selected {
  color: #005478;
}
.map-pool-marker--availability-occupied.map-pool-marker--selected {
  color: #005478;
}
.map-pool-marker--availability-offline.map-pool-marker--selected {
  color: #005478;
}
.map-pool-marker--availability-unknown.map-pool-marker--selected {
  color: #005478;
}

.map-pool-marker__icon {
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 50%;
  background-color: white;
}
.map-pool-marker__icon img {
  width: 100%;
  height: 100%;
}
.map-pool-marker__icon--top-left {
  top: -4px;
  left: -4px;
}
.map-pool-marker__icon--top-right {
  top: -4px;
  right: -4px;
}
.map-pool-marker__icon--center-left {
  top: unset;
  left: -12px;
}
.map-pool-marker__icon--center-right {
  top: unset;
  right: -12px;
}

div[class$=marker-view]:has(.map-search-marker) {
  z-index: 2;
}

.map-search-marker {
  display: flex;
  justify-content: center;
}

.review-overview__loader {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.review-overview__loader {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #001e50;
  border-right: 2px solid #001e50;
  border-bottom: 2px solid #001e50;
  border-left: 2px solid #DFE4E8;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.no-reviews a, .review a, .review-overview__reviews a {
  position: relative;
  color: #2c3d53;
}
.no-reviews a:after, .review a:after, .review-overview__reviews a:after {
  content: "";
  background-color: #003452;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -2px;
  position: absolute;
}
.no-reviews a:hover, .review a:hover, .review-overview__reviews a:hover {
  color: #faa000;
}

.review-overview {
  padding: calc(var(--Baseline) * 3);
  border-bottom: 1px solid #edf1f5;
}
.review-overview .rating {
  pointer-events: none;
  margin-left: calc(50% - 85px);
}

.review-overview__stars {
  float: left;
  width: 100%;
}

.review-overview__loader {
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 10px;
  margin-right: 10px;
  border-left-color: #fbfbfc;
}

.review-overview__rating {
  text-align: center;
  clear: both;
  margin-bottom: calc(var(--Baseline) * 1);
}
.review-overview__rating span {
  font-weight: bold;
  font-size: 22.43px;
  line-height: calc(var(--Baseline) * 6);
}

.review-overview__reviews {
  text-align: center;
}
.reviews-list {
  position: relative;
  float: left;
  width: 100%;
}

.review {
  position: relative;
  float: left;
  width: 100%;
  padding: calc(var(--Baseline) * 3);
  border-bottom: 1px solid #edf1f5;
}
.review--last {
  border-bottom: 0;
}
.review--disabled {
  color: #99bbc9;
}
.review a.review__actions--delete {
  color: #fce8e9;
}
.review a.review__actions--delete:after {
  background-color: #fce8e9;
}
.review .rating > label:before {
  font-size: 1.25em;
}

.review__msg {
  float: left;
  width: 100%;
  margin-top: calc(var(--Baseline) * 1);
}

.review__address {
  font-size: 14px;
  margin-bottom: calc(var(--Baseline) * 1);
}

.review__msg--prompt {
  color: #99bbc9;
}

.review__actions {
  float: left;
  width: 100%;
  margin-top: calc(var(--Baseline) * 2);
}

.review__actions--status {
  font-size: 14px;
  background-color: #e9edf0;
  padding: calc(var(--Baseline) * 1);
  margin-right: calc(var(--Baseline) * 1);
}

.reviews {
  float: left;
  width: 100%;
}

.reviews-header {
  position: relative;
  padding: calc(var(--Baseline) * 3);
  padding-bottom: 0;
}
.reviews-header h3 {
  margin: 0;
}
.reviews-header h3 span {
  margin-left: calc(var(--Baseline) * 1);
  color: #99bbc9;
  font-weight: normal;
}
.reviews-header select, .reviews-header .select-wrap {
  position: absolute;
  right: 20px;
  top: 20px;
  float: none;
  width: 180px;
  border: none;
}
.reviews-header select .styled-select, .reviews-header .select-wrap .styled-select {
  padding: 0 40px 0 10px;
  text-align: right;
  font-size: 15.75px;
}
.reviews-header select .styled-select:after, .reviews-header .select-wrap .styled-select:after {
  right: 0;
  transform: translateY(-50%) scale(0.7);
}

.review-header {
  text-align: center;
}
.review-header h3 {
  margin-bottom: calc(var(--Baseline) * 1);
}

.review__rating {
  float: left;
  width: 100%;
  transform: scale(0.8) translateX(-13%);
}
.review__rating .rating {
  pointer-events: none;
  margin-right: calc(var(--Baseline) * 1);
}
.review__rating--active {
  margin-bottom: calc(var(--Baseline) * 4);
  transform: scale(1) translateX(0);
}
.review__rating--active .rating {
  pointer-events: all;
  margin-left: calc(50% - 106px);
}
.review__rating--active .rating .rating-star {
  transform: scale(1.4);
}
.review__rating--active .rating .rating-star:nth-child(1), .review__rating--active .rating .rating-star:nth-child(2) {
  transform: scale(1.4) translateX(40px);
}
.review__rating--active .rating .rating-star:nth-child(3), .review__rating--active .rating .rating-star:nth-child(4) {
  transform: scale(1.4) translateX(30px);
}
.review__rating--active .rating .rating-star:nth-child(5), .review__rating--active .rating .rating-star:nth-child(6) {
  transform: scale(1.4) translateX(20px);
}
.review__rating--active .rating .rating-star:nth-child(7), .review__rating--active .rating .rating-star:nth-child(8) {
  transform: scale(1.4) translateX(10px);
}
.review__rating--active .rating .rating-star:nth-child(9), .review__rating--active .rating .rating-star:nth-child(10) {
  transform: scale(1.4) translateX(0px);
}
.review__rating--active .rating .rating-star--half {
  clip: rect(0px, 32px, 32px, 0px);
  clip-path: inset(0px 32px 0px 0px);
}

.review__rating--date {
  line-height: 35px;
  color: #99bbc9;
}

.review__rating--submitted {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin: 20px 0 0 0 !important;
  color: #99bbc9;
}

.rating {
  position: relative;
  float: left;
}

.rating-star {
  position: relative;
  float: right;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-reviews-empty');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.rating-star span {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--Baseline) * 4);
  height: calc(var(--Baseline) * 4);
}
.rating-star.rating-star--active ~ div span, .rating-star:not(.rating-star--active):hover span, .rating-star:not(.rating-star--active):hover ~ div span {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-reviews-full');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.rating-star:hover {
  cursor: pointer;
}
.rating-star:nth-child(10) {
  left: 0;
}
.rating-star:nth-child(8) {
  left: calc(var(--Baseline) * 4);
}
.rating-star:nth-child(6) {
  left: calc(var(--Baseline) * 8);
}
.rating-star:nth-child(4) {
  left: calc(var(--Baseline) * 12);
}
.rating-star:nth-child(2) {
  left: calc(var(--Baseline) * 16);
}

.rating-star--half {
  position: absolute;
  top: 0;
  clip: rect(0px, 17px, 32px, 0px);
  clip-path: inset(0px 17px 0px 0px);
}
.rating-star--half span:hover {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-reviews-half');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rating-star--full:hover span {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-reviews-full');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rating-star--active span {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-reviews-full');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}

.no-reviews {
  text-align: center;
  color: #b6c4ce;
}
.no-reviews p {
  margin-bottom: calc(var(--Baseline) * 1);
}
.no-reviews a {
  color: #b6c4ce;
}
.no-reviews a:after {
  background-color: #b6c4ce;
}
.no-reviews .review__rating {
  display: flex;
  flex-direction: row;
  justify-content: center;
  transform: scale(0.8) translateX(0);
  margin-bottom: calc(var(--Baseline) * 3);
}
.no-reviews .review__rating .rating {
  margin-right: 0;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tab-content > .fade {
  transition: opacity 0.15s linear;
}
.nav-tabs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: calc(var(--Baseline) * 1);
  padding-right: calc(var(--Baseline) * 1);
  padding-top: calc(var(--Baseline) * 1);
  border-bottom: 1px solid #edf1f5;
}

.nav-tabs .nav-item {
  margin-right: var(--Baseline);
  margin-bottom: initial;
  padding: var(--Baseline) 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: inset -1px 1px 0px #E9EDF0, inset 1px 1px 0px #E9EDF0;
}
.nav-tabs .nav-item svg {
  fill: #99bbc9;
}
.nav-tabs .nav-item.active {
  box-shadow: inset -1px 1px 0px #99BBC9, inset 1px 1px 0px #99BBC9;
}
.nav-tabs .nav-item.active svg {
  fill: #001e3e;
}
.nav-tabs .nav-item:hover {
  background-color: #f4f7f9;
}
.nav-tabs .nav-item a {
  background-color: inherit !important;
  display: block;
  color: #99bbc9;
  padding: 0 calc(var(--Baseline) * 2) !important;
  line-height: 22px;
  border: 0;
}
.nav-tabs .nav-item a.active {
  color: #001e3e;
  border-bottom: 0;
}
.nav-tabs .nav-item.nav-item--plain {
  box-shadow: unset;
}

.accordion-header {
  position: relative;
  padding-left: calc(var(--Baseline) * 4);
  padding-right: calc(var(--Baseline) * 4);
  padding-top: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
}
.accordion-header.collapsed {
  border-bottom: 1px solid #edf1f5;
}
.accordion-header:hover {
  cursor: pointer;
}
.accordion-header:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 24px;
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-chevron-up');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.accordion-header.collapsed {
  transition: background-color 0.3s ease-in-out 0.2s;
}
.accordion-header.collapsed:hover {
  background-color: #f4f7f9;
  transition: background-color 0.2s ease-in-out;
}
.accordion-header.collapsed:after {
  background-image: url('../icons/sprite-pool.svg?t=1750145466751#ui-chevron-down');
}
.accordion-header + .collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.charging-point-name {
  display: block;
  padding-right: calc(var(--Baseline) * 4);
  text-transform: uppercase;
}

.connector-types {
  margin-top: calc(var(--Baseline) * 1);
}
.connector-types .connector-type {
  display: inline-block;
  text-align: center;
}
.connector-types .connector-type .label-state {
  vertical-align: super;
}
.connector-types .connector-type .label-state:before {
  width: 8px;
  height: 8px;
}
.connector-types [class*=icon-] {
  display: inline-block;
  transform: scale(0.88);
}
.connector-types [class*=icon-]:before {
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
}

.connector-availability,
.connector-power {
  display: block;
  font-size: 12px;
  color: #2c3d53;
  text-align: center;
  width: 45px;
  margin-top: calc(var(--Baseline) * 1);
}

.availability-status {
  margin: 10px 0 0;
}
.availability-status > span {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  padding-left: calc(var(--Baseline) * 1);
  padding-right: calc(var(--Baseline) * 1);
  padding-top: calc(var(--Baseline) / 2);
  padding-bottom: calc(var(--Baseline) / 2);
  padding-left: calc(var(--Baseline) * 2);
  position: relative;
  overflow: hidden;
}
.availability-status > span > span {
  position: relative;
  z-index: 2;
}
.availability-status > span::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  z-index: 2;
}
.availability-status > span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.availability-status > span.availability-status--available {
  color: #74b2a7;
}
.availability-status > span.availability-status--available::before {
  background-color: #74b2a7;
}
.availability-status > span.availability-status--available::after {
  background-color: #dbeeea;
}
.availability-status > span.availability-status--unknown {
  color: #fff;
}
.availability-status > span.availability-status--unknown::before {
  background-color: #fff;
}
.availability-status > span.availability-status--unknown::after {
  opacity: 1;
  background-color: #faa000;
}
.availability-status > span.availability-status--occupied, .availability-status > span.availability-status--offline {
  color: #ed6b77;
}
.availability-status > span.availability-status--occupied::before, .availability-status > span.availability-status--offline::before {
  background-color: #ed6b77;
}
.availability-status > span.availability-status--occupied::after, .availability-status > span.availability-status--offline::after {
  background-color: #fce8e9;
}

.charging-points .accordion {
  border-bottom: 1px solid #edf1f5;
}
.charging-points .plug-row,
.charging-points .accordion-header {
  margin-left: calc(var(--Baseline) * 3);
  margin-right: calc(var(--Baseline) * 3);
  padding-left: 0;
  padding-right: 0;
}
.charging-points .accordion-header {
  border-bottom: 0;
}
.charging-points .accordion-header:after {
  right: 0;
}
.charging-points .accordion-header.collapsed {
  margin-left: 0;
  margin-right: 0;
  padding-left: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 3);
}
.charging-points .accordion-header.collapsed:after {
  right: 24px;
}
.charging-points .plug-row {
  border-bottom: 0;
}
.charging-points .connector-data {
  font-size: 12px;
}

.connector-data i {
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(var(--Baseline) / 2);
}
.connector-data > div {
  margin-left: -2px;
  margin-top: calc(var(--Baseline) * 1);
}
.connector-data span {
  white-space: nowrap;
}

.connector-data--mini {
  margin-top: calc(var(--Baseline) * 1);
}

.connectors-header {
  position: relative;
  padding-left: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 3);
  padding-top: calc(var(--Baseline) * 2);
  padding-bottom: calc(var(--Baseline) * 2);
}
.connectors-header > strong {
  display: block;
  margin-bottom: calc(var(--Baseline) * 1);
}
.connectors-header label {
  margin-right: calc(var(--Baseline) * 1);
}
.connectors-header div > span {
  display: inline-block;
}
.connectors-header .select-wrap {
  float: none;
  width: auto;
  border: none;
}
.connectors-header .select-wrap .styled-select {
  padding: 10px 40px 10px 0;
}
.connectors-header .select-wrap .styled-select:after {
  transform: translateY(-50%) scale(0.6);
  right: 0;
}
.connectors-header .select-wrap .options {
  border-radius: 5px;
  border-width: 1px;
}
.connectors-header .select-wrap .options li {
  padding-top: calc(var(--Baseline) * 1);
  padding-bottom: calc(var(--Baseline) * 1);
}
.connectors-header .select-wrap .options li:last-child {
  border-bottom: none;
}

.charging-point-features {
  padding-left: calc(var(--Baseline) * 3);
  padding-right: calc(var(--Baseline) * 3);
  padding-bottom: calc(var(--Baseline) * 2);
}
.charging-point-features span {
  vertical-align: middle;
  margin-right: calc(var(--Baseline) * 1);
  white-space: nowrap;
}
.charging-point-features i {
  display: inline-block;
  vertical-align: middle;
}

.dot {
  background-color: #000000;
  margin: 0 6px;
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}

.c-table-pricing {
  margin: 0 0 calc(var(--Baseline) * 4);
  display: block;
  overflow-x: auto;
}
.c-table-pricing b {
  font-weight: 500;
}
.c-table-pricing thead th {
  text-align: left;
  font-family: "YourNow", serif;
  color: #005478;
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 1.5);
  text-transform: uppercase;
}
.c-table-pricing tbody tr:nth-child(even) td {
  background-color: #F8FAFB;
}
.c-table-pricing tbody tr:first-child td {
  border-top: 1px solid #cbd2dc;
}
.c-table-pricing tbody td {
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 1.5);
  word-break: break-word;
}
.c-table-pricing td {
  padding: calc(var(--Baseline) * 1) calc(var(--Baseline) * 1.5);
  vertical-align: top;
  width: auto;
}

.c-sf-subpage-hero {
  background-image: url('../images/sf-subpage-hero.jpg?t=1750145466751');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
}
.c-sf-subpage-hero .c-sf-subpage-hero__heading {
  height: calc(var(--Baseline) * 30);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and ( min-width: 768px ) {
  .c-sf-subpage-hero .c-sf-subpage-hero__heading {
    height: calc(var(--Baseline) * 38);
  }
}

.c-sf-address {
  align-items: center !important;
  line-height: 20px !important;
  font-weight: 500;
}

.c-sf-rnb-newline {
  display: block;
}

.c-sf-text-red {
  color: #EB7179;
}

.c-sf-provider-search {
  max-width: 550px;
  margin: calc(var(--Baseline) * 3) auto calc(var(--Baseline) * 10);
}
.c-sf-provider-search .c-sf-label-field {
  position: relative;
}
.c-sf-provider-search .svg-search {
  position: absolute;
  right: calc(var(--Baseline) * 1.5);
  bottom: calc(var(--Baseline) * 1.5);
  z-index: 2;
  transform: scaleX(-1);
}
.c-sf-provider-search .c-sf-label-field__field {
  padding-right: calc(var(--Baseline) * 6);
}

@media screen and ( min-width: 768px ) {
  .c-sf-providers .c-sf-providers__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-sf-providers .c-sf-providers__tile {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
  border: 1px solid #EAF1F5;
  margin-bottom: calc(var(--Baseline) * 2);
}
@media screen and ( min-width: 768px ) {
  .c-sf-providers .c-sf-providers__tile {
    flex: 0 1 calc(50% - 16px);
  }
  .c-sf-providers .c-sf-providers__tile:nth-child(even) {
    margin-left: calc(var(--Baseline) * 4);
  }
}
.c-sf-providers .c-sf-providers__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and ( max-width: 999px ) {
  .c-sf-providers .c-sf-providers__row dt {
    max-width: 50%;
  }
}

.c-sf-label {
  height: 18px;
  max-width: 100%;
  padding: 0 var(--Baseline);
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  border-radius: 30px;
  color: #001E3E;
}
.c-sf-label:not(:last-child) {
  margin-right: calc(var(--Baseline) * 1);
}
.c-sf-label.c-sf-label--light {
  background-color: #CCDDE4;
}
.c-sf-label.c-sf-label--orange {
  background-color: #faa000;
}
.c-sf-label.c-sf-label--grey {
  background-color: #EAF1F5;
}

.c-sf-faq .c-sf-faq__list {
  max-width: calc(var(--Baseline) * 86);
}

.u-flex-center {
  display: flex !important;
  align-items: center;
}

.u-disabled {
  pointer-events: none;
}

.map-workplaces {
  width: 450px;
  height: calc(100vh - 65px);
  top: 65px;
  left: 0;
  z-index: 10;
  position: absolute;
  color: #2c3d53;
  background-color: #fff;
  display: none;
}
.map-workplaces.map-workplaces--open {
  display: block;
}
.map-workplaces .map-workplaces__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 65px - 240px);
}
.map-workplaces .map-search {
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 3.5);
}

.workplaces-row {
  padding: calc(var(--Baseline) * 2.5) calc(var(--Baseline) * 3.5);
  border-bottom: 1px solid #edf1f5;
}

.workplaces-row__name {
  color: #001e3e;
  font-size: 17.72px;
}
.workplaces-row__name a:not(:hover) {
  color: #001e3e;
}

.workplaces-row__buttons {
  margin-top: calc(var(--Baseline) * 1);
}

.c-sidebar-header {
  border-bottom: 0;
  background-color: #FBFBFC;
}
.c-sidebar-header h2 {
  font-style: normal !important;
  font-weight: normal !important;
}

.map-workplaces__inner .nav, .workplacegroups__inner .nav {
  background-color: #FBFBFC;
  border-bottom: 1px solid #99BBC9;
}

.u-disabled {
  opacity: 0.4;
}

.c-list_wrapper {
  padding: var(--Baseline);
}

.c-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}
.c-list > .c-list_item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  box-shadow: inset 0px -1px 0px #E9EDF0;
}
.c-list > .c-list_item button {
  display: none;
}
.c-list > .c-list_item.c-list_item--noarrow {
  padding: 10px 15px;
}
.c-list > .c-list_item:hover {
  background-color: #f4f7f9;
}
.c-list > .c-list_item:hover button {
  display: block;
}
.c-list > .c-list_item.c-list_item--button:hover {
  cursor: pointer;
}

.workplace-search-contracts {
  height: calc(var(--Baseline) * 12);
  background-color: #E9EDF0;
  padding: calc(var(--Baseline) * 2.5);
}

.workplace-search-groups {
  height: calc(var(--Baseline) * 12);
  background-color: #E9EDF0;
  padding: calc(var(--Baseline) * 2.5);
}

.workplace-assigned-contracts > label > span {
  display: flex !important;
  align-items: center;
}
.workplace-assigned-contracts .c-list_wrapper {
  background-color: #EDEDED;
}

.workplace-sidebar-button {
  position: absolute;
  bottom: calc(var(--Baseline) * 2.5);
  padding: 0 calc(var(--Baseline) * 2.5);
  width: 100%;
}
.workplace-sidebar-button button {
  width: 100%;
}

.c-ow-title__content {
  padding-top: 60px;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  color: #fff;
  position: relative;
}
.c-button-flat {
  position: relative;
  padding: calc(var(--Baseline) * 1.5) auto;
  display: inline-block;
  color: #007aae;
  background-color: #fff;
  padding: calc(var(--Baseline) * 2) calc(var(--Baseline) * 2);
  line-height: calc(var(--Baseline) * 2);
  border-radius: 8px;
  font-size: 17.72px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  align-items: center;
  transition: all 200ms ease;
}
.c-button-flat.c-button-flat--orange {
  background-color: #FAA000;
  color: white;
}
.c-button-flat.c-button-flat--blue {
  background-color: #005478;
  color: white;
}
.c-button-flat.c-button-flat--grey {
  background-color: rgba(0, 30, 62, 0.62);
  color: white;
}
.c-button-flat.c-button-flat--small {
  font-weight: bold;
  font-size: 14px;
  padding: var(--Baseline);
  line-height: var(--Baseline);
}
.c-button-flat.c-button-flat--outline {
  border: 2px solid #EAF1F5;
}

.y {
  font-size: 15px;
}

.c-ow-hero {
  margin-top: calc(var(--Baseline) * 8);
  height: calc(100vh - var(--Baseline) * 12);
  position: relative;
  background-image: url('../images/wallbox/order-wallbox.jpg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), 0 100%);
}
@media screen and ( min-width: 768px ) {
  .c-ow-hero {
    margin-top: calc(var(--Baseline) * 12);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 0 100%);
  }
}
.c-ow-hero:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 100%;
  background: #005478;
  mix-blend-mode: multiply;
}
.c-ow-hero .c-ow-hero__content {
  padding-top: 60px;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
.c-ow-hero .c-ow-hero__content > div {
  max-width: 800px;
}

.c-ow-packages__col {
  padding: calc(var(--Baseline) * 4) calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline) * 4);
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #EAF1F5;
}
@media screen and ( min-width: 768px ) {
  .c-ow-packages__col {
    flex: 0 1 calc(50% - var(--Baseline) * 2);
  }
  .c-ow-packages__col:first-child {
    margin-right: calc(var(--Baseline) * 4);
  }
}
@media screen and ( min-width: 1000px ) {
  .c-ow-packages__col {
    margin-bottom: 0;
    flex: 0 1 calc(33.3% - var(--Baseline) * 3);
  }
  .c-ow-packages__col:first-child {
    margin-right: 0;
  }
  .c-ow-packages__col:not(:first-child) {
    margin-left: calc(var(--Baseline) * 4);
  }
}
.c-ow-packages__col .c-ow-packages__head > p {
  background: #F7F9FB;
}
.c-ow-packages__col h2 > small {
  color: rgba(0, 30, 62, 0.4);
}

.c-ow-product-card {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 24px;
  gap: 24px;
  border: 1px solid #CCDDE4;
  background-color: #FFFFFF;
  flex-flow: wrap;
  justify-content: center;
  margin-bottom: 48px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card {
    flex-flow: nowrap;
    margin-bottom: 80px;
  }
}
.c-ow-product-card .c-ow-product__image {
  min-width: 294px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card .c-ow-product__image {
    min-width: 450px;
  }
}
@media screen and ( min-width: 1000px ) {
  .c-ow-product-card .c-ow-product__image {
    min-width: 600px;
  }
}
.c-ow-product-card .c-ow-product-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 100%;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card .c-ow-product-card__content {
    padding: 24px;
  }
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__list {
  color: #001e3e;
  font-size: 18px;
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__list li {
  align-items: flex-start;
  display: flex;
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__list li:not(:last-child) {
  margin-bottom: calc(var(--Baseline) * 1);
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__list li > svg {
  min-width: 24px;
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__choices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 517px;
}
.c-ow-product-card .c-ow-product-card__content .c-ow-product-card__choices .c-ow-product-card__choice {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 294px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card .c-ow-product-card__content .c-ow-product-card__choices .c-ow-product-card__choice {
    gap: 24px;
    width: 517px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.c-ow-product-card .c-ow-field__label {
  font-size: 15px;
  line-height: 19px;
  color: #005478;
}
.c-ow-product-card .c-ow-field__select {
  font-size: 17.72px;
  color: #005478;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
  gap: 12px;
  width: 294px;
  height: 48px;
  border: 2px solid #EAF1F5;
  border-radius: 8px;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card .c-ow-field__select {
    width: 332px;
  }
}
.c-ow-product-card .c-ow-field__select.c-ow-field__select--error, .c-ow-product-card .c-ow-field__select.c-ow-field__select--error:focus {
  border-bottom-color: #ED6B77;
}
.c-ow-product-card .c-ow-field__select:focus, .c-ow-product-card .c-ow-field__select:active {
  border: 2px solid #FAA000;
}
.c-ow-product-card .c-ow-field__select.c-ow-field__select--disabled {
  color: #2c3d53;
  background-color: #F7F9FB;
  border: 2px solid #EAF1F5;
}
.c-ow-product-card .c-ow-field__wrap {
  width: 294px;
  position: relative;
  display: block;
  z-index: 3;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card .c-ow-field__wrap {
    width: 332px;
  }
}
.c-ow-product-card .c-ow-field__wrap > svg {
  position: absolute;
  right: calc(var(--Baseline) * 2);
  top: 50%;
  transform: translateY(-50%);
  fill: #007aae;
  z-index: 1;
  pointer-events: none;
}

.c-ow-product-card__button {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
}
@media screen and ( min-width: 768px ) {
  .c-ow-product-card__button {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}

.c-ow-product-card__price {
  display: flex;
  align-items: baseline;
  padding: 0px;
  gap: 8px;
}

.c-ow-product-card__error {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.c-ow-product-price {
  font-style: normal;
  font-weight: 500;
  font-size: 31px;
  line-height: 34px;
  text-transform: uppercase;
  color: #005478;
}

.c-ow-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 30, 62, 0.62);
}

.c-ow-info-container {
  padding: 24px;
  height: 645px;
  left: 97px;
  top: 80px;
  background: #FFFFFF;
  border: 1px solid #CCDDE4;
  margin: 80px 0px;
}
.c-ow-info-container .c-ow-info-container__configuration {
  display: flex;
  justify-content: space-between;
}
.c-ow-info-container .c-ow-info-container__configuration label {
  margin-bottom: var(--Baseline) !important;
}
.c-ow-info-container .c-ow-info-container__description {
  position: relative;
}
.c-ow-info-container .c-ow-info-container__preview {
  position: relative;
  display: flex;
  background-color: #F7F9FB;
}
.c-ow-info-container .c-ow-info-container__preview .c-ow-info-container__tag {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: #FAA000;
  border-radius: 30px;
  padding: 2px 6px 1px;
}
.c-ow-info-container .c-ow-info-container__preview .c-ow-info-container__tag span {
  color: #001E3E;
  font-weight: 500;
}
.c-ow-info-container .c-ow-info-container__metadata {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 30, 62, 0.62);
}
.c-ow-info-container .u-flex-sb {
  display: flex;
  justify-content: space-between;
}
.c-ow-info-container .u-align-bottom {
  position: absolute;
  bottom: 0;
}

.c-download-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #005478;
  cursor: pointer;
  padding-left: 16px;
  background-image: url('../images/document.svg?t=1750145466751');
  background-repeat: no-repeat;
  background-position: 0 center;
}

@media screen and ( min-width: 768px ) {
  .c-ow-feature-container {
    margin-bottom: 32px;
  }
}
.c-ow-feature-container .c-ow-feature-container__description {
  padding: 0px 24px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-feature-container .c-ow-feature-container__description {
    padding: 0px 48px;
  }
}
.c-ow-feature-container .c-ow-feature-container__description .c-ow-mobile-app {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-feature-container .c-ow-feature-container__description .c-ow-mobile-app {
    margin-bottom: 0px;
  }
}
.c-ow-feature-container .c-ow-feature-container__description .c-ow-mobile-app .c-ow-button-app {
  padding: 0 calc(var(--Baseline) * 1);
  border: 2px solid #eaf1f5;
  background-color: #F7F9FB;
  border-radius: 0;
  color: #005478;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  display: flex;
  transition: border-color 0.2s ease-in;
  white-space: nowrap;
}
.c-ow-feature-container .c-ow-feature-container__description .c-ow-mobile-app .c-ow-button-app:hover {
  color: #005478;
  border-color: #005478;
}
.c-ow-feature-container .c-ow-feature-container__image {
  display: none;
}
@media screen and ( min-width: 768px ) {
  .c-ow-feature-container .c-ow-feature-container__image {
    display: flex;
    justify-content: center;
  }
}

.c-ow-fbox {
  margin-bottom: calc(var(--Baseline) * 4);
  flex: 0 1 100%;
}
@media screen and ( min-width: 768px ) {
  .c-ow-fbox {
    margin-bottom: 0;
  }
}
@media screen and ( min-width: 768px ) {
  .c-ow-fbox.c-ow-fbox--features {
    flex: 0 1 33%;
    padding-left: calc(var(--Baseline) * 4);
  }
}

.c-ow-order-details-summary {
  padding-left: 0px;
  border: 1px solid #CCDDE4;
  margin-bottom: 48px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-order-details-summary {
    padding-left: 40px;
    border: none;
    margin-bottom: 0px;
  }
}
.c-ow-order-details-summary > div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and ( min-width: 768px ) {
  .c-ow-order-details-summary > div {
    width: 288px;
  }
}
.c-ow-order-details-summary > div > img {
  align-self: center;
}
.c-ow-order-details-summary .c-ow-order-details-summary__costs {
  padding: calc(var(--Baseline) * 3);
  background-color: #EAF1F5;
}

.c-ow-order-form, .c-ow-order-complete {
  margin-top: 48px;
  margin-left: 0;
  flex-wrap: wrap;
}
@media screen and ( min-width: 768px ) {
  .c-ow-order-form, .c-ow-order-complete {
    margin-top: 193px;
    flex-wrap: nowrap;
  }
}

.c-ow-order-complete .c-ow-order-complete__summary {
  display: flex;
  flex-wrap: nowrap;
}
.c-ow-order-complete .c-ow-order-complete__summary > div:nth-child(1) {
  flex-basis: 224px;
  flex-grow: 0;
}
.c-ow-order-complete .c-ow-order-complete__summary > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.c-ow-order-complete .c-ow-order-complete__summary > div:nth-child(2) > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.c-ow-inline-card {
  padding: calc(var(--Baseline) * 2);
  margin-left: 0;
  display: flex;
  gap: 24px;
}
.c-ow-inline-card.c-ow-inline-card--blue-light {
  background-color: #EAF1F5;
}
.c-ow-inline-card.c-ow-inline-card--outline {
  border: 1px solid #CCDDE4;
  background: #F7F9FB;
}
.c-ow-inline-card.c-ow-inline-card--outline-16 {
  border: 1px solid #CCDDE4;
  background: #F7F9FB;
  gap: 16px;
}
.c-ow-inline-card .c-ow-inline-card--content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 443px;
}
.c-ow-inline-card .c-ow-inline-card--image {
  display: none;
}
@media screen and ( min-width: 768px ) {
  .c-ow-inline-card .c-ow-inline-card--image {
    display: block;
  }
}

.sprite-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.sprite-icons > div {
  flex-basis: 250px;
  flex-shrink: 0;
}

.c-ow-foot-notes {
  display: flex;
  justify-content: center;
  text-align: center;
  color: rgba(0, 30, 62, 0.62);
  font-size: calc(var(--Baseline) * 1.5);
}
@media screen and ( min-width: 768px ) {
  .c-ow-foot-notes {
    justify-content: flex-end;
    text-align: end;
  }
}

.c-public-heading {
  color: #005477;
  font-size: 24px;
}
@media screen and ( min-width: 768px ) {
  .c-public-heading {
    font-size: 31px;
  }
}
.c-public-heading.c-public-heading--type-1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.c-public-heading.c-public-heading--type-2 {
  font-size: 24px;
  margin-bottom: calc(var(--Baseline) * 2);
}
.c-public-heading.c-public-heading--only-sm {
  display: block;
}
@media screen and ( min-width: 768px ) {
  .c-public-heading.c-public-heading--only-sm {
    display: none;
  }
}

.c-ow-checkbox {
  font-size: 15px;
  line-height: 18.85px !important;
  font-weight: 500;
}

.o-container-wb {
  padding: 48px 24px;
  width: 100%;
}
@media screen and ( min-width: 768px ) {
  .o-container-wb {
    padding: 0;
  }
}

.o-container__wb {
  max-width: 100%;
}
@media screen and ( min-width: 768px ) {
  .o-container__wb {
    max-width: 97.6vw;
  }
}
@media screen and (min-width: 1352px) {
  .o-container__wb {
    max-width: 1320px;
  }
}

.c-sf-section.c-sf-section__ow {
  padding: 0;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-section__ow {
    padding: calc(var(--Baseline) * 7) 0;
  }
}
.c-sf-section.c-sf-section--blue-light-sm {
  min-height: 100vh;
  background-color: #ffffff;
  clip-path: none;
}
@media screen and ( min-width: 768px ) {
  .c-sf-section.c-sf-section--blue-light-sm {
    background-color: #eaf1f5;
    clip-path: polygon(0 calc(0% + 15px), 100% 0, 100% 100%, 0 100%);
  }
}

.c-ow-flat-list-sm {
  list-style: none;
  margin-left: 0px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-flat-list-sm {
    list-style: disc;
    margin-left: 24px;
  }
}
.c-ow-flat-list-sm > li {
  margin-top: 8px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-flat-list-sm > li {
    margin-top: 0px;
  }
}

.c-wb-orderdetails {
  width: 100%;
}
@media screen and ( min-width: 768px ) {
  .c-wb-orderdetails {
    width: unset;
  }
}
.c-wb-orderdetails .c-wb-orderdetails__buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: stretch;
  margin-bottom: 16px;
  gap: 16px;
}
@media screen and ( min-width: 768px ) {
  .c-wb-orderdetails .c-wb-orderdetails__buttons {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.c-ow-service-response {
  margin-bottom: 48px;
}
@media screen and ( min-width: 768px ) {
  .c-ow-service-response {
    margin-bottom: auto;
  }
}

.c-sf-burger-menu-content .c-sf-burger-menu__list .c-ow-label-regular {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 30, 62, 0.62);
}
.c-sf-burger-menu-content .c-sf-burger-menu__list .c-ow-body-regular {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #001E3E;
}
.c-sf-burger-menu-content .c-sf-burger-menu__list > li {
  margin-bottom: 24px;
}

.c-tag {
  width: -moz-fit-content;
  width: fit-content;
  height: calc(var(--Baseline) * 3);
  padding: 4px 16px;
  border-radius: 30px;
  display: block;
  line-height: 1.15;
}

.c-tag--green {
  background-color: #74b2a7;
  color: #fff;
}

.c-tag--red {
  background-color: #ed6b77;
  color: #fff;
}

.c-tag--yellow {
  background-color: #ffec80;
  color: #000;
}

.c-tag--grey {
  background-color: #DFE4EA;
  color: #000;
}

dialog {
  border: none;
  padding: 0;
  border-radius: 24px;
  margin: auto;
}

.country-dialog {
  border-radius: 24px;
  padding: 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  margin-top: 14px;
  margin-left: -522px;
}
.country-dialog ::-webkit-backdrop {
  background-color: rgba(44, 61, 83, 0.2);
}
.country-dialog ::backdrop {
  background-color: rgba(44, 61, 83, 0.2);
}
.country-dialog .country-dialog__body {
  padding: 12px 16px;
}

.country-switcher-markets {
  margin-top: 16px;
  column-count: 2;
  column-gap: calc(var(--Baseline));
}
.country-switcher-markets.modal {
  margin-top: 0;
}
.country-switcher-markets.single-column {
  column-count: 1;
}
.country-switcher-markets .country-switcher-market__wrapper {
  padding: 4px 0;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market {
  padding: 8px 16px;
  border-radius: 4px;
  break-inside: avoid;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market:hover {
  background-color: #f4f7f9;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-name {
  font-size: 18px;
  color: #001e3e;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-languages {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-languages .country-language {
  font-size: 15px;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-languages .country-language.active {
  color: #001e3e;
  border-bottom: 1px solid #001E3E;
  pointer-events: none;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-languages .country-language > a {
  color: #005478;
}
.country-switcher-markets .country-switcher-market__wrapper .country-switcher-market .country-languages .country-language > a:focus-visible {
  outline: none !important;
}

.language-dialog {
  display: none;
  position: absolute;
  top: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

.language-switcher {
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 18px;
}
.language-switcher.modal {
  padding: 32px;
}
.language-switcher .language-switcher__language {
  width: -moz-fit-content;
  width: fit-content;
}
.language-switcher .language-switcher__language > a {
  color: #005478;
}
.language-switcher .language-switcher__language.active {
  color: #001e3e;
  border-bottom: 1px solid #001e3e;
  pointer-events: none;
}

.address-dialog {
  width: 500px;
  padding: 48px;
}

.collapsible-container:last-child {
  border-bottom: 1px solid #99BAC9;
}

.c-collapsible {
  border-top: 1px solid #99BAC9;
}
.c-collapsible .c-collapsible__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.c-collapsible .c-collapsible__header .c-collapsible__heading {
  display: flex;
  flex: 1;
  align-items: center;
}
.c-collapsible .c-collapsible__header .c-collapsible__heading svg {
  margin-left: 4px;
}
.c-collapsible .c-collapsible__header .c-collapsible__icon {
  margin-right: 10px;
}
.c-collapsible .c-collapsible__header .c-collapsible__icon svg {
  width: 20px;
}
.c-collapsible .c-collapsible__content {
  padding: 4px;
}

.register-wrapper {
  padding: 0 256px;
}
@media screen and (max-width: 1439px) {
  .register-wrapper {
    padding: 72px 256px;
  }
}
@media screen and (max-width: 767px) {
  .register-wrapper {
    padding: 0 24px;
  }
}

.register-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  gap: 24px;
}
@media screen and (min-width: 1440px) {
  .register-body {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
  }
}

.register-steps {
  padding: 0;
}
@media screen and (min-width: 1440px) {
  .register-steps {
    min-width: 272px;
    height: 300px;
    position: fixed;
    left: 256px;
    left: 56px;
  }
}
@media screen and (min-width: 1920px) {
  .register-steps {
    left: 256px;
  }
}

.steps-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1439px) {
  .steps-body {
    flex-direction: row;
  }
}

.steps-info-wrapper {
  display: flex;
  gap: 10px;
}
.steps-info-wrapper.done .steps-icon {
  background-color: #76B1A7;
  padding: 2px;
}
.steps-info-wrapper.active .steps-text {
  font-weight: 500;
}
.steps-info-wrapper.next .steps-icon {
  background-color: #cbd2dc;
}
.steps-info-wrapper.next .steps-text {
  opacity: 0.3;
}

.steps-icon {
  color: white;
  background-color: #005478;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.steps-text {
  font-size: 18px;
  font-weight: 400;
  color: #001e3e;
}
@media screen and (max-width: 1439px) {
  .steps-text {
    display: none;
  }
}

.register-form {
  background-color: white;
  border-radius: 8px;
  min-width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .register-form {
    box-shadow: 0px 2px 16px 0px rgba(26, 26, 26, 0.08);
    min-width: 600px;
    max-width: 600px;
    padding: 48px;
  }
  .register-form.summary {
    padding: 32px;
  }
}
@media screen and (min-width: 768px) {
  .register-form.register-form--wide {
    min-width: 720px;
    max-width: 720px;
  }
}

.register-form--body-resending {
  opacity: 50%;
}

.register-step__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 6);
}

.register-step__header--main {
  text-align: center;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500;
  color: #005478;
}

.register-step__header--sub {
  font-size: 15px;
  font-weight: 400;
  color: rgba(0, 30, 62, 0.62);
  display: flex;
  justify-content: center;
  text-align: center;
}
.register-step__header--sub a {
  color: #007aae;
}

.register-step__body {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 3);
}
.register-step__body .o-form-label, .register-step__body .c-sf-label-field {
  margin-bottom: 0;
}

.register-step__alert {
  background-color: #EB7179;
  color: #fff;
  border-radius: var(--Baseline);
  padding: 8px 16px;
}

.register-step__nav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .register-step__nav {
    flex-direction: column-reverse;
    gap: 24px;
  }
}

.register-summary__nav {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .register-summary__nav {
    flex-direction: column-reverse;
    gap: 24px;
  }
}

.register-step__password-checks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline));
}

.password-check {
  display: flex;
  gap: calc(var(--Baseline));
}

.password-check__text {
  font-size: 15px;
  font-weight: 400;
  color: #001e3e;
}

.svg-green {
  fill: #74b2a7;
}

.svg-red {
  fill: #ed6b77;
}

.svg-white {
  fill: #fff;
}

.register-summary__container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--Baseline) * 4);
}

.register-summary__section__title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(0, 30, 62, 0.62);
  padding-left: calc(var(--Baseline) * 3);
  margin-bottom: calc(var(--Baseline));
}

.register-summary__section__body {
  position: relative;
  background-color: #F7F9FB;
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 32px;
  border-radius: 8px;
}
.register-summary__section__body > p {
  grid-column: span 2;
}
.register-summary__section__body.error {
  border: 1px solid #ed6b77;
}

.register-summary__section__item {
  word-break: break-word;
}
.register-summary__section__item > h3 {
  color: #005478;
}

.register-summary__section__footnotes {
  grid-column: span 2;
  font-size: 12px;
  color: #001e3e;
}

.register-summary__field {
  font-size: 15px;
  display: flex;
  flex-direction: column;
}

.register-summary__field__title {
  color: #005478;
  font-weight: 500;
}

.register-summary__field__data {
  font-weight: 400;
  color: #001e3e;
}

.register-summary__terms {
  display: flex;
  gap: calc(var(--Baseline));
}

.register-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.register-completed__header {
  font-size: 24px;
  color: #005478;
  text-align: center;
}

.register-completed__body {
  font-size: 15px;
  color: #001e3e;
  text-align: center;
}
.register-completed__body.success {
  padding: 24px;
  background-color: #F7F9FB;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 24px auto;
  gap: 16px;
  align-items: center;
}
.register-completed__body.success > p {
  text-align: left;
}
.register-completed__body.success > fleet-svg > svg {
  fill: #005478;
}
.register-completed__body.error > u {
  text-decoration: none;
  color: #007aae;
}
.register-completed__body.error > u:hover, .register-completed__body.error > u:focus {
  color: #1f9dc9;
  cursor: pointer;
}

.input-success {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #76B1A7;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 45px;
  z-index: 10;
  padding-left: 2px;
}

.input-svg {
  position: absolute;
  right: 16px;
  top: 42px;
  z-index: 1;
}

input[type=password] {
  letter-spacing: 2px;
}

input::placeholder {
  color: rgba(0, 30, 62, 0.3);
}

.adyen-checkout__input.adyen-checkout__card__exp-date__input, .adyen-checkout__input.adyen-checkout__card__cardNumber__input, .adyen-checkout__input.adyen-checkout__card__cvc__input, .adyen-checkout__input.adyen-checkout__card__holderName__input {
  font-size: 12px;
  height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #2c3d53;
}
.adyen-checkout__input:hover {
  border-color: #99a3ad;
}
.adyen-checkout__input.adyen-checkout__input--valid {
  border-color: #99a3ad;
}
.adyen-checkout__input.adyen-checkout__input--error {
  border-color: #ed6b77;
}

.adyen-checkout__label.adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #2c3d53;
}
.adyen-checkout__label .adyen-checkout__label__text {
  font-size: 14px;
  font-weight: 500;
}
.adyen-checkout__label .adyen-checkout__label__text.adyen-checkout__label__text--error {
  color: #2c3d53;
}

.adyen-checkout-form-instruction, .adyen-checkout__field__exp-date_hint, .adyen-checkout__card__cvc__hint {
  display: none;
}

.adyen-checkout__image, .adyen-checkout__icon {
  vertical-align: baseline;
}

img.c-contract-card__card-icon {
  border: 1px solid #cbd2dc;
  border-radius: 4px;
  margin-left: 8px;
  height: 16px;
  width: 24px;
}

.c-contract-card, .c-contract-card__item:last-child {
  margin-bottom: 0;
}

.adyen-checkout__checkbox {
  padding-right: 11px;
}

.banner {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #f08c00;
  font-family: "YourNow", sans-serif;
  font-size: 15px;
  font-style: normal;
  line-height: 22px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
.banner svg {
  display: flex;
}

/**
 * Enable / Disable breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Override breakpoints map only for align utility
 *
 * Type: Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-ai-start {
  align-items: flex-start !important;
}

.u-ai-end {
  align-items: flex-end !important;
}

.u-ai-center {
  align-items: center !important;
}

.u-ai-stretch {
  align-items: stretch !important;
}

.u-ai-baseline {
  align-items: baseline !important;
}

/**
 * Enable / Disable breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Override breakpoints map only for align utility
 *
 * Type: Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-align-top {
  vertical-align: top !important;
}

.u-align-bottom {
  vertical-align: bottom !important;
}

.u-align-middle {
  vertical-align: middle !important;
}

.u-align-baseline {
  vertical-align: baseline !important;
}

/**
 * Background color names
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-bgcolor-primary {
  background-color: #003452 !important;
}

.u-bgcolor-secondary {
  background-color: #faa000 !important;
}

.u-bgcolor-white {
  background-color: #fff !important;
}

.u-bgcolor-black {
  background-color: #000 !important;
}

.u-bgcolor-grey {
  background-color: #2c3d53 !important;
}

.u-bgcolor-grey-lighter {
  background-color: #69768c !important;
}

.u-bgcolor-green {
  background-color: #74b2a7 !important;
}

.u-bgcolor-green-dark {
  background-color: #458c94 !important;
}

.u-bgcolor-orange {
  background-color: #ffec80 !important;
}

.u-bgcolor-blue {
  background-color: #007aae !important;
}

.u-bgcolor-blue-dark {
  background-color: #001e3e !important;
}

.u-bgcolor-blue-darker {
  background-color: #005478 !important;
}

.u-bgcolor-red {
  background-color: #ed6b77 !important;
}

.u-bgcolor-red-dark {
  background-color: #952832 !important;
}

.u-bgcolor-sucsess {
  background-color: #eef3e6 !important;
}

.u-bgcolor-warning {
  background-color: #fdd0a7 !important;
}

.u-bgcolor-error {
  background-color: #fce8e9 !important;
}

.u-bgcolor-active {
  background-color: #34e656 !important;
}

.u-bgcolor-blue-light {
  background-color: #969ea9 !important;
}

.u-bgcolor-light {
  background-color: #bfc7cf !important;
}

.u-bgcolor-blue-lightest {
  background-color: #edf1f5 !important;
}

.u-bgcolor-light-bg {
  background-color: #f4f7f9 !important;
}

/**
 * Namespace classes
 *
 * Type: String
 */
.u-cf:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Color names
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-color-primary {
  color: #003452 !important;
}

.u-color-secondary {
  color: #faa000 !important;
}

.u-color-white {
  color: #fff !important;
}

.u-color-black {
  color: #000 !important;
}

.u-color-grey {
  color: #2c3d53 !important;
}

.u-color-grey-lighter {
  color: #69768c !important;
}

.u-color-green {
  color: #74b2a7 !important;
}

.u-color-green-dark {
  color: #458c94 !important;
}

.u-color-orange {
  color: #ffec80 !important;
}

.u-color-blue {
  color: #007aae !important;
}

.u-color-blue-dark {
  color: #001e3e !important;
}

.u-color-blue-darker {
  color: #005478 !important;
}

.u-color-red {
  color: #ed6b77 !important;
}

.u-color-red-dark {
  color: #952832 !important;
}

.u-color-sucsess {
  color: #eef3e6 !important;
}

.u-color-warning {
  color: #fdd0a7 !important;
}

.u-color-error {
  color: #fce8e9 !important;
}

.u-color-active {
  color: #34e656 !important;
}

.u-color-blue-light {
  color: #969ea9 !important;
}

.u-color-light {
  color: #bfc7cf !important;
}

.u-color-blue-lightest {
  color: #edf1f5 !important;
}

.u-color-light-bg {
  color: #f4f7f9 !important;
}

/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for display utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-flex {
  display: flex !important;
}

.u-block {
  display: block !important;
}

.u-hidden {
  display: none !important;
}

.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-visually-hidden {
  clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
}

@media screen and ( min-width: 400px ) {
  .u-flex\@xs {
    display: flex !important;
  }
  .u-block\@xs {
    display: block !important;
  }
  .u-hidden\@xs {
    display: none !important;
  }
  .u-inline\@xs {
    display: inline !important;
  }
  .u-inline-block\@xs {
    display: inline-block !important;
  }
  .u-visually-hidden\@xs {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-flex\@upto-xs {
    display: flex !important;
  }
  .u-block\@upto-xs {
    display: block !important;
  }
  .u-hidden\@upto-xs {
    display: none !important;
  }
  .u-inline\@upto-xs {
    display: inline !important;
  }
  .u-inline-block\@upto-xs {
    display: inline-block !important;
  }
  .u-visually-hidden\@upto-xs {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-flex\@sm {
    display: flex !important;
  }
  .u-block\@sm {
    display: block !important;
  }
  .u-hidden\@sm {
    display: none !important;
  }
  .u-inline\@sm {
    display: inline !important;
  }
  .u-inline-block\@sm {
    display: inline-block !important;
  }
  .u-visually-hidden\@sm {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-flex\@md {
    display: flex !important;
  }
  .u-block\@md {
    display: block !important;
  }
  .u-hidden\@md {
    display: none !important;
  }
  .u-inline\@md {
    display: inline !important;
  }
  .u-inline-block\@md {
    display: inline-block !important;
  }
  .u-visually-hidden\@md {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-flex\@upto-md {
    display: flex !important;
  }
  .u-block\@upto-md {
    display: block !important;
  }
  .u-hidden\@upto-md {
    display: none !important;
  }
  .u-inline\@upto-md {
    display: inline !important;
  }
  .u-inline-block\@upto-md {
    display: inline-block !important;
  }
  .u-visually-hidden\@upto-md {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-flex\@lg {
    display: flex !important;
  }
  .u-block\@lg {
    display: block !important;
  }
  .u-hidden\@lg {
    display: none !important;
  }
  .u-inline\@lg {
    display: inline !important;
  }
  .u-inline-block\@lg {
    display: inline-block !important;
  }
  .u-visually-hidden\@lg {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-flex\@upto-lg {
    display: flex !important;
  }
  .u-block\@upto-lg {
    display: block !important;
  }
  .u-hidden\@upto-lg {
    display: none !important;
  }
  .u-inline\@upto-lg {
    display: inline !important;
  }
  .u-inline-block\@upto-lg {
    display: inline-block !important;
  }
  .u-visually-hidden\@upto-lg {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-flex\@xl {
    display: flex !important;
  }
  .u-block\@xl {
    display: block !important;
  }
  .u-hidden\@xl {
    display: none !important;
  }
  .u-inline\@xl {
    display: inline !important;
  }
  .u-inline-block\@xl {
    display: inline-block !important;
  }
  .u-visually-hidden\@xl {
    clip: rect(1px 1px 1px 1px) !important; /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    width: 1px !important;
  }
}
/**
 * Enable / Disable breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Override breakpoints map only for align utility
 *
 * Type: Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-fd-row {
  flex-direction: row !important;
}

.u-fd-rowrev {
  flex-direction: row-reverse !important;
}

.u-fd-col {
  flex-direction: column !important;
}

.u-fd-colrev {
  flex-direction: column-reverse !important;
}

/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for float utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

@media screen and ( min-width: 400px ) {
  .u-float-left\@xs {
    float: left !important;
  }
  .u-float-right\@xs {
    float: right !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-float-left\@upto-xs {
    float: left !important;
  }
  .u-float-right\@upto-xs {
    float: right !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-float-left\@sm {
    float: left !important;
  }
  .u-float-right\@sm {
    float: right !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-float-left\@md {
    float: left !important;
  }
  .u-float-right\@md {
    float: right !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-float-left\@upto-md {
    float: left !important;
  }
  .u-float-right\@upto-md {
    float: right !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-float-left\@lg {
    float: left !important;
  }
  .u-float-right\@lg {
    float: right !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-float-left\@upto-lg {
    float: left !important;
  }
  .u-float-right\@upto-lg {
    float: right !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-float-left\@xl {
    float: left !important;
  }
  .u-float-right\@xl {
    float: right !important;
  }
}
/**
 * Enable / Disable breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Override breakpoints map only for align utility
 *
 * Type: Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-jc-start {
  justify-content: flex-start !important;
}

.u-jc-end {
  justify-content: flex-end !important;
}

.u-jc-center {
  justify-content: center !important;
}

.u-jc-between {
  justify-content: space-between !important;
}

.u-jc-around {
  justify-content: space-around !important;
}

/**
 * Margin default gutter. Use a number for a simple size
 * and a map for responsive.
 *
 * Type: Number / Map
 */
/**
 * Margin extra gutters.
 *
 * Type: Map
 */
/**
 * Enables / Disables responsive classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for margin utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-m {
  margin: 8px !important;
}

.u-mt {
  margin-top: 8px !important;
}

.u-mr {
  margin-right: 8px !important;
}

.u-mb {
  margin-bottom: 8px !important;
}

.u-ml {
  margin-left: 8px !important;
}

.u-mv {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-mh {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.u-m-none {
  margin: 0 !important;
}

.u-mt-none {
  margin-top: 0 !important;
}

.u-mr-none {
  margin-right: 0 !important;
}

.u-mb-none {
  margin-bottom: 0 !important;
}

.u-ml-none {
  margin-left: 0 !important;
}

.u-mv-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-mh-none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.u-m-x2 {
  margin: 16px !important;
}

.u-mt-x2 {
  margin-top: 16px !important;
}

.u-mr-x2 {
  margin-right: 16px !important;
}

.u-mb-x2 {
  margin-bottom: 16px !important;
}

.u-ml-x2 {
  margin-left: 16px !important;
}

.u-mv-x2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-mh-x2 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.u-m-x3 {
  margin: 24px !important;
}

.u-mt-x3 {
  margin-top: 24px !important;
}

.u-mr-x3 {
  margin-right: 24px !important;
}

.u-mb-x3 {
  margin-bottom: 24px !important;
}

.u-ml-x3 {
  margin-left: 24px !important;
}

.u-mv-x3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-mh-x3 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.u-m-x4 {
  margin: 32px !important;
}

.u-mt-x4 {
  margin-top: 32px !important;
}

.u-mr-x4 {
  margin-right: 32px !important;
}

.u-mb-x4 {
  margin-bottom: 32px !important;
}

.u-ml-x4 {
  margin-left: 32px !important;
}

.u-mv-x4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-mh-x4 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.u-m-x5 {
  margin: 40px !important;
}

.u-mt-x5 {
  margin-top: 40px !important;
}

.u-mr-x5 {
  margin-right: 40px !important;
}

.u-mb-x5 {
  margin-bottom: 40px !important;
}

.u-ml-x5 {
  margin-left: 40px !important;
}

.u-mv-x5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-mh-x5 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.u-m-x6 {
  margin: 48px !important;
}

.u-mt-x6 {
  margin-top: 48px !important;
}

.u-mr-x6 {
  margin-right: 48px !important;
}

.u-mb-x6 {
  margin-bottom: 48px !important;
}

.u-ml-x6 {
  margin-left: 48px !important;
}

.u-mv-x6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-mh-x6 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.u-m-x7 {
  margin: 56px !important;
}

.u-mt-x7 {
  margin-top: 56px !important;
}

.u-mr-x7 {
  margin-right: 56px !important;
}

.u-mb-x7 {
  margin-bottom: 56px !important;
}

.u-ml-x7 {
  margin-left: 56px !important;
}

.u-mv-x7 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.u-mh-x7 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.u-m-x8 {
  margin: 64px !important;
}

.u-mt-x8 {
  margin-top: 64px !important;
}

.u-mr-x8 {
  margin-right: 64px !important;
}

.u-mb-x8 {
  margin-bottom: 64px !important;
}

.u-ml-x8 {
  margin-left: 64px !important;
}

.u-mv-x8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.u-mh-x8 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.u-m-x9 {
  margin: 72px !important;
}

.u-mt-x9 {
  margin-top: 72px !important;
}

.u-mr-x9 {
  margin-right: 72px !important;
}

.u-mb-x9 {
  margin-bottom: 72px !important;
}

.u-ml-x9 {
  margin-left: 72px !important;
}

.u-mv-x9 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.u-mh-x9 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.u-m-x10 {
  margin: 80px !important;
}

.u-mt-x10 {
  margin-top: 80px !important;
}

.u-mr-x10 {
  margin-right: 80px !important;
}

.u-mb-x10 {
  margin-bottom: 80px !important;
}

.u-ml-x10 {
  margin-left: 80px !important;
}

.u-mv-x10 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.u-mh-x10 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.u-m-x14 {
  margin: 112px !important;
}

.u-mt-x14 {
  margin-top: 112px !important;
}

.u-mr-x14 {
  margin-right: 112px !important;
}

.u-mb-x14 {
  margin-bottom: 112px !important;
}

.u-ml-x14 {
  margin-left: 112px !important;
}

.u-mv-x14 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.u-mh-x14 {
  margin-right: 112px !important;
  margin-left: 112px !important;
}

.u-m-x15 {
  margin: 120px !important;
}

.u-mt-x15 {
  margin-top: 120px !important;
}

.u-mr-x15 {
  margin-right: 120px !important;
}

.u-mb-x15 {
  margin-bottom: 120px !important;
}

.u-ml-x15 {
  margin-left: 120px !important;
}

.u-mv-x15 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.u-mh-x15 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.u-m-x20 {
  margin: 160px !important;
}

.u-mt-x20 {
  margin-top: 160px !important;
}

.u-mr-x20 {
  margin-right: 160px !important;
}

.u-mb-x20 {
  margin-bottom: 160px !important;
}

.u-ml-x20 {
  margin-left: 160px !important;
}

.u-mv-x20 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.u-mh-x20 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

@media screen and ( min-width: 400px ) {
  .u-m\@xs {
    margin: 8px !important;
  }
  .u-mt\@xs {
    margin-top: 8px !important;
  }
  .u-mr\@xs {
    margin-right: 8px !important;
  }
  .u-mb\@xs {
    margin-bottom: 8px !important;
  }
  .u-ml\@xs {
    margin-left: 8px !important;
  }
  .u-mv\@xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m\@upto-xs {
    margin: 8px !important;
  }
  .u-mt\@upto-xs {
    margin-top: 8px !important;
  }
  .u-mr\@upto-xs {
    margin-right: 8px !important;
  }
  .u-mb\@upto-xs {
    margin-bottom: 8px !important;
  }
  .u-ml\@upto-xs {
    margin-left: 8px !important;
  }
  .u-mv\@upto-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@upto-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m\@sm {
    margin: 8px !important;
  }
  .u-mt\@sm {
    margin-top: 8px !important;
  }
  .u-mr\@sm {
    margin-right: 8px !important;
  }
  .u-mb\@sm {
    margin-bottom: 8px !important;
  }
  .u-ml\@sm {
    margin-left: 8px !important;
  }
  .u-mv\@sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m\@md {
    margin: 8px !important;
  }
  .u-mt\@md {
    margin-top: 8px !important;
  }
  .u-mr\@md {
    margin-right: 8px !important;
  }
  .u-mb\@md {
    margin-bottom: 8px !important;
  }
  .u-ml\@md {
    margin-left: 8px !important;
  }
  .u-mv\@md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m\@upto-md {
    margin: 8px !important;
  }
  .u-mt\@upto-md {
    margin-top: 8px !important;
  }
  .u-mr\@upto-md {
    margin-right: 8px !important;
  }
  .u-mb\@upto-md {
    margin-bottom: 8px !important;
  }
  .u-ml\@upto-md {
    margin-left: 8px !important;
  }
  .u-mv\@upto-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@upto-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m\@lg {
    margin: 8px !important;
  }
  .u-mt\@lg {
    margin-top: 8px !important;
  }
  .u-mr\@lg {
    margin-right: 8px !important;
  }
  .u-mb\@lg {
    margin-bottom: 8px !important;
  }
  .u-ml\@lg {
    margin-left: 8px !important;
  }
  .u-mv\@lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m\@upto-lg {
    margin: 8px !important;
  }
  .u-mt\@upto-lg {
    margin-top: 8px !important;
  }
  .u-mr\@upto-lg {
    margin-right: 8px !important;
  }
  .u-mb\@upto-lg {
    margin-bottom: 8px !important;
  }
  .u-ml\@upto-lg {
    margin-left: 8px !important;
  }
  .u-mv\@upto-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@upto-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m\@xl {
    margin: 8px !important;
  }
  .u-mt\@xl {
    margin-top: 8px !important;
  }
  .u-mr\@xl {
    margin-right: 8px !important;
  }
  .u-mb\@xl {
    margin-bottom: 8px !important;
  }
  .u-ml\@xl {
    margin-left: 8px !important;
  }
  .u-mv\@xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mh\@xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-none\@xs {
    margin: 0 !important;
  }
  .u-mt-none\@xs {
    margin-top: 0 !important;
  }
  .u-mr-none\@xs {
    margin-right: 0 !important;
  }
  .u-mb-none\@xs {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@xs {
    margin-left: 0 !important;
  }
  .u-mv-none\@xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@xs {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-none\@upto-xs {
    margin: 0 !important;
  }
  .u-mt-none\@upto-xs {
    margin-top: 0 !important;
  }
  .u-mr-none\@upto-xs {
    margin-right: 0 !important;
  }
  .u-mb-none\@upto-xs {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@upto-xs {
    margin-left: 0 !important;
  }
  .u-mv-none\@upto-xs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@upto-xs {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-none\@sm {
    margin: 0 !important;
  }
  .u-mt-none\@sm {
    margin-top: 0 !important;
  }
  .u-mr-none\@sm {
    margin-right: 0 !important;
  }
  .u-mb-none\@sm {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@sm {
    margin-left: 0 !important;
  }
  .u-mv-none\@sm {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@sm {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-none\@md {
    margin: 0 !important;
  }
  .u-mt-none\@md {
    margin-top: 0 !important;
  }
  .u-mr-none\@md {
    margin-right: 0 !important;
  }
  .u-mb-none\@md {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@md {
    margin-left: 0 !important;
  }
  .u-mv-none\@md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-none\@upto-md {
    margin: 0 !important;
  }
  .u-mt-none\@upto-md {
    margin-top: 0 !important;
  }
  .u-mr-none\@upto-md {
    margin-right: 0 !important;
  }
  .u-mb-none\@upto-md {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@upto-md {
    margin-left: 0 !important;
  }
  .u-mv-none\@upto-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@upto-md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-none\@lg {
    margin: 0 !important;
  }
  .u-mt-none\@lg {
    margin-top: 0 !important;
  }
  .u-mr-none\@lg {
    margin-right: 0 !important;
  }
  .u-mb-none\@lg {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@lg {
    margin-left: 0 !important;
  }
  .u-mv-none\@lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-none\@upto-lg {
    margin: 0 !important;
  }
  .u-mt-none\@upto-lg {
    margin-top: 0 !important;
  }
  .u-mr-none\@upto-lg {
    margin-right: 0 !important;
  }
  .u-mb-none\@upto-lg {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@upto-lg {
    margin-left: 0 !important;
  }
  .u-mv-none\@upto-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@upto-lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-none\@xl {
    margin: 0 !important;
  }
  .u-mt-none\@xl {
    margin-top: 0 !important;
  }
  .u-mr-none\@xl {
    margin-right: 0 !important;
  }
  .u-mb-none\@xl {
    margin-bottom: 0 !important;
  }
  .u-ml-none\@xl {
    margin-left: 0 !important;
  }
  .u-mv-none\@xl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .u-mh-none\@xl {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x2\@xs {
    margin: 16px !important;
  }
  .u-mt-x2\@xs {
    margin-top: 16px !important;
  }
  .u-mr-x2\@xs {
    margin-right: 16px !important;
  }
  .u-mb-x2\@xs {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@xs {
    margin-left: 16px !important;
  }
  .u-mv-x2\@xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x2\@upto-xs {
    margin: 16px !important;
  }
  .u-mt-x2\@upto-xs {
    margin-top: 16px !important;
  }
  .u-mr-x2\@upto-xs {
    margin-right: 16px !important;
  }
  .u-mb-x2\@upto-xs {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@upto-xs {
    margin-left: 16px !important;
  }
  .u-mv-x2\@upto-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@upto-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x2\@sm {
    margin: 16px !important;
  }
  .u-mt-x2\@sm {
    margin-top: 16px !important;
  }
  .u-mr-x2\@sm {
    margin-right: 16px !important;
  }
  .u-mb-x2\@sm {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@sm {
    margin-left: 16px !important;
  }
  .u-mv-x2\@sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x2\@md {
    margin: 16px !important;
  }
  .u-mt-x2\@md {
    margin-top: 16px !important;
  }
  .u-mr-x2\@md {
    margin-right: 16px !important;
  }
  .u-mb-x2\@md {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@md {
    margin-left: 16px !important;
  }
  .u-mv-x2\@md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x2\@upto-md {
    margin: 16px !important;
  }
  .u-mt-x2\@upto-md {
    margin-top: 16px !important;
  }
  .u-mr-x2\@upto-md {
    margin-right: 16px !important;
  }
  .u-mb-x2\@upto-md {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@upto-md {
    margin-left: 16px !important;
  }
  .u-mv-x2\@upto-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@upto-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x2\@lg {
    margin: 16px !important;
  }
  .u-mt-x2\@lg {
    margin-top: 16px !important;
  }
  .u-mr-x2\@lg {
    margin-right: 16px !important;
  }
  .u-mb-x2\@lg {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@lg {
    margin-left: 16px !important;
  }
  .u-mv-x2\@lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x2\@upto-lg {
    margin: 16px !important;
  }
  .u-mt-x2\@upto-lg {
    margin-top: 16px !important;
  }
  .u-mr-x2\@upto-lg {
    margin-right: 16px !important;
  }
  .u-mb-x2\@upto-lg {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@upto-lg {
    margin-left: 16px !important;
  }
  .u-mv-x2\@upto-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@upto-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x2\@xl {
    margin: 16px !important;
  }
  .u-mt-x2\@xl {
    margin-top: 16px !important;
  }
  .u-mr-x2\@xl {
    margin-right: 16px !important;
  }
  .u-mb-x2\@xl {
    margin-bottom: 16px !important;
  }
  .u-ml-x2\@xl {
    margin-left: 16px !important;
  }
  .u-mv-x2\@xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mh-x2\@xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x3\@xs {
    margin: 24px !important;
  }
  .u-mt-x3\@xs {
    margin-top: 24px !important;
  }
  .u-mr-x3\@xs {
    margin-right: 24px !important;
  }
  .u-mb-x3\@xs {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@xs {
    margin-left: 24px !important;
  }
  .u-mv-x3\@xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x3\@upto-xs {
    margin: 24px !important;
  }
  .u-mt-x3\@upto-xs {
    margin-top: 24px !important;
  }
  .u-mr-x3\@upto-xs {
    margin-right: 24px !important;
  }
  .u-mb-x3\@upto-xs {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@upto-xs {
    margin-left: 24px !important;
  }
  .u-mv-x3\@upto-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@upto-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x3\@sm {
    margin: 24px !important;
  }
  .u-mt-x3\@sm {
    margin-top: 24px !important;
  }
  .u-mr-x3\@sm {
    margin-right: 24px !important;
  }
  .u-mb-x3\@sm {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@sm {
    margin-left: 24px !important;
  }
  .u-mv-x3\@sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x3\@md {
    margin: 24px !important;
  }
  .u-mt-x3\@md {
    margin-top: 24px !important;
  }
  .u-mr-x3\@md {
    margin-right: 24px !important;
  }
  .u-mb-x3\@md {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@md {
    margin-left: 24px !important;
  }
  .u-mv-x3\@md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x3\@upto-md {
    margin: 24px !important;
  }
  .u-mt-x3\@upto-md {
    margin-top: 24px !important;
  }
  .u-mr-x3\@upto-md {
    margin-right: 24px !important;
  }
  .u-mb-x3\@upto-md {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@upto-md {
    margin-left: 24px !important;
  }
  .u-mv-x3\@upto-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@upto-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x3\@lg {
    margin: 24px !important;
  }
  .u-mt-x3\@lg {
    margin-top: 24px !important;
  }
  .u-mr-x3\@lg {
    margin-right: 24px !important;
  }
  .u-mb-x3\@lg {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@lg {
    margin-left: 24px !important;
  }
  .u-mv-x3\@lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x3\@upto-lg {
    margin: 24px !important;
  }
  .u-mt-x3\@upto-lg {
    margin-top: 24px !important;
  }
  .u-mr-x3\@upto-lg {
    margin-right: 24px !important;
  }
  .u-mb-x3\@upto-lg {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@upto-lg {
    margin-left: 24px !important;
  }
  .u-mv-x3\@upto-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@upto-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x3\@xl {
    margin: 24px !important;
  }
  .u-mt-x3\@xl {
    margin-top: 24px !important;
  }
  .u-mr-x3\@xl {
    margin-right: 24px !important;
  }
  .u-mb-x3\@xl {
    margin-bottom: 24px !important;
  }
  .u-ml-x3\@xl {
    margin-left: 24px !important;
  }
  .u-mv-x3\@xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mh-x3\@xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x4\@xs {
    margin: 32px !important;
  }
  .u-mt-x4\@xs {
    margin-top: 32px !important;
  }
  .u-mr-x4\@xs {
    margin-right: 32px !important;
  }
  .u-mb-x4\@xs {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@xs {
    margin-left: 32px !important;
  }
  .u-mv-x4\@xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x4\@upto-xs {
    margin: 32px !important;
  }
  .u-mt-x4\@upto-xs {
    margin-top: 32px !important;
  }
  .u-mr-x4\@upto-xs {
    margin-right: 32px !important;
  }
  .u-mb-x4\@upto-xs {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@upto-xs {
    margin-left: 32px !important;
  }
  .u-mv-x4\@upto-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@upto-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x4\@sm {
    margin: 32px !important;
  }
  .u-mt-x4\@sm {
    margin-top: 32px !important;
  }
  .u-mr-x4\@sm {
    margin-right: 32px !important;
  }
  .u-mb-x4\@sm {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@sm {
    margin-left: 32px !important;
  }
  .u-mv-x4\@sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x4\@md {
    margin: 32px !important;
  }
  .u-mt-x4\@md {
    margin-top: 32px !important;
  }
  .u-mr-x4\@md {
    margin-right: 32px !important;
  }
  .u-mb-x4\@md {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@md {
    margin-left: 32px !important;
  }
  .u-mv-x4\@md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x4\@upto-md {
    margin: 32px !important;
  }
  .u-mt-x4\@upto-md {
    margin-top: 32px !important;
  }
  .u-mr-x4\@upto-md {
    margin-right: 32px !important;
  }
  .u-mb-x4\@upto-md {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@upto-md {
    margin-left: 32px !important;
  }
  .u-mv-x4\@upto-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@upto-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x4\@lg {
    margin: 32px !important;
  }
  .u-mt-x4\@lg {
    margin-top: 32px !important;
  }
  .u-mr-x4\@lg {
    margin-right: 32px !important;
  }
  .u-mb-x4\@lg {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@lg {
    margin-left: 32px !important;
  }
  .u-mv-x4\@lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x4\@upto-lg {
    margin: 32px !important;
  }
  .u-mt-x4\@upto-lg {
    margin-top: 32px !important;
  }
  .u-mr-x4\@upto-lg {
    margin-right: 32px !important;
  }
  .u-mb-x4\@upto-lg {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@upto-lg {
    margin-left: 32px !important;
  }
  .u-mv-x4\@upto-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@upto-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x4\@xl {
    margin: 32px !important;
  }
  .u-mt-x4\@xl {
    margin-top: 32px !important;
  }
  .u-mr-x4\@xl {
    margin-right: 32px !important;
  }
  .u-mb-x4\@xl {
    margin-bottom: 32px !important;
  }
  .u-ml-x4\@xl {
    margin-left: 32px !important;
  }
  .u-mv-x4\@xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mh-x4\@xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x5\@xs {
    margin: 40px !important;
  }
  .u-mt-x5\@xs {
    margin-top: 40px !important;
  }
  .u-mr-x5\@xs {
    margin-right: 40px !important;
  }
  .u-mb-x5\@xs {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@xs {
    margin-left: 40px !important;
  }
  .u-mv-x5\@xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x5\@upto-xs {
    margin: 40px !important;
  }
  .u-mt-x5\@upto-xs {
    margin-top: 40px !important;
  }
  .u-mr-x5\@upto-xs {
    margin-right: 40px !important;
  }
  .u-mb-x5\@upto-xs {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@upto-xs {
    margin-left: 40px !important;
  }
  .u-mv-x5\@upto-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@upto-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x5\@sm {
    margin: 40px !important;
  }
  .u-mt-x5\@sm {
    margin-top: 40px !important;
  }
  .u-mr-x5\@sm {
    margin-right: 40px !important;
  }
  .u-mb-x5\@sm {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@sm {
    margin-left: 40px !important;
  }
  .u-mv-x5\@sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x5\@md {
    margin: 40px !important;
  }
  .u-mt-x5\@md {
    margin-top: 40px !important;
  }
  .u-mr-x5\@md {
    margin-right: 40px !important;
  }
  .u-mb-x5\@md {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@md {
    margin-left: 40px !important;
  }
  .u-mv-x5\@md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x5\@upto-md {
    margin: 40px !important;
  }
  .u-mt-x5\@upto-md {
    margin-top: 40px !important;
  }
  .u-mr-x5\@upto-md {
    margin-right: 40px !important;
  }
  .u-mb-x5\@upto-md {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@upto-md {
    margin-left: 40px !important;
  }
  .u-mv-x5\@upto-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@upto-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x5\@lg {
    margin: 40px !important;
  }
  .u-mt-x5\@lg {
    margin-top: 40px !important;
  }
  .u-mr-x5\@lg {
    margin-right: 40px !important;
  }
  .u-mb-x5\@lg {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@lg {
    margin-left: 40px !important;
  }
  .u-mv-x5\@lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x5\@upto-lg {
    margin: 40px !important;
  }
  .u-mt-x5\@upto-lg {
    margin-top: 40px !important;
  }
  .u-mr-x5\@upto-lg {
    margin-right: 40px !important;
  }
  .u-mb-x5\@upto-lg {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@upto-lg {
    margin-left: 40px !important;
  }
  .u-mv-x5\@upto-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@upto-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x5\@xl {
    margin: 40px !important;
  }
  .u-mt-x5\@xl {
    margin-top: 40px !important;
  }
  .u-mr-x5\@xl {
    margin-right: 40px !important;
  }
  .u-mb-x5\@xl {
    margin-bottom: 40px !important;
  }
  .u-ml-x5\@xl {
    margin-left: 40px !important;
  }
  .u-mv-x5\@xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mh-x5\@xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x6\@xs {
    margin: 48px !important;
  }
  .u-mt-x6\@xs {
    margin-top: 48px !important;
  }
  .u-mr-x6\@xs {
    margin-right: 48px !important;
  }
  .u-mb-x6\@xs {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@xs {
    margin-left: 48px !important;
  }
  .u-mv-x6\@xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x6\@upto-xs {
    margin: 48px !important;
  }
  .u-mt-x6\@upto-xs {
    margin-top: 48px !important;
  }
  .u-mr-x6\@upto-xs {
    margin-right: 48px !important;
  }
  .u-mb-x6\@upto-xs {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@upto-xs {
    margin-left: 48px !important;
  }
  .u-mv-x6\@upto-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@upto-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x6\@sm {
    margin: 48px !important;
  }
  .u-mt-x6\@sm {
    margin-top: 48px !important;
  }
  .u-mr-x6\@sm {
    margin-right: 48px !important;
  }
  .u-mb-x6\@sm {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@sm {
    margin-left: 48px !important;
  }
  .u-mv-x6\@sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x6\@md {
    margin: 48px !important;
  }
  .u-mt-x6\@md {
    margin-top: 48px !important;
  }
  .u-mr-x6\@md {
    margin-right: 48px !important;
  }
  .u-mb-x6\@md {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@md {
    margin-left: 48px !important;
  }
  .u-mv-x6\@md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x6\@upto-md {
    margin: 48px !important;
  }
  .u-mt-x6\@upto-md {
    margin-top: 48px !important;
  }
  .u-mr-x6\@upto-md {
    margin-right: 48px !important;
  }
  .u-mb-x6\@upto-md {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@upto-md {
    margin-left: 48px !important;
  }
  .u-mv-x6\@upto-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@upto-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x6\@lg {
    margin: 48px !important;
  }
  .u-mt-x6\@lg {
    margin-top: 48px !important;
  }
  .u-mr-x6\@lg {
    margin-right: 48px !important;
  }
  .u-mb-x6\@lg {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@lg {
    margin-left: 48px !important;
  }
  .u-mv-x6\@lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x6\@upto-lg {
    margin: 48px !important;
  }
  .u-mt-x6\@upto-lg {
    margin-top: 48px !important;
  }
  .u-mr-x6\@upto-lg {
    margin-right: 48px !important;
  }
  .u-mb-x6\@upto-lg {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@upto-lg {
    margin-left: 48px !important;
  }
  .u-mv-x6\@upto-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@upto-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x6\@xl {
    margin: 48px !important;
  }
  .u-mt-x6\@xl {
    margin-top: 48px !important;
  }
  .u-mr-x6\@xl {
    margin-right: 48px !important;
  }
  .u-mb-x6\@xl {
    margin-bottom: 48px !important;
  }
  .u-ml-x6\@xl {
    margin-left: 48px !important;
  }
  .u-mv-x6\@xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-mh-x6\@xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x7\@xs {
    margin: 56px !important;
  }
  .u-mt-x7\@xs {
    margin-top: 56px !important;
  }
  .u-mr-x7\@xs {
    margin-right: 56px !important;
  }
  .u-mb-x7\@xs {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@xs {
    margin-left: 56px !important;
  }
  .u-mv-x7\@xs {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@xs {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x7\@upto-xs {
    margin: 56px !important;
  }
  .u-mt-x7\@upto-xs {
    margin-top: 56px !important;
  }
  .u-mr-x7\@upto-xs {
    margin-right: 56px !important;
  }
  .u-mb-x7\@upto-xs {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@upto-xs {
    margin-left: 56px !important;
  }
  .u-mv-x7\@upto-xs {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@upto-xs {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x7\@sm {
    margin: 56px !important;
  }
  .u-mt-x7\@sm {
    margin-top: 56px !important;
  }
  .u-mr-x7\@sm {
    margin-right: 56px !important;
  }
  .u-mb-x7\@sm {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@sm {
    margin-left: 56px !important;
  }
  .u-mv-x7\@sm {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@sm {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x7\@md {
    margin: 56px !important;
  }
  .u-mt-x7\@md {
    margin-top: 56px !important;
  }
  .u-mr-x7\@md {
    margin-right: 56px !important;
  }
  .u-mb-x7\@md {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@md {
    margin-left: 56px !important;
  }
  .u-mv-x7\@md {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@md {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x7\@upto-md {
    margin: 56px !important;
  }
  .u-mt-x7\@upto-md {
    margin-top: 56px !important;
  }
  .u-mr-x7\@upto-md {
    margin-right: 56px !important;
  }
  .u-mb-x7\@upto-md {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@upto-md {
    margin-left: 56px !important;
  }
  .u-mv-x7\@upto-md {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@upto-md {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x7\@lg {
    margin: 56px !important;
  }
  .u-mt-x7\@lg {
    margin-top: 56px !important;
  }
  .u-mr-x7\@lg {
    margin-right: 56px !important;
  }
  .u-mb-x7\@lg {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@lg {
    margin-left: 56px !important;
  }
  .u-mv-x7\@lg {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@lg {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x7\@upto-lg {
    margin: 56px !important;
  }
  .u-mt-x7\@upto-lg {
    margin-top: 56px !important;
  }
  .u-mr-x7\@upto-lg {
    margin-right: 56px !important;
  }
  .u-mb-x7\@upto-lg {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@upto-lg {
    margin-left: 56px !important;
  }
  .u-mv-x7\@upto-lg {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@upto-lg {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x7\@xl {
    margin: 56px !important;
  }
  .u-mt-x7\@xl {
    margin-top: 56px !important;
  }
  .u-mr-x7\@xl {
    margin-right: 56px !important;
  }
  .u-mb-x7\@xl {
    margin-bottom: 56px !important;
  }
  .u-ml-x7\@xl {
    margin-left: 56px !important;
  }
  .u-mv-x7\@xl {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .u-mh-x7\@xl {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x8\@xs {
    margin: 64px !important;
  }
  .u-mt-x8\@xs {
    margin-top: 64px !important;
  }
  .u-mr-x8\@xs {
    margin-right: 64px !important;
  }
  .u-mb-x8\@xs {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@xs {
    margin-left: 64px !important;
  }
  .u-mv-x8\@xs {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@xs {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x8\@upto-xs {
    margin: 64px !important;
  }
  .u-mt-x8\@upto-xs {
    margin-top: 64px !important;
  }
  .u-mr-x8\@upto-xs {
    margin-right: 64px !important;
  }
  .u-mb-x8\@upto-xs {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@upto-xs {
    margin-left: 64px !important;
  }
  .u-mv-x8\@upto-xs {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@upto-xs {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x8\@sm {
    margin: 64px !important;
  }
  .u-mt-x8\@sm {
    margin-top: 64px !important;
  }
  .u-mr-x8\@sm {
    margin-right: 64px !important;
  }
  .u-mb-x8\@sm {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@sm {
    margin-left: 64px !important;
  }
  .u-mv-x8\@sm {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@sm {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x8\@md {
    margin: 64px !important;
  }
  .u-mt-x8\@md {
    margin-top: 64px !important;
  }
  .u-mr-x8\@md {
    margin-right: 64px !important;
  }
  .u-mb-x8\@md {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@md {
    margin-left: 64px !important;
  }
  .u-mv-x8\@md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@md {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x8\@upto-md {
    margin: 64px !important;
  }
  .u-mt-x8\@upto-md {
    margin-top: 64px !important;
  }
  .u-mr-x8\@upto-md {
    margin-right: 64px !important;
  }
  .u-mb-x8\@upto-md {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@upto-md {
    margin-left: 64px !important;
  }
  .u-mv-x8\@upto-md {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@upto-md {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x8\@lg {
    margin: 64px !important;
  }
  .u-mt-x8\@lg {
    margin-top: 64px !important;
  }
  .u-mr-x8\@lg {
    margin-right: 64px !important;
  }
  .u-mb-x8\@lg {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@lg {
    margin-left: 64px !important;
  }
  .u-mv-x8\@lg {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@lg {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x8\@upto-lg {
    margin: 64px !important;
  }
  .u-mt-x8\@upto-lg {
    margin-top: 64px !important;
  }
  .u-mr-x8\@upto-lg {
    margin-right: 64px !important;
  }
  .u-mb-x8\@upto-lg {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@upto-lg {
    margin-left: 64px !important;
  }
  .u-mv-x8\@upto-lg {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@upto-lg {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x8\@xl {
    margin: 64px !important;
  }
  .u-mt-x8\@xl {
    margin-top: 64px !important;
  }
  .u-mr-x8\@xl {
    margin-right: 64px !important;
  }
  .u-mb-x8\@xl {
    margin-bottom: 64px !important;
  }
  .u-ml-x8\@xl {
    margin-left: 64px !important;
  }
  .u-mv-x8\@xl {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .u-mh-x8\@xl {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x9\@xs {
    margin: 72px !important;
  }
  .u-mt-x9\@xs {
    margin-top: 72px !important;
  }
  .u-mr-x9\@xs {
    margin-right: 72px !important;
  }
  .u-mb-x9\@xs {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@xs {
    margin-left: 72px !important;
  }
  .u-mv-x9\@xs {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@xs {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x9\@upto-xs {
    margin: 72px !important;
  }
  .u-mt-x9\@upto-xs {
    margin-top: 72px !important;
  }
  .u-mr-x9\@upto-xs {
    margin-right: 72px !important;
  }
  .u-mb-x9\@upto-xs {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@upto-xs {
    margin-left: 72px !important;
  }
  .u-mv-x9\@upto-xs {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@upto-xs {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x9\@sm {
    margin: 72px !important;
  }
  .u-mt-x9\@sm {
    margin-top: 72px !important;
  }
  .u-mr-x9\@sm {
    margin-right: 72px !important;
  }
  .u-mb-x9\@sm {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@sm {
    margin-left: 72px !important;
  }
  .u-mv-x9\@sm {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@sm {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x9\@md {
    margin: 72px !important;
  }
  .u-mt-x9\@md {
    margin-top: 72px !important;
  }
  .u-mr-x9\@md {
    margin-right: 72px !important;
  }
  .u-mb-x9\@md {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@md {
    margin-left: 72px !important;
  }
  .u-mv-x9\@md {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@md {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x9\@upto-md {
    margin: 72px !important;
  }
  .u-mt-x9\@upto-md {
    margin-top: 72px !important;
  }
  .u-mr-x9\@upto-md {
    margin-right: 72px !important;
  }
  .u-mb-x9\@upto-md {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@upto-md {
    margin-left: 72px !important;
  }
  .u-mv-x9\@upto-md {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@upto-md {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x9\@lg {
    margin: 72px !important;
  }
  .u-mt-x9\@lg {
    margin-top: 72px !important;
  }
  .u-mr-x9\@lg {
    margin-right: 72px !important;
  }
  .u-mb-x9\@lg {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@lg {
    margin-left: 72px !important;
  }
  .u-mv-x9\@lg {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@lg {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x9\@upto-lg {
    margin: 72px !important;
  }
  .u-mt-x9\@upto-lg {
    margin-top: 72px !important;
  }
  .u-mr-x9\@upto-lg {
    margin-right: 72px !important;
  }
  .u-mb-x9\@upto-lg {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@upto-lg {
    margin-left: 72px !important;
  }
  .u-mv-x9\@upto-lg {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@upto-lg {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x9\@xl {
    margin: 72px !important;
  }
  .u-mt-x9\@xl {
    margin-top: 72px !important;
  }
  .u-mr-x9\@xl {
    margin-right: 72px !important;
  }
  .u-mb-x9\@xl {
    margin-bottom: 72px !important;
  }
  .u-ml-x9\@xl {
    margin-left: 72px !important;
  }
  .u-mv-x9\@xl {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .u-mh-x9\@xl {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x10\@xs {
    margin: 80px !important;
  }
  .u-mt-x10\@xs {
    margin-top: 80px !important;
  }
  .u-mr-x10\@xs {
    margin-right: 80px !important;
  }
  .u-mb-x10\@xs {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@xs {
    margin-left: 80px !important;
  }
  .u-mv-x10\@xs {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@xs {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x10\@upto-xs {
    margin: 80px !important;
  }
  .u-mt-x10\@upto-xs {
    margin-top: 80px !important;
  }
  .u-mr-x10\@upto-xs {
    margin-right: 80px !important;
  }
  .u-mb-x10\@upto-xs {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@upto-xs {
    margin-left: 80px !important;
  }
  .u-mv-x10\@upto-xs {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@upto-xs {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x10\@sm {
    margin: 80px !important;
  }
  .u-mt-x10\@sm {
    margin-top: 80px !important;
  }
  .u-mr-x10\@sm {
    margin-right: 80px !important;
  }
  .u-mb-x10\@sm {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@sm {
    margin-left: 80px !important;
  }
  .u-mv-x10\@sm {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@sm {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x10\@md {
    margin: 80px !important;
  }
  .u-mt-x10\@md {
    margin-top: 80px !important;
  }
  .u-mr-x10\@md {
    margin-right: 80px !important;
  }
  .u-mb-x10\@md {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@md {
    margin-left: 80px !important;
  }
  .u-mv-x10\@md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@md {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x10\@upto-md {
    margin: 80px !important;
  }
  .u-mt-x10\@upto-md {
    margin-top: 80px !important;
  }
  .u-mr-x10\@upto-md {
    margin-right: 80px !important;
  }
  .u-mb-x10\@upto-md {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@upto-md {
    margin-left: 80px !important;
  }
  .u-mv-x10\@upto-md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@upto-md {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x10\@lg {
    margin: 80px !important;
  }
  .u-mt-x10\@lg {
    margin-top: 80px !important;
  }
  .u-mr-x10\@lg {
    margin-right: 80px !important;
  }
  .u-mb-x10\@lg {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@lg {
    margin-left: 80px !important;
  }
  .u-mv-x10\@lg {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@lg {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x10\@upto-lg {
    margin: 80px !important;
  }
  .u-mt-x10\@upto-lg {
    margin-top: 80px !important;
  }
  .u-mr-x10\@upto-lg {
    margin-right: 80px !important;
  }
  .u-mb-x10\@upto-lg {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@upto-lg {
    margin-left: 80px !important;
  }
  .u-mv-x10\@upto-lg {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@upto-lg {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x10\@xl {
    margin: 80px !important;
  }
  .u-mt-x10\@xl {
    margin-top: 80px !important;
  }
  .u-mr-x10\@xl {
    margin-right: 80px !important;
  }
  .u-mb-x10\@xl {
    margin-bottom: 80px !important;
  }
  .u-ml-x10\@xl {
    margin-left: 80px !important;
  }
  .u-mv-x10\@xl {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .u-mh-x10\@xl {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x14\@xs {
    margin: 112px !important;
  }
  .u-mt-x14\@xs {
    margin-top: 112px !important;
  }
  .u-mr-x14\@xs {
    margin-right: 112px !important;
  }
  .u-mb-x14\@xs {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@xs {
    margin-left: 112px !important;
  }
  .u-mv-x14\@xs {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@xs {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x14\@upto-xs {
    margin: 112px !important;
  }
  .u-mt-x14\@upto-xs {
    margin-top: 112px !important;
  }
  .u-mr-x14\@upto-xs {
    margin-right: 112px !important;
  }
  .u-mb-x14\@upto-xs {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@upto-xs {
    margin-left: 112px !important;
  }
  .u-mv-x14\@upto-xs {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@upto-xs {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x14\@sm {
    margin: 112px !important;
  }
  .u-mt-x14\@sm {
    margin-top: 112px !important;
  }
  .u-mr-x14\@sm {
    margin-right: 112px !important;
  }
  .u-mb-x14\@sm {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@sm {
    margin-left: 112px !important;
  }
  .u-mv-x14\@sm {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@sm {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x14\@md {
    margin: 112px !important;
  }
  .u-mt-x14\@md {
    margin-top: 112px !important;
  }
  .u-mr-x14\@md {
    margin-right: 112px !important;
  }
  .u-mb-x14\@md {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@md {
    margin-left: 112px !important;
  }
  .u-mv-x14\@md {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@md {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x14\@upto-md {
    margin: 112px !important;
  }
  .u-mt-x14\@upto-md {
    margin-top: 112px !important;
  }
  .u-mr-x14\@upto-md {
    margin-right: 112px !important;
  }
  .u-mb-x14\@upto-md {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@upto-md {
    margin-left: 112px !important;
  }
  .u-mv-x14\@upto-md {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@upto-md {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x14\@lg {
    margin: 112px !important;
  }
  .u-mt-x14\@lg {
    margin-top: 112px !important;
  }
  .u-mr-x14\@lg {
    margin-right: 112px !important;
  }
  .u-mb-x14\@lg {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@lg {
    margin-left: 112px !important;
  }
  .u-mv-x14\@lg {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@lg {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x14\@upto-lg {
    margin: 112px !important;
  }
  .u-mt-x14\@upto-lg {
    margin-top: 112px !important;
  }
  .u-mr-x14\@upto-lg {
    margin-right: 112px !important;
  }
  .u-mb-x14\@upto-lg {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@upto-lg {
    margin-left: 112px !important;
  }
  .u-mv-x14\@upto-lg {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@upto-lg {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x14\@xl {
    margin: 112px !important;
  }
  .u-mt-x14\@xl {
    margin-top: 112px !important;
  }
  .u-mr-x14\@xl {
    margin-right: 112px !important;
  }
  .u-mb-x14\@xl {
    margin-bottom: 112px !important;
  }
  .u-ml-x14\@xl {
    margin-left: 112px !important;
  }
  .u-mv-x14\@xl {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .u-mh-x14\@xl {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x15\@xs {
    margin: 120px !important;
  }
  .u-mt-x15\@xs {
    margin-top: 120px !important;
  }
  .u-mr-x15\@xs {
    margin-right: 120px !important;
  }
  .u-mb-x15\@xs {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@xs {
    margin-left: 120px !important;
  }
  .u-mv-x15\@xs {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@xs {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x15\@upto-xs {
    margin: 120px !important;
  }
  .u-mt-x15\@upto-xs {
    margin-top: 120px !important;
  }
  .u-mr-x15\@upto-xs {
    margin-right: 120px !important;
  }
  .u-mb-x15\@upto-xs {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@upto-xs {
    margin-left: 120px !important;
  }
  .u-mv-x15\@upto-xs {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@upto-xs {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x15\@sm {
    margin: 120px !important;
  }
  .u-mt-x15\@sm {
    margin-top: 120px !important;
  }
  .u-mr-x15\@sm {
    margin-right: 120px !important;
  }
  .u-mb-x15\@sm {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@sm {
    margin-left: 120px !important;
  }
  .u-mv-x15\@sm {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@sm {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x15\@md {
    margin: 120px !important;
  }
  .u-mt-x15\@md {
    margin-top: 120px !important;
  }
  .u-mr-x15\@md {
    margin-right: 120px !important;
  }
  .u-mb-x15\@md {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@md {
    margin-left: 120px !important;
  }
  .u-mv-x15\@md {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@md {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x15\@upto-md {
    margin: 120px !important;
  }
  .u-mt-x15\@upto-md {
    margin-top: 120px !important;
  }
  .u-mr-x15\@upto-md {
    margin-right: 120px !important;
  }
  .u-mb-x15\@upto-md {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@upto-md {
    margin-left: 120px !important;
  }
  .u-mv-x15\@upto-md {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@upto-md {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x15\@lg {
    margin: 120px !important;
  }
  .u-mt-x15\@lg {
    margin-top: 120px !important;
  }
  .u-mr-x15\@lg {
    margin-right: 120px !important;
  }
  .u-mb-x15\@lg {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@lg {
    margin-left: 120px !important;
  }
  .u-mv-x15\@lg {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@lg {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x15\@upto-lg {
    margin: 120px !important;
  }
  .u-mt-x15\@upto-lg {
    margin-top: 120px !important;
  }
  .u-mr-x15\@upto-lg {
    margin-right: 120px !important;
  }
  .u-mb-x15\@upto-lg {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@upto-lg {
    margin-left: 120px !important;
  }
  .u-mv-x15\@upto-lg {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@upto-lg {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x15\@xl {
    margin: 120px !important;
  }
  .u-mt-x15\@xl {
    margin-top: 120px !important;
  }
  .u-mr-x15\@xl {
    margin-right: 120px !important;
  }
  .u-mb-x15\@xl {
    margin-bottom: 120px !important;
  }
  .u-ml-x15\@xl {
    margin-left: 120px !important;
  }
  .u-mv-x15\@xl {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .u-mh-x15\@xl {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-m-x20\@xs {
    margin: 160px !important;
  }
  .u-mt-x20\@xs {
    margin-top: 160px !important;
  }
  .u-mr-x20\@xs {
    margin-right: 160px !important;
  }
  .u-mb-x20\@xs {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@xs {
    margin-left: 160px !important;
  }
  .u-mv-x20\@xs {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@xs {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-m-x20\@upto-xs {
    margin: 160px !important;
  }
  .u-mt-x20\@upto-xs {
    margin-top: 160px !important;
  }
  .u-mr-x20\@upto-xs {
    margin-right: 160px !important;
  }
  .u-mb-x20\@upto-xs {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@upto-xs {
    margin-left: 160px !important;
  }
  .u-mv-x20\@upto-xs {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@upto-xs {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-m-x20\@sm {
    margin: 160px !important;
  }
  .u-mt-x20\@sm {
    margin-top: 160px !important;
  }
  .u-mr-x20\@sm {
    margin-right: 160px !important;
  }
  .u-mb-x20\@sm {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@sm {
    margin-left: 160px !important;
  }
  .u-mv-x20\@sm {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@sm {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-m-x20\@md {
    margin: 160px !important;
  }
  .u-mt-x20\@md {
    margin-top: 160px !important;
  }
  .u-mr-x20\@md {
    margin-right: 160px !important;
  }
  .u-mb-x20\@md {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@md {
    margin-left: 160px !important;
  }
  .u-mv-x20\@md {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@md {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-m-x20\@upto-md {
    margin: 160px !important;
  }
  .u-mt-x20\@upto-md {
    margin-top: 160px !important;
  }
  .u-mr-x20\@upto-md {
    margin-right: 160px !important;
  }
  .u-mb-x20\@upto-md {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@upto-md {
    margin-left: 160px !important;
  }
  .u-mv-x20\@upto-md {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@upto-md {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-m-x20\@lg {
    margin: 160px !important;
  }
  .u-mt-x20\@lg {
    margin-top: 160px !important;
  }
  .u-mr-x20\@lg {
    margin-right: 160px !important;
  }
  .u-mb-x20\@lg {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@lg {
    margin-left: 160px !important;
  }
  .u-mv-x20\@lg {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@lg {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-m-x20\@upto-lg {
    margin: 160px !important;
  }
  .u-mt-x20\@upto-lg {
    margin-top: 160px !important;
  }
  .u-mr-x20\@upto-lg {
    margin-right: 160px !important;
  }
  .u-mb-x20\@upto-lg {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@upto-lg {
    margin-left: 160px !important;
  }
  .u-mv-x20\@upto-lg {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@upto-lg {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-m-x20\@xl {
    margin: 160px !important;
  }
  .u-mt-x20\@xl {
    margin-top: 160px !important;
  }
  .u-mr-x20\@xl {
    margin-right: 160px !important;
  }
  .u-mb-x20\@xl {
    margin-bottom: 160px !important;
  }
  .u-ml-x20\@xl {
    margin-left: 160px !important;
  }
  .u-mv-x20\@xl {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .u-mh-x20\@xl {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
}
/**
 * Opacity sizes
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
/**
 * Padding default gutter. Use a number for a simple size
 * and a map for responsive.
 *
 * Type: Number / Map
 */
/**
 * Padding extra gutters.
 *
 * Type: Map
 */
/**
 * Enables / Disables responsive classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for padding utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-p {
  padding: 8px !important;
}

.u-pt {
  padding-top: 8px !important;
}

.u-pr {
  padding-right: 8px !important;
}

.u-pb {
  padding-bottom: 8px !important;
}

.u-pl {
  padding-left: 8px !important;
}

.u-pv {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.u-ph {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.u-p-none {
  padding: 0 !important;
}

.u-pt-none {
  padding-top: 0 !important;
}

.u-pr-none {
  padding-right: 0 !important;
}

.u-pb-none {
  padding-bottom: 0 !important;
}

.u-pl-none {
  padding-left: 0 !important;
}

.u-pv-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-ph-none {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.u-p-x2 {
  padding: 16px !important;
}

.u-pt-x2 {
  padding-top: 16px !important;
}

.u-pr-x2 {
  padding-right: 16px !important;
}

.u-pb-x2 {
  padding-bottom: 16px !important;
}

.u-pl-x2 {
  padding-left: 16px !important;
}

.u-pv-x2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.u-ph-x2 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.u-p-x25 {
  padding: 20px !important;
}

.u-pt-x25 {
  padding-top: 20px !important;
}

.u-pr-x25 {
  padding-right: 20px !important;
}

.u-pb-x25 {
  padding-bottom: 20px !important;
}

.u-pl-x25 {
  padding-left: 20px !important;
}

.u-pv-x25 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.u-ph-x25 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.u-p-x3 {
  padding: 24px !important;
}

.u-pt-x3 {
  padding-top: 24px !important;
}

.u-pr-x3 {
  padding-right: 24px !important;
}

.u-pb-x3 {
  padding-bottom: 24px !important;
}

.u-pl-x3 {
  padding-left: 24px !important;
}

.u-pv-x3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-ph-x3 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.u-p-x4 {
  padding: 32px !important;
}

.u-pt-x4 {
  padding-top: 32px !important;
}

.u-pr-x4 {
  padding-right: 32px !important;
}

.u-pb-x4 {
  padding-bottom: 32px !important;
}

.u-pl-x4 {
  padding-left: 32px !important;
}

.u-pv-x4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.u-ph-x4 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.u-p-x5 {
  padding: 40px !important;
}

.u-pt-x5 {
  padding-top: 40px !important;
}

.u-pr-x5 {
  padding-right: 40px !important;
}

.u-pb-x5 {
  padding-bottom: 40px !important;
}

.u-pl-x5 {
  padding-left: 40px !important;
}

.u-pv-x5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.u-ph-x5 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.u-p-x6 {
  padding: 48px !important;
}

.u-pt-x6 {
  padding-top: 48px !important;
}

.u-pr-x6 {
  padding-right: 48px !important;
}

.u-pb-x6 {
  padding-bottom: 48px !important;
}

.u-pl-x6 {
  padding-left: 48px !important;
}

.u-pv-x6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-ph-x6 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.u-p-x7 {
  padding: 56px !important;
}

.u-pt-x7 {
  padding-top: 56px !important;
}

.u-pr-x7 {
  padding-right: 56px !important;
}

.u-pb-x7 {
  padding-bottom: 56px !important;
}

.u-pl-x7 {
  padding-left: 56px !important;
}

.u-pv-x7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.u-ph-x7 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.u-p-x8 {
  padding: 64px !important;
}

.u-pt-x8 {
  padding-top: 64px !important;
}

.u-pr-x8 {
  padding-right: 64px !important;
}

.u-pb-x8 {
  padding-bottom: 64px !important;
}

.u-pl-x8 {
  padding-left: 64px !important;
}

.u-pv-x8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.u-ph-x8 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.u-p-x9 {
  padding: 72px !important;
}

.u-pt-x9 {
  padding-top: 72px !important;
}

.u-pr-x9 {
  padding-right: 72px !important;
}

.u-pb-x9 {
  padding-bottom: 72px !important;
}

.u-pl-x9 {
  padding-left: 72px !important;
}

.u-pv-x9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.u-ph-x9 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.u-p-x10 {
  padding: 80px !important;
}

.u-pt-x10 {
  padding-top: 80px !important;
}

.u-pr-x10 {
  padding-right: 80px !important;
}

.u-pb-x10 {
  padding-bottom: 80px !important;
}

.u-pl-x10 {
  padding-left: 80px !important;
}

.u-pv-x10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.u-ph-x10 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

@media screen and ( min-width: 400px ) {
  .u-p\@xs {
    padding: 8px !important;
  }
  .u-pt\@xs {
    padding-top: 8px !important;
  }
  .u-pr\@xs {
    padding-right: 8px !important;
  }
  .u-pb\@xs {
    padding-bottom: 8px !important;
  }
  .u-pl\@xs {
    padding-left: 8px !important;
  }
  .u-pv\@xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p\@upto-xs {
    padding: 8px !important;
  }
  .u-pt\@upto-xs {
    padding-top: 8px !important;
  }
  .u-pr\@upto-xs {
    padding-right: 8px !important;
  }
  .u-pb\@upto-xs {
    padding-bottom: 8px !important;
  }
  .u-pl\@upto-xs {
    padding-left: 8px !important;
  }
  .u-pv\@upto-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@upto-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p\@sm {
    padding: 8px !important;
  }
  .u-pt\@sm {
    padding-top: 8px !important;
  }
  .u-pr\@sm {
    padding-right: 8px !important;
  }
  .u-pb\@sm {
    padding-bottom: 8px !important;
  }
  .u-pl\@sm {
    padding-left: 8px !important;
  }
  .u-pv\@sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p\@md {
    padding: 8px !important;
  }
  .u-pt\@md {
    padding-top: 8px !important;
  }
  .u-pr\@md {
    padding-right: 8px !important;
  }
  .u-pb\@md {
    padding-bottom: 8px !important;
  }
  .u-pl\@md {
    padding-left: 8px !important;
  }
  .u-pv\@md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p\@upto-md {
    padding: 8px !important;
  }
  .u-pt\@upto-md {
    padding-top: 8px !important;
  }
  .u-pr\@upto-md {
    padding-right: 8px !important;
  }
  .u-pb\@upto-md {
    padding-bottom: 8px !important;
  }
  .u-pl\@upto-md {
    padding-left: 8px !important;
  }
  .u-pv\@upto-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@upto-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p\@lg {
    padding: 8px !important;
  }
  .u-pt\@lg {
    padding-top: 8px !important;
  }
  .u-pr\@lg {
    padding-right: 8px !important;
  }
  .u-pb\@lg {
    padding-bottom: 8px !important;
  }
  .u-pl\@lg {
    padding-left: 8px !important;
  }
  .u-pv\@lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p\@upto-lg {
    padding: 8px !important;
  }
  .u-pt\@upto-lg {
    padding-top: 8px !important;
  }
  .u-pr\@upto-lg {
    padding-right: 8px !important;
  }
  .u-pb\@upto-lg {
    padding-bottom: 8px !important;
  }
  .u-pl\@upto-lg {
    padding-left: 8px !important;
  }
  .u-pv\@upto-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@upto-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p\@xl {
    padding: 8px !important;
  }
  .u-pt\@xl {
    padding-top: 8px !important;
  }
  .u-pr\@xl {
    padding-right: 8px !important;
  }
  .u-pb\@xl {
    padding-bottom: 8px !important;
  }
  .u-pl\@xl {
    padding-left: 8px !important;
  }
  .u-pv\@xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-ph\@xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-none\@xs {
    padding: 0 !important;
  }
  .u-pt-none\@xs {
    padding-top: 0 !important;
  }
  .u-pr-none\@xs {
    padding-right: 0 !important;
  }
  .u-pb-none\@xs {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@xs {
    padding-left: 0 !important;
  }
  .u-pv-none\@xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@xs {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-none\@upto-xs {
    padding: 0 !important;
  }
  .u-pt-none\@upto-xs {
    padding-top: 0 !important;
  }
  .u-pr-none\@upto-xs {
    padding-right: 0 !important;
  }
  .u-pb-none\@upto-xs {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@upto-xs {
    padding-left: 0 !important;
  }
  .u-pv-none\@upto-xs {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@upto-xs {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-none\@sm {
    padding: 0 !important;
  }
  .u-pt-none\@sm {
    padding-top: 0 !important;
  }
  .u-pr-none\@sm {
    padding-right: 0 !important;
  }
  .u-pb-none\@sm {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@sm {
    padding-left: 0 !important;
  }
  .u-pv-none\@sm {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@sm {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-none\@md {
    padding: 0 !important;
  }
  .u-pt-none\@md {
    padding-top: 0 !important;
  }
  .u-pr-none\@md {
    padding-right: 0 !important;
  }
  .u-pb-none\@md {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@md {
    padding-left: 0 !important;
  }
  .u-pv-none\@md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-none\@upto-md {
    padding: 0 !important;
  }
  .u-pt-none\@upto-md {
    padding-top: 0 !important;
  }
  .u-pr-none\@upto-md {
    padding-right: 0 !important;
  }
  .u-pb-none\@upto-md {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@upto-md {
    padding-left: 0 !important;
  }
  .u-pv-none\@upto-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@upto-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-none\@lg {
    padding: 0 !important;
  }
  .u-pt-none\@lg {
    padding-top: 0 !important;
  }
  .u-pr-none\@lg {
    padding-right: 0 !important;
  }
  .u-pb-none\@lg {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@lg {
    padding-left: 0 !important;
  }
  .u-pv-none\@lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-none\@upto-lg {
    padding: 0 !important;
  }
  .u-pt-none\@upto-lg {
    padding-top: 0 !important;
  }
  .u-pr-none\@upto-lg {
    padding-right: 0 !important;
  }
  .u-pb-none\@upto-lg {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@upto-lg {
    padding-left: 0 !important;
  }
  .u-pv-none\@upto-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@upto-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-none\@xl {
    padding: 0 !important;
  }
  .u-pt-none\@xl {
    padding-top: 0 !important;
  }
  .u-pr-none\@xl {
    padding-right: 0 !important;
  }
  .u-pb-none\@xl {
    padding-bottom: 0 !important;
  }
  .u-pl-none\@xl {
    padding-left: 0 !important;
  }
  .u-pv-none\@xl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .u-ph-none\@xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x2\@xs {
    padding: 16px !important;
  }
  .u-pt-x2\@xs {
    padding-top: 16px !important;
  }
  .u-pr-x2\@xs {
    padding-right: 16px !important;
  }
  .u-pb-x2\@xs {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@xs {
    padding-left: 16px !important;
  }
  .u-pv-x2\@xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x2\@upto-xs {
    padding: 16px !important;
  }
  .u-pt-x2\@upto-xs {
    padding-top: 16px !important;
  }
  .u-pr-x2\@upto-xs {
    padding-right: 16px !important;
  }
  .u-pb-x2\@upto-xs {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@upto-xs {
    padding-left: 16px !important;
  }
  .u-pv-x2\@upto-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@upto-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x2\@sm {
    padding: 16px !important;
  }
  .u-pt-x2\@sm {
    padding-top: 16px !important;
  }
  .u-pr-x2\@sm {
    padding-right: 16px !important;
  }
  .u-pb-x2\@sm {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@sm {
    padding-left: 16px !important;
  }
  .u-pv-x2\@sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x2\@md {
    padding: 16px !important;
  }
  .u-pt-x2\@md {
    padding-top: 16px !important;
  }
  .u-pr-x2\@md {
    padding-right: 16px !important;
  }
  .u-pb-x2\@md {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@md {
    padding-left: 16px !important;
  }
  .u-pv-x2\@md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x2\@upto-md {
    padding: 16px !important;
  }
  .u-pt-x2\@upto-md {
    padding-top: 16px !important;
  }
  .u-pr-x2\@upto-md {
    padding-right: 16px !important;
  }
  .u-pb-x2\@upto-md {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@upto-md {
    padding-left: 16px !important;
  }
  .u-pv-x2\@upto-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@upto-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x2\@lg {
    padding: 16px !important;
  }
  .u-pt-x2\@lg {
    padding-top: 16px !important;
  }
  .u-pr-x2\@lg {
    padding-right: 16px !important;
  }
  .u-pb-x2\@lg {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@lg {
    padding-left: 16px !important;
  }
  .u-pv-x2\@lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x2\@upto-lg {
    padding: 16px !important;
  }
  .u-pt-x2\@upto-lg {
    padding-top: 16px !important;
  }
  .u-pr-x2\@upto-lg {
    padding-right: 16px !important;
  }
  .u-pb-x2\@upto-lg {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@upto-lg {
    padding-left: 16px !important;
  }
  .u-pv-x2\@upto-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@upto-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x2\@xl {
    padding: 16px !important;
  }
  .u-pt-x2\@xl {
    padding-top: 16px !important;
  }
  .u-pr-x2\@xl {
    padding-right: 16px !important;
  }
  .u-pb-x2\@xl {
    padding-bottom: 16px !important;
  }
  .u-pl-x2\@xl {
    padding-left: 16px !important;
  }
  .u-pv-x2\@xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-ph-x2\@xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x25\@xs {
    padding: 20px !important;
  }
  .u-pt-x25\@xs {
    padding-top: 20px !important;
  }
  .u-pr-x25\@xs {
    padding-right: 20px !important;
  }
  .u-pb-x25\@xs {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@xs {
    padding-left: 20px !important;
  }
  .u-pv-x25\@xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@xs {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x25\@upto-xs {
    padding: 20px !important;
  }
  .u-pt-x25\@upto-xs {
    padding-top: 20px !important;
  }
  .u-pr-x25\@upto-xs {
    padding-right: 20px !important;
  }
  .u-pb-x25\@upto-xs {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@upto-xs {
    padding-left: 20px !important;
  }
  .u-pv-x25\@upto-xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@upto-xs {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x25\@sm {
    padding: 20px !important;
  }
  .u-pt-x25\@sm {
    padding-top: 20px !important;
  }
  .u-pr-x25\@sm {
    padding-right: 20px !important;
  }
  .u-pb-x25\@sm {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@sm {
    padding-left: 20px !important;
  }
  .u-pv-x25\@sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@sm {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x25\@md {
    padding: 20px !important;
  }
  .u-pt-x25\@md {
    padding-top: 20px !important;
  }
  .u-pr-x25\@md {
    padding-right: 20px !important;
  }
  .u-pb-x25\@md {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@md {
    padding-left: 20px !important;
  }
  .u-pv-x25\@md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x25\@upto-md {
    padding: 20px !important;
  }
  .u-pt-x25\@upto-md {
    padding-top: 20px !important;
  }
  .u-pr-x25\@upto-md {
    padding-right: 20px !important;
  }
  .u-pb-x25\@upto-md {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@upto-md {
    padding-left: 20px !important;
  }
  .u-pv-x25\@upto-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@upto-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x25\@lg {
    padding: 20px !important;
  }
  .u-pt-x25\@lg {
    padding-top: 20px !important;
  }
  .u-pr-x25\@lg {
    padding-right: 20px !important;
  }
  .u-pb-x25\@lg {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@lg {
    padding-left: 20px !important;
  }
  .u-pv-x25\@lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x25\@upto-lg {
    padding: 20px !important;
  }
  .u-pt-x25\@upto-lg {
    padding-top: 20px !important;
  }
  .u-pr-x25\@upto-lg {
    padding-right: 20px !important;
  }
  .u-pb-x25\@upto-lg {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@upto-lg {
    padding-left: 20px !important;
  }
  .u-pv-x25\@upto-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@upto-lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x25\@xl {
    padding: 20px !important;
  }
  .u-pt-x25\@xl {
    padding-top: 20px !important;
  }
  .u-pr-x25\@xl {
    padding-right: 20px !important;
  }
  .u-pb-x25\@xl {
    padding-bottom: 20px !important;
  }
  .u-pl-x25\@xl {
    padding-left: 20px !important;
  }
  .u-pv-x25\@xl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .u-ph-x25\@xl {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x3\@xs {
    padding: 24px !important;
  }
  .u-pt-x3\@xs {
    padding-top: 24px !important;
  }
  .u-pr-x3\@xs {
    padding-right: 24px !important;
  }
  .u-pb-x3\@xs {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@xs {
    padding-left: 24px !important;
  }
  .u-pv-x3\@xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x3\@upto-xs {
    padding: 24px !important;
  }
  .u-pt-x3\@upto-xs {
    padding-top: 24px !important;
  }
  .u-pr-x3\@upto-xs {
    padding-right: 24px !important;
  }
  .u-pb-x3\@upto-xs {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@upto-xs {
    padding-left: 24px !important;
  }
  .u-pv-x3\@upto-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@upto-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x3\@sm {
    padding: 24px !important;
  }
  .u-pt-x3\@sm {
    padding-top: 24px !important;
  }
  .u-pr-x3\@sm {
    padding-right: 24px !important;
  }
  .u-pb-x3\@sm {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@sm {
    padding-left: 24px !important;
  }
  .u-pv-x3\@sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x3\@md {
    padding: 24px !important;
  }
  .u-pt-x3\@md {
    padding-top: 24px !important;
  }
  .u-pr-x3\@md {
    padding-right: 24px !important;
  }
  .u-pb-x3\@md {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@md {
    padding-left: 24px !important;
  }
  .u-pv-x3\@md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x3\@upto-md {
    padding: 24px !important;
  }
  .u-pt-x3\@upto-md {
    padding-top: 24px !important;
  }
  .u-pr-x3\@upto-md {
    padding-right: 24px !important;
  }
  .u-pb-x3\@upto-md {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@upto-md {
    padding-left: 24px !important;
  }
  .u-pv-x3\@upto-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@upto-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x3\@lg {
    padding: 24px !important;
  }
  .u-pt-x3\@lg {
    padding-top: 24px !important;
  }
  .u-pr-x3\@lg {
    padding-right: 24px !important;
  }
  .u-pb-x3\@lg {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@lg {
    padding-left: 24px !important;
  }
  .u-pv-x3\@lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x3\@upto-lg {
    padding: 24px !important;
  }
  .u-pt-x3\@upto-lg {
    padding-top: 24px !important;
  }
  .u-pr-x3\@upto-lg {
    padding-right: 24px !important;
  }
  .u-pb-x3\@upto-lg {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@upto-lg {
    padding-left: 24px !important;
  }
  .u-pv-x3\@upto-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@upto-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x3\@xl {
    padding: 24px !important;
  }
  .u-pt-x3\@xl {
    padding-top: 24px !important;
  }
  .u-pr-x3\@xl {
    padding-right: 24px !important;
  }
  .u-pb-x3\@xl {
    padding-bottom: 24px !important;
  }
  .u-pl-x3\@xl {
    padding-left: 24px !important;
  }
  .u-pv-x3\@xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-ph-x3\@xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x4\@xs {
    padding: 32px !important;
  }
  .u-pt-x4\@xs {
    padding-top: 32px !important;
  }
  .u-pr-x4\@xs {
    padding-right: 32px !important;
  }
  .u-pb-x4\@xs {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@xs {
    padding-left: 32px !important;
  }
  .u-pv-x4\@xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x4\@upto-xs {
    padding: 32px !important;
  }
  .u-pt-x4\@upto-xs {
    padding-top: 32px !important;
  }
  .u-pr-x4\@upto-xs {
    padding-right: 32px !important;
  }
  .u-pb-x4\@upto-xs {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@upto-xs {
    padding-left: 32px !important;
  }
  .u-pv-x4\@upto-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@upto-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x4\@sm {
    padding: 32px !important;
  }
  .u-pt-x4\@sm {
    padding-top: 32px !important;
  }
  .u-pr-x4\@sm {
    padding-right: 32px !important;
  }
  .u-pb-x4\@sm {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@sm {
    padding-left: 32px !important;
  }
  .u-pv-x4\@sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x4\@md {
    padding: 32px !important;
  }
  .u-pt-x4\@md {
    padding-top: 32px !important;
  }
  .u-pr-x4\@md {
    padding-right: 32px !important;
  }
  .u-pb-x4\@md {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@md {
    padding-left: 32px !important;
  }
  .u-pv-x4\@md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x4\@upto-md {
    padding: 32px !important;
  }
  .u-pt-x4\@upto-md {
    padding-top: 32px !important;
  }
  .u-pr-x4\@upto-md {
    padding-right: 32px !important;
  }
  .u-pb-x4\@upto-md {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@upto-md {
    padding-left: 32px !important;
  }
  .u-pv-x4\@upto-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@upto-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x4\@lg {
    padding: 32px !important;
  }
  .u-pt-x4\@lg {
    padding-top: 32px !important;
  }
  .u-pr-x4\@lg {
    padding-right: 32px !important;
  }
  .u-pb-x4\@lg {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@lg {
    padding-left: 32px !important;
  }
  .u-pv-x4\@lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x4\@upto-lg {
    padding: 32px !important;
  }
  .u-pt-x4\@upto-lg {
    padding-top: 32px !important;
  }
  .u-pr-x4\@upto-lg {
    padding-right: 32px !important;
  }
  .u-pb-x4\@upto-lg {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@upto-lg {
    padding-left: 32px !important;
  }
  .u-pv-x4\@upto-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@upto-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x4\@xl {
    padding: 32px !important;
  }
  .u-pt-x4\@xl {
    padding-top: 32px !important;
  }
  .u-pr-x4\@xl {
    padding-right: 32px !important;
  }
  .u-pb-x4\@xl {
    padding-bottom: 32px !important;
  }
  .u-pl-x4\@xl {
    padding-left: 32px !important;
  }
  .u-pv-x4\@xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-ph-x4\@xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x5\@xs {
    padding: 40px !important;
  }
  .u-pt-x5\@xs {
    padding-top: 40px !important;
  }
  .u-pr-x5\@xs {
    padding-right: 40px !important;
  }
  .u-pb-x5\@xs {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@xs {
    padding-left: 40px !important;
  }
  .u-pv-x5\@xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x5\@upto-xs {
    padding: 40px !important;
  }
  .u-pt-x5\@upto-xs {
    padding-top: 40px !important;
  }
  .u-pr-x5\@upto-xs {
    padding-right: 40px !important;
  }
  .u-pb-x5\@upto-xs {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@upto-xs {
    padding-left: 40px !important;
  }
  .u-pv-x5\@upto-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@upto-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x5\@sm {
    padding: 40px !important;
  }
  .u-pt-x5\@sm {
    padding-top: 40px !important;
  }
  .u-pr-x5\@sm {
    padding-right: 40px !important;
  }
  .u-pb-x5\@sm {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@sm {
    padding-left: 40px !important;
  }
  .u-pv-x5\@sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x5\@md {
    padding: 40px !important;
  }
  .u-pt-x5\@md {
    padding-top: 40px !important;
  }
  .u-pr-x5\@md {
    padding-right: 40px !important;
  }
  .u-pb-x5\@md {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@md {
    padding-left: 40px !important;
  }
  .u-pv-x5\@md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x5\@upto-md {
    padding: 40px !important;
  }
  .u-pt-x5\@upto-md {
    padding-top: 40px !important;
  }
  .u-pr-x5\@upto-md {
    padding-right: 40px !important;
  }
  .u-pb-x5\@upto-md {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@upto-md {
    padding-left: 40px !important;
  }
  .u-pv-x5\@upto-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@upto-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x5\@lg {
    padding: 40px !important;
  }
  .u-pt-x5\@lg {
    padding-top: 40px !important;
  }
  .u-pr-x5\@lg {
    padding-right: 40px !important;
  }
  .u-pb-x5\@lg {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@lg {
    padding-left: 40px !important;
  }
  .u-pv-x5\@lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x5\@upto-lg {
    padding: 40px !important;
  }
  .u-pt-x5\@upto-lg {
    padding-top: 40px !important;
  }
  .u-pr-x5\@upto-lg {
    padding-right: 40px !important;
  }
  .u-pb-x5\@upto-lg {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@upto-lg {
    padding-left: 40px !important;
  }
  .u-pv-x5\@upto-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@upto-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x5\@xl {
    padding: 40px !important;
  }
  .u-pt-x5\@xl {
    padding-top: 40px !important;
  }
  .u-pr-x5\@xl {
    padding-right: 40px !important;
  }
  .u-pb-x5\@xl {
    padding-bottom: 40px !important;
  }
  .u-pl-x5\@xl {
    padding-left: 40px !important;
  }
  .u-pv-x5\@xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-ph-x5\@xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x6\@xs {
    padding: 48px !important;
  }
  .u-pt-x6\@xs {
    padding-top: 48px !important;
  }
  .u-pr-x6\@xs {
    padding-right: 48px !important;
  }
  .u-pb-x6\@xs {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@xs {
    padding-left: 48px !important;
  }
  .u-pv-x6\@xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x6\@upto-xs {
    padding: 48px !important;
  }
  .u-pt-x6\@upto-xs {
    padding-top: 48px !important;
  }
  .u-pr-x6\@upto-xs {
    padding-right: 48px !important;
  }
  .u-pb-x6\@upto-xs {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@upto-xs {
    padding-left: 48px !important;
  }
  .u-pv-x6\@upto-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@upto-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x6\@sm {
    padding: 48px !important;
  }
  .u-pt-x6\@sm {
    padding-top: 48px !important;
  }
  .u-pr-x6\@sm {
    padding-right: 48px !important;
  }
  .u-pb-x6\@sm {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@sm {
    padding-left: 48px !important;
  }
  .u-pv-x6\@sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x6\@md {
    padding: 48px !important;
  }
  .u-pt-x6\@md {
    padding-top: 48px !important;
  }
  .u-pr-x6\@md {
    padding-right: 48px !important;
  }
  .u-pb-x6\@md {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@md {
    padding-left: 48px !important;
  }
  .u-pv-x6\@md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x6\@upto-md {
    padding: 48px !important;
  }
  .u-pt-x6\@upto-md {
    padding-top: 48px !important;
  }
  .u-pr-x6\@upto-md {
    padding-right: 48px !important;
  }
  .u-pb-x6\@upto-md {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@upto-md {
    padding-left: 48px !important;
  }
  .u-pv-x6\@upto-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@upto-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x6\@lg {
    padding: 48px !important;
  }
  .u-pt-x6\@lg {
    padding-top: 48px !important;
  }
  .u-pr-x6\@lg {
    padding-right: 48px !important;
  }
  .u-pb-x6\@lg {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@lg {
    padding-left: 48px !important;
  }
  .u-pv-x6\@lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x6\@upto-lg {
    padding: 48px !important;
  }
  .u-pt-x6\@upto-lg {
    padding-top: 48px !important;
  }
  .u-pr-x6\@upto-lg {
    padding-right: 48px !important;
  }
  .u-pb-x6\@upto-lg {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@upto-lg {
    padding-left: 48px !important;
  }
  .u-pv-x6\@upto-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@upto-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x6\@xl {
    padding: 48px !important;
  }
  .u-pt-x6\@xl {
    padding-top: 48px !important;
  }
  .u-pr-x6\@xl {
    padding-right: 48px !important;
  }
  .u-pb-x6\@xl {
    padding-bottom: 48px !important;
  }
  .u-pl-x6\@xl {
    padding-left: 48px !important;
  }
  .u-pv-x6\@xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-ph-x6\@xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x7\@xs {
    padding: 56px !important;
  }
  .u-pt-x7\@xs {
    padding-top: 56px !important;
  }
  .u-pr-x7\@xs {
    padding-right: 56px !important;
  }
  .u-pb-x7\@xs {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@xs {
    padding-left: 56px !important;
  }
  .u-pv-x7\@xs {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@xs {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x7\@upto-xs {
    padding: 56px !important;
  }
  .u-pt-x7\@upto-xs {
    padding-top: 56px !important;
  }
  .u-pr-x7\@upto-xs {
    padding-right: 56px !important;
  }
  .u-pb-x7\@upto-xs {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@upto-xs {
    padding-left: 56px !important;
  }
  .u-pv-x7\@upto-xs {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@upto-xs {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x7\@sm {
    padding: 56px !important;
  }
  .u-pt-x7\@sm {
    padding-top: 56px !important;
  }
  .u-pr-x7\@sm {
    padding-right: 56px !important;
  }
  .u-pb-x7\@sm {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@sm {
    padding-left: 56px !important;
  }
  .u-pv-x7\@sm {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@sm {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x7\@md {
    padding: 56px !important;
  }
  .u-pt-x7\@md {
    padding-top: 56px !important;
  }
  .u-pr-x7\@md {
    padding-right: 56px !important;
  }
  .u-pb-x7\@md {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@md {
    padding-left: 56px !important;
  }
  .u-pv-x7\@md {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@md {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x7\@upto-md {
    padding: 56px !important;
  }
  .u-pt-x7\@upto-md {
    padding-top: 56px !important;
  }
  .u-pr-x7\@upto-md {
    padding-right: 56px !important;
  }
  .u-pb-x7\@upto-md {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@upto-md {
    padding-left: 56px !important;
  }
  .u-pv-x7\@upto-md {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@upto-md {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x7\@lg {
    padding: 56px !important;
  }
  .u-pt-x7\@lg {
    padding-top: 56px !important;
  }
  .u-pr-x7\@lg {
    padding-right: 56px !important;
  }
  .u-pb-x7\@lg {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@lg {
    padding-left: 56px !important;
  }
  .u-pv-x7\@lg {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@lg {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x7\@upto-lg {
    padding: 56px !important;
  }
  .u-pt-x7\@upto-lg {
    padding-top: 56px !important;
  }
  .u-pr-x7\@upto-lg {
    padding-right: 56px !important;
  }
  .u-pb-x7\@upto-lg {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@upto-lg {
    padding-left: 56px !important;
  }
  .u-pv-x7\@upto-lg {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@upto-lg {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x7\@xl {
    padding: 56px !important;
  }
  .u-pt-x7\@xl {
    padding-top: 56px !important;
  }
  .u-pr-x7\@xl {
    padding-right: 56px !important;
  }
  .u-pb-x7\@xl {
    padding-bottom: 56px !important;
  }
  .u-pl-x7\@xl {
    padding-left: 56px !important;
  }
  .u-pv-x7\@xl {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .u-ph-x7\@xl {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x8\@xs {
    padding: 64px !important;
  }
  .u-pt-x8\@xs {
    padding-top: 64px !important;
  }
  .u-pr-x8\@xs {
    padding-right: 64px !important;
  }
  .u-pb-x8\@xs {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@xs {
    padding-left: 64px !important;
  }
  .u-pv-x8\@xs {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@xs {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x8\@upto-xs {
    padding: 64px !important;
  }
  .u-pt-x8\@upto-xs {
    padding-top: 64px !important;
  }
  .u-pr-x8\@upto-xs {
    padding-right: 64px !important;
  }
  .u-pb-x8\@upto-xs {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@upto-xs {
    padding-left: 64px !important;
  }
  .u-pv-x8\@upto-xs {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@upto-xs {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x8\@sm {
    padding: 64px !important;
  }
  .u-pt-x8\@sm {
    padding-top: 64px !important;
  }
  .u-pr-x8\@sm {
    padding-right: 64px !important;
  }
  .u-pb-x8\@sm {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@sm {
    padding-left: 64px !important;
  }
  .u-pv-x8\@sm {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@sm {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x8\@md {
    padding: 64px !important;
  }
  .u-pt-x8\@md {
    padding-top: 64px !important;
  }
  .u-pr-x8\@md {
    padding-right: 64px !important;
  }
  .u-pb-x8\@md {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@md {
    padding-left: 64px !important;
  }
  .u-pv-x8\@md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@md {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x8\@upto-md {
    padding: 64px !important;
  }
  .u-pt-x8\@upto-md {
    padding-top: 64px !important;
  }
  .u-pr-x8\@upto-md {
    padding-right: 64px !important;
  }
  .u-pb-x8\@upto-md {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@upto-md {
    padding-left: 64px !important;
  }
  .u-pv-x8\@upto-md {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@upto-md {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x8\@lg {
    padding: 64px !important;
  }
  .u-pt-x8\@lg {
    padding-top: 64px !important;
  }
  .u-pr-x8\@lg {
    padding-right: 64px !important;
  }
  .u-pb-x8\@lg {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@lg {
    padding-left: 64px !important;
  }
  .u-pv-x8\@lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@lg {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x8\@upto-lg {
    padding: 64px !important;
  }
  .u-pt-x8\@upto-lg {
    padding-top: 64px !important;
  }
  .u-pr-x8\@upto-lg {
    padding-right: 64px !important;
  }
  .u-pb-x8\@upto-lg {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@upto-lg {
    padding-left: 64px !important;
  }
  .u-pv-x8\@upto-lg {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@upto-lg {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x8\@xl {
    padding: 64px !important;
  }
  .u-pt-x8\@xl {
    padding-top: 64px !important;
  }
  .u-pr-x8\@xl {
    padding-right: 64px !important;
  }
  .u-pb-x8\@xl {
    padding-bottom: 64px !important;
  }
  .u-pl-x8\@xl {
    padding-left: 64px !important;
  }
  .u-pv-x8\@xl {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .u-ph-x8\@xl {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x9\@xs {
    padding: 72px !important;
  }
  .u-pt-x9\@xs {
    padding-top: 72px !important;
  }
  .u-pr-x9\@xs {
    padding-right: 72px !important;
  }
  .u-pb-x9\@xs {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@xs {
    padding-left: 72px !important;
  }
  .u-pv-x9\@xs {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@xs {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x9\@upto-xs {
    padding: 72px !important;
  }
  .u-pt-x9\@upto-xs {
    padding-top: 72px !important;
  }
  .u-pr-x9\@upto-xs {
    padding-right: 72px !important;
  }
  .u-pb-x9\@upto-xs {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@upto-xs {
    padding-left: 72px !important;
  }
  .u-pv-x9\@upto-xs {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@upto-xs {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x9\@sm {
    padding: 72px !important;
  }
  .u-pt-x9\@sm {
    padding-top: 72px !important;
  }
  .u-pr-x9\@sm {
    padding-right: 72px !important;
  }
  .u-pb-x9\@sm {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@sm {
    padding-left: 72px !important;
  }
  .u-pv-x9\@sm {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@sm {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x9\@md {
    padding: 72px !important;
  }
  .u-pt-x9\@md {
    padding-top: 72px !important;
  }
  .u-pr-x9\@md {
    padding-right: 72px !important;
  }
  .u-pb-x9\@md {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@md {
    padding-left: 72px !important;
  }
  .u-pv-x9\@md {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@md {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x9\@upto-md {
    padding: 72px !important;
  }
  .u-pt-x9\@upto-md {
    padding-top: 72px !important;
  }
  .u-pr-x9\@upto-md {
    padding-right: 72px !important;
  }
  .u-pb-x9\@upto-md {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@upto-md {
    padding-left: 72px !important;
  }
  .u-pv-x9\@upto-md {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@upto-md {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x9\@lg {
    padding: 72px !important;
  }
  .u-pt-x9\@lg {
    padding-top: 72px !important;
  }
  .u-pr-x9\@lg {
    padding-right: 72px !important;
  }
  .u-pb-x9\@lg {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@lg {
    padding-left: 72px !important;
  }
  .u-pv-x9\@lg {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@lg {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x9\@upto-lg {
    padding: 72px !important;
  }
  .u-pt-x9\@upto-lg {
    padding-top: 72px !important;
  }
  .u-pr-x9\@upto-lg {
    padding-right: 72px !important;
  }
  .u-pb-x9\@upto-lg {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@upto-lg {
    padding-left: 72px !important;
  }
  .u-pv-x9\@upto-lg {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@upto-lg {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x9\@xl {
    padding: 72px !important;
  }
  .u-pt-x9\@xl {
    padding-top: 72px !important;
  }
  .u-pr-x9\@xl {
    padding-right: 72px !important;
  }
  .u-pb-x9\@xl {
    padding-bottom: 72px !important;
  }
  .u-pl-x9\@xl {
    padding-left: 72px !important;
  }
  .u-pv-x9\@xl {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .u-ph-x9\@xl {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }
}
@media screen and ( min-width: 400px ) {
  .u-p-x10\@xs {
    padding: 80px !important;
  }
  .u-pt-x10\@xs {
    padding-top: 80px !important;
  }
  .u-pr-x10\@xs {
    padding-right: 80px !important;
  }
  .u-pb-x10\@xs {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@xs {
    padding-left: 80px !important;
  }
  .u-pv-x10\@xs {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@xs {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-p-x10\@upto-xs {
    padding: 80px !important;
  }
  .u-pt-x10\@upto-xs {
    padding-top: 80px !important;
  }
  .u-pr-x10\@upto-xs {
    padding-right: 80px !important;
  }
  .u-pb-x10\@upto-xs {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@upto-xs {
    padding-left: 80px !important;
  }
  .u-pv-x10\@upto-xs {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@upto-xs {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-p-x10\@sm {
    padding: 80px !important;
  }
  .u-pt-x10\@sm {
    padding-top: 80px !important;
  }
  .u-pr-x10\@sm {
    padding-right: 80px !important;
  }
  .u-pb-x10\@sm {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@sm {
    padding-left: 80px !important;
  }
  .u-pv-x10\@sm {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@sm {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-p-x10\@md {
    padding: 80px !important;
  }
  .u-pt-x10\@md {
    padding-top: 80px !important;
  }
  .u-pr-x10\@md {
    padding-right: 80px !important;
  }
  .u-pb-x10\@md {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@md {
    padding-left: 80px !important;
  }
  .u-pv-x10\@md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@md {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-p-x10\@upto-md {
    padding: 80px !important;
  }
  .u-pt-x10\@upto-md {
    padding-top: 80px !important;
  }
  .u-pr-x10\@upto-md {
    padding-right: 80px !important;
  }
  .u-pb-x10\@upto-md {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@upto-md {
    padding-left: 80px !important;
  }
  .u-pv-x10\@upto-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@upto-md {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-p-x10\@lg {
    padding: 80px !important;
  }
  .u-pt-x10\@lg {
    padding-top: 80px !important;
  }
  .u-pr-x10\@lg {
    padding-right: 80px !important;
  }
  .u-pb-x10\@lg {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@lg {
    padding-left: 80px !important;
  }
  .u-pv-x10\@lg {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@lg {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-p-x10\@upto-lg {
    padding: 80px !important;
  }
  .u-pt-x10\@upto-lg {
    padding-top: 80px !important;
  }
  .u-pr-x10\@upto-lg {
    padding-right: 80px !important;
  }
  .u-pb-x10\@upto-lg {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@upto-lg {
    padding-left: 80px !important;
  }
  .u-pv-x10\@upto-lg {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@upto-lg {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-p-x10\@xl {
    padding: 80px !important;
  }
  .u-pt-x10\@xl {
    padding-top: 80px !important;
  }
  .u-pr-x10\@xl {
    padding-right: 80px !important;
  }
  .u-pb-x10\@xl {
    padding-bottom: 80px !important;
  }
  .u-pl-x10\@xl {
    padding-left: 80px !important;
  }
  .u-pv-x10\@xl {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .u-ph-x10\@xl {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
}
/**
 * Enable / Disable breakpoint specific classes
 * 
 * Type: Boolean
 */
/**
 * Overrides breakpoints map only for position utility
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-absolute {
  position: absolute !important;
}

.u-fixed {
  position: fixed !important;
}

.u-relative {
  position: relative !important;
}

.u-static {
  position: static !important;
}

.u-sticky {
  position: sticky !important;
}

/**
 * Namespace classes
 *
 * Type: String
 */
/**
 * Size delimiter. Defaults to \/. Ex: .u-pull-1/3
 *
 * Type: String
 */
/**
 * Columns to populate pull utility for
 *
 * Type: Unitless Number / List
 */
/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Allows you to create breakpoints only
 * for the pull responsive utility.
 *
 * Type: Map
 */
.u-pull-1\/2 {
  margin-right: 50% !important;
}

.u-pull-1\/3 {
  margin-right: 33.3333333333% !important;
}

.u-pull-2\/3 {
  margin-right: 66.6666666667% !important;
}

.u-pull-1\/6 {
  margin-right: 16.6666666667% !important;
}

.u-pull-2\/6 {
  margin-right: 33.3333333333% !important;
}

.u-pull-3\/6 {
  margin-right: 50% !important;
}

.u-pull-4\/6 {
  margin-right: 66.6666666667% !important;
}

.u-pull-5\/6 {
  margin-right: 83.3333333333% !important;
}

.u-pull-1\/12 {
  margin-right: 8.3333333333% !important;
}

.u-pull-2\/12 {
  margin-right: 16.6666666667% !important;
}

.u-pull-3\/12 {
  margin-right: 25% !important;
}

.u-pull-4\/12 {
  margin-right: 33.3333333333% !important;
}

.u-pull-5\/12 {
  margin-right: 41.6666666667% !important;
}

.u-pull-6\/12 {
  margin-right: 50% !important;
}

.u-pull-7\/12 {
  margin-right: 58.3333333333% !important;
}

.u-pull-8\/12 {
  margin-right: 66.6666666667% !important;
}

.u-pull-9\/12 {
  margin-right: 75% !important;
}

.u-pull-10\/12 {
  margin-right: 83.3333333333% !important;
}

.u-pull-11\/12 {
  margin-right: 91.6666666667% !important;
}

.u-pull-0 {
  margin-right: 0 !important;
}

/**
 * Namespace classes
 *
 * Type: String
 */
/**
 * Size delimiter. Defaults to \/. Ex: .u-push-1/3
 *
 * Type: String
 */
/**
 * Columns to populate push utility for
 *
 * Type: Unitless Number / List
 */
/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Allows you to create breakpoints only
 * for the push responsive utility.
 *
 * Type: Map
 */
.u-push-1\/2 {
  margin-left: 50% !important;
}

.u-push-1\/3 {
  margin-left: 33.3333333333% !important;
}

.u-push-2\/3 {
  margin-left: 66.6666666667% !important;
}

.u-push-1\/6 {
  margin-left: 16.6666666667% !important;
}

.u-push-2\/6 {
  margin-left: 33.3333333333% !important;
}

.u-push-3\/6 {
  margin-left: 50% !important;
}

.u-push-4\/6 {
  margin-left: 66.6666666667% !important;
}

.u-push-5\/6 {
  margin-left: 83.3333333333% !important;
}

.u-push-1\/12 {
  margin-left: 8.3333333333% !important;
}

.u-push-2\/12 {
  margin-left: 16.6666666667% !important;
}

.u-push-3\/12 {
  margin-left: 25% !important;
}

.u-push-4\/12 {
  margin-left: 33.3333333333% !important;
}

.u-push-5\/12 {
  margin-left: 41.6666666667% !important;
}

.u-push-6\/12 {
  margin-left: 50% !important;
}

.u-push-7\/12 {
  margin-left: 58.3333333333% !important;
}

.u-push-8\/12 {
  margin-left: 66.6666666667% !important;
}

.u-push-9\/12 {
  margin-left: 75% !important;
}

.u-push-10\/12 {
  margin-left: 83.3333333333% !important;
}

.u-push-11\/12 {
  margin-left: 91.6666666667% !important;
}

.u-push-0 {
  margin-left: 0 !important;
}

/**
 * Size utility delimiter. Default to \/. Ex: .u-1/3.
 *
 * Type: String
 */
/**
 * Size utility columns list
 *
 * Type: List
 */
/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for margin utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 * 
 * Type: String
 */
.u-1\/2 {
  width: 50% !important;
}

.u-2\/2 {
  width: 100% !important;
}

.u-1\/3 {
  width: 33.3333333333% !important;
}

.u-2\/3 {
  width: 66.6666666667% !important;
}

.u-3\/3 {
  width: 100% !important;
}

.u-1\/6 {
  width: 16.6666666667% !important;
}

.u-2\/6 {
  width: 33.3333333333% !important;
}

.u-3\/6 {
  width: 50% !important;
}

.u-4\/6 {
  width: 66.6666666667% !important;
}

.u-5\/6 {
  width: 83.3333333333% !important;
}

.u-6\/6 {
  width: 100% !important;
}

.u-1\/12 {
  width: 8.3333333333% !important;
}

.u-2\/12 {
  width: 16.6666666667% !important;
}

.u-3\/12 {
  width: 25% !important;
}

.u-4\/12 {
  width: 33.3333333333% !important;
}

.u-5\/12 {
  width: 41.6666666667% !important;
}

.u-6\/12 {
  width: 50% !important;
}

.u-7\/12 {
  width: 58.3333333333% !important;
}

.u-8\/12 {
  width: 66.6666666667% !important;
}

.u-9\/12 {
  width: 75% !important;
}

.u-10\/12 {
  width: 83.3333333333% !important;
}

.u-11\/12 {
  width: 91.6666666667% !important;
}

.u-12\/12 {
  width: 100% !important;
}

@media screen and ( min-width: 400px ) {
  .u-1\/2\@xs {
    width: 50% !important;
  }
  .u-2\/2\@xs {
    width: 100% !important;
  }
  .u-1\/3\@xs {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@xs {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@xs {
    width: 100% !important;
  }
  .u-1\/6\@xs {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@xs {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@xs {
    width: 50% !important;
  }
  .u-4\/6\@xs {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@xs {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@xs {
    width: 100% !important;
  }
  .u-1\/12\@xs {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@xs {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@xs {
    width: 25% !important;
  }
  .u-4\/12\@xs {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@xs {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@xs {
    width: 50% !important;
  }
  .u-7\/12\@xs {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@xs {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@xs {
    width: 75% !important;
  }
  .u-10\/12\@xs {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@xs {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@xs {
    width: 100% !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-1\/2\@upto-xs {
    width: 50% !important;
  }
  .u-2\/2\@upto-xs {
    width: 100% !important;
  }
  .u-1\/3\@upto-xs {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@upto-xs {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@upto-xs {
    width: 100% !important;
  }
  .u-1\/6\@upto-xs {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@upto-xs {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@upto-xs {
    width: 50% !important;
  }
  .u-4\/6\@upto-xs {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@upto-xs {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@upto-xs {
    width: 100% !important;
  }
  .u-1\/12\@upto-xs {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@upto-xs {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@upto-xs {
    width: 25% !important;
  }
  .u-4\/12\@upto-xs {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@upto-xs {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@upto-xs {
    width: 50% !important;
  }
  .u-7\/12\@upto-xs {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@upto-xs {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@upto-xs {
    width: 75% !important;
  }
  .u-10\/12\@upto-xs {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@upto-xs {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@upto-xs {
    width: 100% !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-1\/2\@sm {
    width: 50% !important;
  }
  .u-2\/2\@sm {
    width: 100% !important;
  }
  .u-1\/3\@sm {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@sm {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@sm {
    width: 100% !important;
  }
  .u-1\/6\@sm {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@sm {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@sm {
    width: 50% !important;
  }
  .u-4\/6\@sm {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@sm {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@sm {
    width: 100% !important;
  }
  .u-1\/12\@sm {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@sm {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@sm {
    width: 25% !important;
  }
  .u-4\/12\@sm {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@sm {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@sm {
    width: 50% !important;
  }
  .u-7\/12\@sm {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@sm {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@sm {
    width: 75% !important;
  }
  .u-10\/12\@sm {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@sm {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@sm {
    width: 100% !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-1\/2\@md {
    width: 50% !important;
  }
  .u-2\/2\@md {
    width: 100% !important;
  }
  .u-1\/3\@md {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@md {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@md {
    width: 100% !important;
  }
  .u-1\/6\@md {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@md {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@md {
    width: 50% !important;
  }
  .u-4\/6\@md {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@md {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@md {
    width: 100% !important;
  }
  .u-1\/12\@md {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@md {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@md {
    width: 25% !important;
  }
  .u-4\/12\@md {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@md {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@md {
    width: 50% !important;
  }
  .u-7\/12\@md {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@md {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@md {
    width: 75% !important;
  }
  .u-10\/12\@md {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@md {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@md {
    width: 100% !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-1\/2\@upto-md {
    width: 50% !important;
  }
  .u-2\/2\@upto-md {
    width: 100% !important;
  }
  .u-1\/3\@upto-md {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@upto-md {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@upto-md {
    width: 100% !important;
  }
  .u-1\/6\@upto-md {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@upto-md {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@upto-md {
    width: 50% !important;
  }
  .u-4\/6\@upto-md {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@upto-md {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@upto-md {
    width: 100% !important;
  }
  .u-1\/12\@upto-md {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@upto-md {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@upto-md {
    width: 25% !important;
  }
  .u-4\/12\@upto-md {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@upto-md {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@upto-md {
    width: 50% !important;
  }
  .u-7\/12\@upto-md {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@upto-md {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@upto-md {
    width: 75% !important;
  }
  .u-10\/12\@upto-md {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@upto-md {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@upto-md {
    width: 100% !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-1\/2\@lg {
    width: 50% !important;
  }
  .u-2\/2\@lg {
    width: 100% !important;
  }
  .u-1\/3\@lg {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@lg {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@lg {
    width: 100% !important;
  }
  .u-1\/6\@lg {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@lg {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@lg {
    width: 50% !important;
  }
  .u-4\/6\@lg {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@lg {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@lg {
    width: 100% !important;
  }
  .u-1\/12\@lg {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@lg {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@lg {
    width: 25% !important;
  }
  .u-4\/12\@lg {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@lg {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@lg {
    width: 50% !important;
  }
  .u-7\/12\@lg {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@lg {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@lg {
    width: 75% !important;
  }
  .u-10\/12\@lg {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@lg {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@lg {
    width: 100% !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-1\/2\@upto-lg {
    width: 50% !important;
  }
  .u-2\/2\@upto-lg {
    width: 100% !important;
  }
  .u-1\/3\@upto-lg {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@upto-lg {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@upto-lg {
    width: 100% !important;
  }
  .u-1\/6\@upto-lg {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@upto-lg {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@upto-lg {
    width: 50% !important;
  }
  .u-4\/6\@upto-lg {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@upto-lg {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@upto-lg {
    width: 100% !important;
  }
  .u-1\/12\@upto-lg {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@upto-lg {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@upto-lg {
    width: 25% !important;
  }
  .u-4\/12\@upto-lg {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@upto-lg {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@upto-lg {
    width: 50% !important;
  }
  .u-7\/12\@upto-lg {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@upto-lg {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@upto-lg {
    width: 75% !important;
  }
  .u-10\/12\@upto-lg {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@upto-lg {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@upto-lg {
    width: 100% !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-1\/2\@xl {
    width: 50% !important;
  }
  .u-2\/2\@xl {
    width: 100% !important;
  }
  .u-1\/3\@xl {
    width: 33.3333333333% !important;
  }
  .u-2\/3\@xl {
    width: 66.6666666667% !important;
  }
  .u-3\/3\@xl {
    width: 100% !important;
  }
  .u-1\/6\@xl {
    width: 16.6666666667% !important;
  }
  .u-2\/6\@xl {
    width: 33.3333333333% !important;
  }
  .u-3\/6\@xl {
    width: 50% !important;
  }
  .u-4\/6\@xl {
    width: 66.6666666667% !important;
  }
  .u-5\/6\@xl {
    width: 83.3333333333% !important;
  }
  .u-6\/6\@xl {
    width: 100% !important;
  }
  .u-1\/12\@xl {
    width: 8.3333333333% !important;
  }
  .u-2\/12\@xl {
    width: 16.6666666667% !important;
  }
  .u-3\/12\@xl {
    width: 25% !important;
  }
  .u-4\/12\@xl {
    width: 33.3333333333% !important;
  }
  .u-5\/12\@xl {
    width: 41.6666666667% !important;
  }
  .u-6\/12\@xl {
    width: 50% !important;
  }
  .u-7\/12\@xl {
    width: 58.3333333333% !important;
  }
  .u-8\/12\@xl {
    width: 66.6666666667% !important;
  }
  .u-9\/12\@xl {
    width: 75% !important;
  }
  .u-10\/12\@xl {
    width: 83.3333333333% !important;
  }
  .u-11\/12\@xl {
    width: 91.6666666667% !important;
  }
  .u-12\/12\@xl {
    width: 100% !important;
  }
}
/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Overrides breakpoints map only for position utility
 * 
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-text-left, .o-list li {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-center {
  text-align: center !important;
}

@media screen and ( min-width: 400px ) {
  .u-text-left\@xs {
    text-align: left !important;
  }
  .u-text-right\@xs {
    text-align: right !important;
  }
  .u-text-center\@xs {
    text-align: center !important;
  }
}
@media screen and (max-width: 399px ) {
  .u-text-left\@upto-xs {
    text-align: left !important;
  }
  .u-text-right\@upto-xs {
    text-align: right !important;
  }
  .u-text-center\@upto-xs {
    text-align: center !important;
  }
}
@media screen and ( min-width: 768px ) {
  .u-text-left\@sm {
    text-align: left !important;
  }
  .u-text-right\@sm {
    text-align: right !important;
  }
  .u-text-center\@sm {
    text-align: center !important;
  }
}
@media screen and ( min-width: 1000px ) {
  .u-text-left\@md {
    text-align: left !important;
  }
  .u-text-right\@md {
    text-align: right !important;
  }
  .u-text-center\@md {
    text-align: center !important;
  }
}
@media screen and ( max-width: 999px ) {
  .u-text-left\@upto-md {
    text-align: left !important;
  }
  .u-text-right\@upto-md {
    text-align: right !important;
  }
  .u-text-center\@upto-md {
    text-align: center !important;
  }
}
@media screen and ( min-width: 1352px ) {
  .u-text-left\@lg {
    text-align: left !important;
  }
  .u-text-right\@lg {
    text-align: right !important;
  }
  .u-text-center\@lg {
    text-align: center !important;
  }
}
@media screen and ( max-width: 1351px ) {
  .u-text-left\@upto-lg {
    text-align: left !important;
  }
  .u-text-right\@upto-lg {
    text-align: right !important;
  }
  .u-text-center\@upto-lg {
    text-align: center !important;
  }
}
@media screen and ( min-width: 1800px ) {
  .u-text-left\@xl {
    text-align: left !important;
  }
  .u-text-right\@xl {
    text-align: right !important;
  }
  .u-text-center\@xl {
    text-align: center !important;
  }
}
/**
 * Enables / Disables breakpoint specific classes
 *
 * Type: Boolean
 */
/**
 * Breakpoints map. Overrides the breakpoints map only
 * for margin utility.
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-capitalize {
  text-transform: capitalize !important;
}

.u-uppercase, .c-download-link {
  text-transform: uppercase !important;
}

.u-lowercase {
  text-transform: lowercase !important;
}

/**
 * Weight sizes
 *
 * Type: Map
 */
/**
 * Namespace classes
 *
 * Type: String
 */
.u-weight-thin {
  font-weight: 300 !important;
}

.u-weight-normal {
  font-weight: 400 !important;
}

.u-weight-medium {
  font-weight: 500 !important;
}

.u-weight-bold {
  font-weight: 700 !important;
}

.u-space-between {
  justify-content: space-between !important;
  align-items: center;
  display: flex !important;
}

.u-align-right {
  justify-content: flex-end;
}

.u-flex-1 {
  flex: 1 0 auto;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.u-bb-grey {
  border-bottom: 1px solid rgba(203, 210, 220, 0.2);
}

.u-bt-grey {
  border-top: 1px solid rgba(203, 210, 220, 0.2);
}

.u-circle {
  width: calc(var(--Baseline) * 3);
  height: calc(var(--Baseline) * 3);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #001e3e;
  font-size: 12px;
  font-weight: 500;
  line-height: calc(var(--Baseline) * 3);
}

.u-width {
  width: calc(var(--Baseline) * 1);
}

.u-width-x2 {
  width: calc(var(--Baseline) * 2);
}

.u-width-x3 {
  width: calc(var(--Baseline) * 3);
}

.u-width-x4 {
  width: calc(var(--Baseline) * 4);
}

.u-width-x5 {
  width: calc(var(--Baseline) * 5);
}

.u-width-x6 {
  width: calc(var(--Baseline) * 6);
}

.u-width-x8 {
  width: calc(var(--Baseline) * 8);
}

.u-width-x10 {
  width: calc(var(--Baseline) * 10);
}

.u-width-i {
  width: inherit;
}

.u-text-overflow, .c-child-menu .c-child-menu__item > *, .c-footer-dropdown .c-footer-dropdown__item > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.u-cursor-pointer {
  cursor: pointer !important;
}

.u-cursor-default {
  cursor: default !important;
}

@font-face {
  font-family: "CN-Icon";
  src: url("../fonts/CN-Icon.ttf?z3h0ot") format("truetype"), url("../fonts/CN-Icon.woff?z3h0ot") format("woff"), url("../fonts/CN-Icon.svg?z3h0ot#CN-Icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.cn-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "CN-Icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cn-icon--Accessibility:before {
  content: "\e900";
}

.cn-icon--Account:before {
  content: "\e901";
}

.cn-icon--AccountSettings:before {
  content: "\e902";
}

.cn-icon--ActiveContract:before {
  content: "\e903";
}

.cn-icon--ActiveRfid:before {
  content: "\e904";
}

.cn-icon--AddBold:before {
  content: "\e905";
}

.cn-icon--AddRegular:before {
  content: "\e906";
}

.cn-icon--Address:before {
  content: "\e907";
}

.cn-icon--AlternativeRoute:before {
  content: "\e908";
}

.cn-icon--AppIcon:before {
  content: "\e909";
}

.cn-icon--AppleLogo:before {
  content: "\e90a";
}

.cn-icon--ArrowDown:before {
  content: "\e90b";
}

.cn-icon--ArrowLeft:before {
  content: "\e9bd";
}

.cn-icon--ArrowRight:before {
  content: "\e90c";
}

.cn-icon--ArrowUp:before {
  content: "\e9bc";
}

.cn-icon--AvoidMotorways:before {
  content: "\e90d";
}

.cn-icon--BatteryCharging:before {
  content: "\e90e";
}

.cn-icon--BatteryEmpty:before {
  content: "\e90f";
}

.cn-icon--BatteryFull:before {
  content: "\e910";
}

.cn-icon--BatteryHigh:before {
  content: "\e911";
}

.cn-icon--BatteryLow:before {
  content: "\e912";
}

.cn-icon--BatteryMedium:before {
  content: "\e913";
}

.cn-icon--Bookmark:before {
  content: "\e914";
}

.cn-icon--BulkUpload:before {
  content: "\e915";
}

.cn-icon--Cable:before {
  content: "\e916";
}

.cn-icon--Caf:before {
  content: "\e917";
}

.cn-icon--Calendar:before {
  content: "\e918";
}

.cn-icon--Camping:before {
  content: "\e919";
}

.cn-icon--CancelContract:before {
  content: "\e91a";
}

.cn-icon--CancelTariff:before {
  content: "\e91b";
}

.cn-icon--Car:before {
  content: "\e91c";
}

.cn-icon--CaretDown:before {
  content: "\e91d";
}

.cn-icon--CaretLeft:before {
  content: "\e91e";
}

.cn-icon--CaretRight:before {
  content: "\e91f";
}

.cn-icon--CaretUp:before {
  content: "\e920";
}

.cn-icon--CaretUpDown:before {
  content: "\e921";
}

.cn-icon--ChangeTariff:before {
  content: "\e922";
}

.cn-icon--ChargingReports:before {
  content: "\e923";
}

.cn-icon--ChargingStation:before {
  content: "\e924";
}

.cn-icon--ChargingStationFilled:before {
  content: "\e925";
}

.cn-icon--Check:before {
  content: "\e926";
}

.cn-icon--CheckBold:before {
  content: "\e927";
}

.cn-icon--CheckboxChecked:before {
  content: "\e9b9";
}

.cn-icon--CheckboxUnchecked:before {
  content: "\e9ba";
}

.cn-icon--ChevronDoubleLeftBold:before {
  content: "\e928";
}

.cn-icon--ChevronDoubleLeftRegular:before {
  content: "\e929";
}

.cn-icon--ChevronDoubleRightBold:before {
  content: "\e92a";
}

.cn-icon--ChevronDoubleRightRegular:before {
  content: "\e92b";
}

.cn-icon--CloseBold:before {
  content: "\e92c";
}

.cn-icon--CloseRegular:before {
  content: "\e92d";
}

.cn-icon--Coffee:before {
  content: "\e92e";
}

.cn-icon--Contract:before {
  content: "\e92f";
}

.cn-icon--Cookie:before {
  content: "\e930";
}

.cn-icon--Copy:before {
  content: "\e931";
}

.cn-icon--CreditCard:before {
  content: "\e932";
}

.cn-icon--CurrentLocation:before {
  content: "\e933";
}

.cn-icon--Delete:before {
  content: "\e934";
}

.cn-icon--DeleteAccount:before {
  content: "\e935";
}

.cn-icon--DeviceMobile:before {
  content: "\e936";
}

.cn-icon--DiscountFilled:before {
  content: "\e937";
}

.cn-icon--DiscountRegular:before {
  content: "\e938";
}

.cn-icon--Dots:before {
  content: "\e939";
}

.cn-icon--Download:before {
  content: "\e93a";
}

.cn-icon--Driver:before {
  content: "\e93b";
}

.cn-icon--Duration:before {
  content: "\e93c";
}

.cn-icon--Edit:before {
  content: "\e93d";
}

.cn-icon--Ellipsis:before {
  content: "\e93e";
}

.cn-icon--EyeClosed:before {
  content: "\e93f";
}

.cn-icon--EyeOpen:before {
  content: "\e940";
}

.cn-icon--Ferry:before {
  content: "\e941";
}

.cn-icon--FilterFilled:before {
  content: "\e942";
}

.cn-icon--FilterRegular:before {
  content: "\e943";
}

.cn-icon--FitScreen:before {
  content: "\e944";
}

.cn-icon--FlashlightFilled:before {
  content: "\e945";
}

.cn-icon--FlashlightRegular:before {
  content: "\e946";
}

.cn-icon--FleetGroup:before {
  content: "\e947";
}

.cn-icon--FreeOfCharge:before {
  content: "\e948";
}

.cn-icon--Garage:before {
  content: "\e949";
}

.cn-icon--GoFilled:before {
  content: "\e94a";
}

.cn-icon--GoRegular:before {
  content: "\e94c";
}

.cn-icon--GooglePlayLogo:before {
  content: "\e94b";
}

.cn-icon--GreenEnergy:before {
  content: "\e94d";
}

.cn-icon--History:before {
  content: "\e94e";
}

.cn-icon--Home:before {
  content: "\e94f";
}

.cn-icon--Household:before {
  content: "\e950";
}

.cn-icon--InactiveRfid:before {
  content: "\e951";
}

.cn-icon--Indoor:before {
  content: "\e952";
}

.cn-icon--InfoFilled:before {
  content: "\e953";
}

.cn-icon--InfoRegular:before {
  content: "\e954";
}

.cn-icon--Invoice:before {
  content: "\e955";
}

.cn-icon--Invoices:before {
  content: "\e956";
}

.cn-icon--Language:before {
  content: "\e957";
}

.cn-icon--Lifebuoy:before {
  content: "\e958";
}

.cn-icon--LightningFilled:before {
  content: "\e959";
}

.cn-icon--LightningRegular:before {
  content: "\e95a";
}

.cn-icon--LikeFilled:before {
  content: "\e95b";
}

.cn-icon--LikeRegular:before {
  content: "\e95c";
}

.cn-icon--List:before {
  content: "\e95d";
}

.cn-icon--Loading:before {
  content: "\e95e";
}

.cn-icon--Location:before {
  content: "\e95f";
}

.cn-icon--LocationShow:before {
  content: "\e960";
}

.cn-icon--LostRfid:before {
  content: "\e961";
}

.cn-icon--ManageColumns:before {
  content: "\e962";
}

.cn-icon--Map:before {
  content: "\e963";
}

.cn-icon--Marketing:before {
  content: "\e964";
}

.cn-icon--Maximize:before {
  content: "\e965";
}

.cn-icon--Menu:before {
  content: "\e966";
}

.cn-icon--Minimize:before {
  content: "\e967";
}

.cn-icon--MinusBold:before {
  content: "\e968";
}

.cn-icon--MissingCurrentLocation:before {
  content: "\e969";
}

.cn-icon--Move:before {
  content: "\e96a";
}

.cn-icon--MoveDriver:before {
  content: "\e96b";
}

.cn-icon--Notification:before {
  content: "\e96c";
}

.cn-icon--Odometer:before {
  content: "\e96d";
}

.cn-icon--OpenTwentyFour:before {
  content: "\e96e";
}

.cn-icon--OtherOptions:before {
  content: "\e96f";
}

.cn-icon--OutsideLink:before {
  content: "\e970";
}

.cn-icon--Overnight:before {
  content: "\e971";
}

.cn-icon--Packages:before {
  content: "\e972";
}

.cn-icon--Parking:before {
  content: "\e973";
}

.cn-icon--Password:before {
  content: "\e974";
}

.cn-icon--Payment:before {
  content: "\e975";
}

.cn-icon--Pegman:before {
  content: "\e976";
}

.cn-icon--Phone:before {
  content: "\e977";
}

.cn-icon--PinCode:before {
  content: "\e978";
}

.cn-icon--PlayCircle:before {
  content: "\e979";
}

.cn-icon--PlugChademo:before {
  content: "\e97a";
}

.cn-icon--PlugCharge:before {
  content: "\e97b";
}

.cn-icon--PlugCcs:before {
  content: "\e97c";
}

.cn-icon--PlugHouseholdA:before {
  content: "\e97d";
}

.cn-icon--PlugHouseholdE:before {
  content: "\e97e";
}

.cn-icon--PlugHouseholdF:before {
  content: "\e97f";
}

.cn-icon--PlugHouseholdG:before {
  content: "\e980";
}

.cn-icon--PlugHouseholdJ:before {
  content: "\e981";
}

.cn-icon--PlugTypeOne:before {
  content: "\e982";
}

.cn-icon--PlugTypeThree:before {
  content: "\e983";
}

.cn-icon--PlugTypeTwo:before {
  content: "\e984";
}

.cn-icon--Preloader:before {
  content: "\e985";
}

.cn-icon--Question:before {
  content: "\e986";
}

.cn-icon--QuestionFilled:before {
  content: "\e987";
}

.cn-icon--RadioSelected:before {
  content: "\e9be";
}

.cn-icon--RadioUnselected:before {
  content: "\e9bf";
}

.cn-icon--Reload:before {
  content: "\e988";
}

.cn-icon--RenameContract:before {
  content: "\e989";
}

.cn-icon--Reorder:before {
  content: "\e98a";
}

.cn-icon--Repair:before {
  content: "\e98b";
}

.cn-icon--ReplaceDriver:before {
  content: "\e98c";
}

.cn-icon--Restaurant:before {
  content: "\e98d";
}

.cn-icon--RestrictedArea:before {
  content: "\e98e";
}

.cn-icon--RfidCard:before {
  content: "\e98f";
}

.cn-icon--Route:before {
  content: "\e990";
}

.cn-icon--RouteReverse:before {
  content: "\e991";
}

.cn-icon--Satellite:before {
  content: "\e992";
}

.cn-icon--ScanQrCode:before {
  content: "\e993";
}

.cn-icon--Search:before {
  content: "\e994";
}

.cn-icon--Services:before {
  content: "\e995";
}

.cn-icon--Settings:before {
  content: "\e996";
}

.cn-icon--ShoppingCart:before {
  content: "\e997";
}

.cn-icon--ShowYourLocation:before {
  content: "\e998";
}

.cn-icon--Sight:before {
  content: "\e999";
}

.cn-icon--Sorting:before {
  content: "\e99a";
}

.cn-icon--SpeakerOff:before {
  content: "\e99b";
}

.cn-icon--SpeakerOn:before {
  content: "\e99c";
}

.cn-icon--StarFilled:before {
  content: "\e99d";
}

.cn-icon--StarHalf:before {
  content: "\e99e";
}

.cn-icon--StarRegular:before {
  content: "\e99f";
}

.cn-icon--SuccessFilled:before {
  content: "\e9a0";
}

.cn-icon--SuccessRegular:before {
  content: "\e9a1";
}

.cn-icon--SwitchContract:before {
  content: "\e9a2";
}

.cn-icon--Tariffs:before {
  content: "\e9a3";
}

.cn-icon--Terrain:before {
  content: "\e9a4";
}

.cn-icon--ThgQuote:before {
  content: "\e9a5";
}

.cn-icon--ThreeDView:before {
  content: "\e9a6";
}

.cn-icon--Time:before {
  content: "\e9a7";
}

.cn-icon--To:before {
  content: "\e9a8";
}

.cn-icon--Tolls:before {
  content: "\e9a9";
}

.cn-icon--Traffic:before {
  content: "\e9aa";
}

.cn-icon--Train:before {
  content: "\e9ab";
}

.cn-icon--TripPlanner:before {
  content: "\e9ac";
}

.cn-icon--TwoDView:before {
  content: "\e9ad";
}

.cn-icon--Unavailable:before {
  content: "\e9ae";
}

.cn-icon--Upload:before {
  content: "\e9af";
}

.cn-icon--User:before {
  content: "\e9b0";
}

.cn-icon--Voucher:before {
  content: "\e9b1";
}

.cn-icon--Walking:before {
  content: "\e9b2";
}

.cn-icon--Wallbox:before {
  content: "\e9b3";
}

.cn-icon--Warning:before {
  content: "\e9b4";
}

.cn-icon--WarningFilled:before {
  content: "\e9b5";
}

.cn-icon--Waypoint:before {
  content: "\e9b6";
}

.cn-icon--Weather:before {
  content: "\e9b7";
}

.cn-icon--Workplace:before {
  content: "\e9b8";
}