/* ==========================================================================
   Qalbit ElementPress (recovered) — fonts, tokens, and corrective CSS.
   Measurements come from design-spec.md (extracted 1:1 from the .ai files).
   ========================================================================== */

/* ---- Self-hosted fonts (no Google Fonts CDN) ---- */
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-VariableFont_wght.ttf")
    format("truetype-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic-VariableFont_wght.ttf")
    format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Ayuthaya";
  src: url("../fonts/Ayuthaya.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Real Text";
  src: url("../fonts/Real Text Extlight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* ---- Root ---- */
:root {
  --c-primary: #4d4d4d;
  --c-secondary: #8a8a8a;
  --c-text: #666666;
  --c-accent: #04096c;
  --c-heading-2: #333333;
  --c-blue-vivid: #0900e9;
  --c-blue-link: #0042ff;
  --c-blue-deep-2: #050868;
  --c-band-blue: #f3faff;
  --c-panel-gray: #f5f5f5;
  --c-panel-gray-2: #f9f9f9;
  --c-border-card: #676766;
  --c-border-light: #cccccc;
  --c-muted: #a5a5a5;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.container {
  min-width: 100%;
}

.d-none {
  display: none !important;
}

/* ==========================================================================
   Universal button system (.qep-btn)
   Flue: Landingpage wordpress 2025.ai — artboard 360 (Tegnebræt 26)
   Pill 62.6×auto · radius 31.3 · type 18/22.6 · tracking −14 · pad 37.2/32.6
   ========================================================================== */

.qep-btn.elementor-button,
a.qep-btn.elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 20px 32.6px 20px 37.2px !important;
  border-radius: 31.3px !important;
  border-width: 1px;
  border-style: solid;
  font-family: "Montserrat", sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22.6px !important;
  letter-spacing: -0.014em !important;
  text-decoration: none !important;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.qep-btn .elementor-button-content-wrapper {
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100%;
}

.qep-btn .elementor-button-icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.qep-btn .elementor-button-icon svg {
  width: 20.9px;
  height: auto;
  transition: transform 0.25s ease;
  transform: rotate(0deg);
  transform-origin: center;
}

.qep-btn:hover .elementor-button-icon svg,
.qep-btn:focus-visible .elementor-button-icon svg {
  transform: rotate(-45deg);
}

.qep-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Filled — charcoal (#666666) */
.qep-btn--charcoal.elementor-button {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
}

.qep-btn--charcoal .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Filled — navy (Norwerk 2nd blue 4-0-106) */
.qep-btn--navy.elementor-button {
  background-color: #04006a !important;
  border-color: #04006a !important;
  color: #ffffff !important;
}

.qep-btn--navy .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Filled — vivid blue (Norwerk 1st blue 9-0-233) */
.qep-btn--blue-vivid.elementor-button {
  background-color: #0900e9 !important;
  border-color: #0900e9 !important;
  color: #ffffff !important;
}

.qep-btn--blue-vivid .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Filled — link blue (Norwerk 3rd blue 0-66-255) */
.qep-btn--blue-link.elementor-button {
  background-color: #0042ff !important;
  border-color: #0042ff !important;
  color: #ffffff !important;
}

.qep-btn--blue-link .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Filled — dark (#333333) */
.qep-btn--dark.elementor-button {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

.qep-btn--dark .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Outlined — white fill, grey stroke */
.qep-btn--outline.elementor-button {
  background-color: #ffffff !important;
  border-color: #666666 !important;
  color: #333333 !important;
}

.qep-btn--outline .elementor-button-icon svg {
  fill: #666666;
  stroke: #666666;
}

/* Ghost on dark backgrounds — transparent, white stroke */
.qep-btn--ghost-light.elementor-button {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.qep-btn--ghost-light .elementor-button-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}

/* Solid white on dark backgrounds */
.qep-btn--white.elementor-button {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #333333 !important;
}

.qep-btn--white .elementor-button-icon svg {
  fill: #333333;
  stroke: #333333;
}

@media (prefers-reduced-motion: reduce) {
  .qep-btn .elementor-button-icon svg {
    transition: none;
  }

  .qep-btn:hover .elementor-button-icon svg,
  .qep-btn:focus-visible .elementor-button-icon svg {
    transform: none;
  }
}

/* ---- Snapped section container widths (excludes Hero & Navbar) ---- */
:root {
  --qep-snap-width: 360px;
}

@media (min-width: 390px) {
  :root {
    --qep-snap-width: 390px;
  }
}

@media (min-width: 412px) {
  :root {
    --qep-snap-width: 412px;
  }
}

@media (min-width: 768px) {
  :root {
    --qep-snap-width: 768px;
  }
}

@media (min-width: 1024px) {
  :root {
    --qep-snap-width: 1024px;
  }
}

@media (min-width: 1280px) {
  :root {
    --qep-snap-width: 1280px;
  }
}

@media (min-width: 1366px) {
  :root {
    --qep-snap-width: 1366px;
  }
}

@media (min-width: 1920px) {
  :root {
    --qep-snap-width: 1920px;
  }
}

#hjælp__sektion,
#industries__section,
#feature__block__container,
#small__text__section,
#services__container,
#conventional__ups__container,
#feature__block__modular__container,
#drups__container,
#feature__block__consulting__ups__container,
#vidensportalen__guides,
#uptime__guarantee__container,
#clients__section,
#article__container,
#footer__container {
  width: min(100%, var(--qep-snap-width)) !important;
  max-width: var(--qep-snap-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* ---- Navbar & Sidebar ---- */

/* 360px and up (base styles go outside media queries) */
#navbar__section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
}

#nav__container {
  min-height: 72px !important;
  padding: 0 20px !important;
}

#nav__menu_container {
  display: none;
}

#nav__logo__container {
  max-width: max-content !important;
}

#nav__logo_image svg {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

#mob__nav__container .nav__hamburger,
#mob__nav__container > .e-con:not(.mob__nav__icon__container) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 3 !important;
  -webkit-tap-highlight-color: transparent;
}

#mob__nav__container .nav__hamburger svg {
  width: 27px !important;
  min-width: 27px !important;
  max-width: 27px !important;
}

.nav-sidebar,
#nav__sidebar {
  position: fixed !important;
  inset: 0 !important;
  height: 100vh !important;
  z-index: 9999;
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.35s ease,
    visibility 0.35s;
}

.nav-sidebar:not(.is-open) .nav__hamburger,
#nav__sidebar:not(.is-open) .nav__hamburger {
  pointer-events: none !important;
}

.nav-sidebar.is-open,
#nav__sidebar.is-open {
  transform: none;
  visibility: visible;
  pointer-events: auto;
}

.nav__sidebar__content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 100vh !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}

/* Sidebar header bar — mirror mobile #nav__container + #mob__nav__container */
#nav__sidebar .nav__sidebar__content > .e-con-full:first-child {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 72px !important;
  flex: 0 0 auto !important;
}

#nav__sidebar .nav__logo {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  min-height: 72px !important;
  flex: 0 0 48px !important;
  justify-content: center !important;
}

#nav__sidebar .nav__logo svg {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

#nav__sidebar .nav__menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: fit-content !important;
  flex: 0 0 auto !important;
}

#nav__sidebar .nav__sidebar__content > .e-con-full:first-child .nav__menu_items_container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: fit-content !important;
}

#nav__sidebar .nav__contact {
  min-height: 46px !important;
  width: 46px !important;
  flex: 0 0 46px !important;
  margin-right: 12px !important;
  justify-content: center !important;
}

#nav__sidebar .nav__hamburger {
  min-height: 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  flex: 0 0 44px !important;
  justify-content: center !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

#nav__sidebar .nav__hamburger svg {
  width: 27px !important;
  min-width: 27px !important;
  max-width: 27px !important;
}

/* Sidebar page links — mirror navbar menu typography */
#nav__sidebar .nav__sidebar__content > .nav__menu_items_container {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding-top: 0 !important;
}

#nav__sidebar .nav__menu_item {
  padding: 12px !important;
  margin: 0 !important;
}

#nav__sidebar .nav__menu_item .elementor-heading-title,
#nav__sidebar .nav__menu_item .elementor-heading-title a {
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  color: #ffffff !important;
}

/* Sidebar chrome — same white-on-blue treatment as .qep-navbar--light */
#nav__sidebar .nav__logo svg path,
#nav__sidebar .nav__logo svg circle {
  stroke: #ffffff !important;
}

#nav__sidebar .nav__hamburger svg rect {
  fill: #ffffff !important;
}

#nav__sidebar .nav__contact__icon svg path {
  fill: #ffffff !important;
}

#nav__sidebar .nav__contact__icon svg circle {
  fill: none !important;
  stroke: #ffffff !important;
}

#nav__sidebar .nav__logo svg path,
#nav__sidebar .nav__logo svg circle,
#nav__sidebar .nav__hamburger svg rect,
#nav__sidebar .nav__contact__icon svg path,
#nav__sidebar .nav__contact__icon svg circle,
#nav__sidebar .nav__menu_item .elementor-heading-title a {
  transition:
    fill 0.35s ease,
    stroke 0.35s ease,
    color 0.35s ease;
}

body.qep-sidebar-open {
  overflow: hidden;
}

.nav-sidebar.qep-sidebar--fallback .nav__sidebar__content {
  padding-top: 72px !important;
}

.nav-sidebar.qep-sidebar--fallback .nav__menu_items_container {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 24px 20px !important;
}

.nav-sidebar.qep-sidebar--fallback .nav__menu_item .elementor-heading-title,
.nav-sidebar.qep-sidebar--fallback .nav__menu_item .elementor-heading-title a {
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  text-decoration: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .nav-sidebar,
  #nav__sidebar {
    transition: none;
  }
}

@media (min-width: 768px) {
  .nav__sidebar__content {
    padding: 0 46px 0 62px !important;
  }

  #nav__sidebar .nav__logo {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    flex-basis: 58px !important;
  }

  #nav__sidebar .nav__logo svg {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }

  #nav__sidebar .nav__sidebar__content > .e-con-full:first-child {
    min-height: 90px !important;
  }
}

@media (min-width: 1024px) {
  .nav-sidebar,
  #nav__sidebar {
    display: none !important;
  }
}

/* Navbar icon/text color transitions (mobile hero slide sync) */
#nav__logo_image svg path,
#nav__logo_image svg circle,
#mob__nav__container .nav__hamburger svg rect,
#mob__nav__container .nav__contact__icon svg path,
#mob__nav__container .nav__contact__icon svg circle,
#mob__nav__container .nav__menu_item .elementor-heading-title a {
  transition:
    fill 0.35s ease,
    stroke 0.35s ease,
    color 0.35s ease;
}

/* Tablet & desktop — logo always white over hero */
@media (min-width: 768px) {
  #nav__logo_image svg path,
  #nav__logo_image svg circle {
    stroke: #ffffff !important;
  }
}

/* Mobile — white navbar on blue hero slide (synced via .qep-navbar--light) */
@media (max-width: 767px) {
  .home #navbar__section.qep-navbar--light #nav__logo_image svg path,
  .home #navbar__section.qep-navbar--light #nav__logo_image svg circle {
    stroke: #ffffff !important;
  }

  .home #navbar__section.qep-navbar--light #mob__nav__container .nav__menu_item .elementor-heading-title,
  .home #navbar__section.qep-navbar--light #mob__nav__container .nav__menu_item .elementor-heading-title a {
    color: #ffffff !important;
  }

  .home #navbar__section.qep-navbar--light #mob__nav__container .nav__contact__icon svg path {
    fill: #ffffff !important;
  }

  .home #navbar__section.qep-navbar--light #mob__nav__container .nav__contact__icon svg circle {
    fill: none !important;
    stroke: #ffffff !important;
  }

  .home #navbar__section.qep-navbar--light #mob__nav__container .nav__hamburger svg rect {
    fill: #ffffff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #nav__logo_image svg path,
  #nav__logo_image svg circle,
  #mob__nav__container .nav__hamburger svg rect,
  #mob__nav__container .nav__contact__icon svg path,
  #mob__nav__container .nav__contact__icon svg circle,
  #mob__nav__container .nav__menu_item .elementor-heading-title a,
  #nav__sidebar .nav__logo svg path,
  #nav__sidebar .nav__logo svg circle,
  #nav__sidebar .nav__hamburger svg rect,
  #nav__sidebar .nav__contact__icon svg path,
  #nav__sidebar .nav__contact__icon svg circle,
  #nav__sidebar .nav__menu_item .elementor-heading-title a {
    transition: none;
  }
}

@media (min-width: 390px) {
}

@media (min-width: 412px) {
}

@media (min-width: 768px) {
  #nav__container {
    min-height: 90px !important;
    padding: 0 46px 0 62px !important;
  }

  #nav__logo_image svg {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }
}

@media (min-width: 1024px) {
  #nav__container {
    min-height: 98px !important;
    padding: 0 20px 0 82px !important;
  }

  #nav__logo_image svg {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }

  #nav__menu_container {
    display: flex;
    gap: 52px !important;
    --gap: 52px !important;
  }

  #mob__nav__container {
    display: none;
  }
}

@media (min-width: 1280px) {
  #nav__container {
    min-height: 112px !important;
    padding: 0 65px 0 110px !important;
  }
  #nav__menu_container {
    gap: 88px !important;
    --gap: 88px !important;
  }
}

@media (min-width: 1366px) {
  #nav__container {
    padding: 0 94px 0 104px !important;
  }
  #nav__menu_container {
    gap: 145px !important;
    --gap: 145px !important;
  }
}

@media (min-width: 1920px) {
  #nav__container {
    padding: 0 166px 0 134px !important;
  }
}

/* ---- Hero Section (home only — same IDs exist on article page) ---- */

.home #hero__linear__background {
  background: linear-gradient(
    90deg,
    rgba(10, 33, 235, 1) 0%,
    rgba(10, 33, 235, 0.97) 13%,
    rgba(10, 33, 235, 0.89) 32%,
    rgba(10, 33, 235, 0.76) 55%,
    rgba(10, 33, 235, 0.58) 79%,
    rgba(10, 33, 235, 0.4) 100%
  ) !important;
}

/* 360px and up (base styles go outside media queries) */
.home #hero__section {
  position: relative;
  overflow: hidden;
}

.home #hero__section__wrapper {
  gap: 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 200%;
  align-items: stretch;
  transition: transform 0.45s ease;
  will-change: transform;
}

.home #hero__left__section,
.home #hero__right__section {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0 !important;
  align-self: stretch;
}

.home #hero__left__section {
  position: relative;
  overflow: hidden;
  min-height: 762px;
  height: 762px;
  border-radius: 0 0 0 90px !important;
  --border-radius: 0 0 0 90px !important;
}

.home #hero__background__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 762px !important;
  min-height: 762px !important;
  z-index: 0;
  border-radius: 0 0 0 90px !important;
  --border-radius: 0 0 0 90px !important;
}

.home #hero__background__image .elementor-widget-container,
.home #hero__background__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home #hero__linear__background {
  max-width: 238px;
  left: 48px;
}

.home #hero__linear__white__text {
  padding-inline: 20px;
  max-width: 254px !important;
}

.home #hero__right__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 72px 0 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  flex-grow: 0 !important;
  max-width: none;
}

.home #hero__heading__wrapper {
  margin: 0 auto;
  width: min(344px, calc(100vw - 40px)) !important;
  max-width: 344px !important;
  min-width: 0 !important;
  --width: min(344px, calc(100vw - 40px)) !important;
  align-self: center;
  flex-shrink: 0;
  box-sizing: border-box;
  min-height: 640px !important;
  height: 640px !important;
  --min-height: 640px !important;
  border-radius: 0 84px 0 84px !important;
  --border-radius: 0 84px 0 84px !important;
}

.home #hero__heading {
  max-width: 264px;
}

/* Mobile slide toggle — left (blue) panel shown first */
.home #hero__circle__btn {
  position: absolute;
  top: 50%;
  right: -134px;
  z-index: 20;
  width: 196px;
  height: 196px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 0.4s ease;
  -webkit-tap-highlight-color: transparent;
}

.home #hero__circle__btn .hero__circle__arrow {
  position: absolute;
  left: 31px;
  top: 50%;
  width: 14px;
  height: 18px;
  background: #04006a;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  transform: translate(-50%, -50%) rotate(180deg);
  transition:
    transform 0.4s ease,
    background-color 0.4s ease;
}

.home #hero__section.qep-hero--right #hero__circle__btn {
  background: #606060;
}

.home #hero__section.qep-hero--right #hero__circle__btn .hero__circle__arrow {
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(0deg);
}

.home #hero__section.qep-hero--right #hero__section__wrapper {
  transform: translateX(-50%);
}

.home #hero__heading > * {
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -0.476px;
}

.home #hero__sub_heading {
  max-width: 252px;
}

.home #hero__ups__kabinet__stratus__power {
  min-height: 172px !important;
  height: 172px !important;
  width: 338px !important;
  min-width: 338px !important;
  left: -34px;
  bottom: -70px;
}
.home #hero__bottom__section {
  padding-left: 20px;
}

.home #hero__bottom__image {
  height: 23px !important;
  flex-shrink: 0 !important;
}

/* small mobile and up */
@media (min-width: 390px) {
  .home #hero__left__section {
    min-height: 820px;
    height: 820px;
  }
  .home #hero__background__image {
    height: 820px !important;
    min-height: 820px !important;
  }
  .home #hero__linear__background {
    max-width: 253px;
    left: 48px;
  }

  .home #hero__heading {
    max-width: 290x;
  }

  .home #hero__heading > * {
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.504px;
  }

  .home #hero__ups__kabinet__stratus__power {
    min-height: 182px !important;
    height: 182px !important;
    width: 358px !important;
    min-width: 358px !important;
    bottom: -90px;
  }
}

/* medium mobile and up — centered card, 20px viewport gutters */
@media (min-width: 412px) {
  .home #hero__linear__background {
    max-width: 271px;
    left: 20px;
  }
  .home #hero__right__section {
    padding: 72px 0 0 !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
  }
  .home #hero__ups__kabinet__stratus__power {
    min-height: 204px !important;
    height: 204px !important;
    width: 398px !important;
    min-width: 398px !important;
    bottom: -120px;
    left: -50px;
  }
}

/* tablet and up */
@media (min-width: 768px) {
  .home #hero__section {
    overflow: visible;
  }

  .home #hero__section__wrapper {
    gap: 24px;
    width: auto !important;
    transform: none !important;
    transition: none;
    align-items: stretch !important;
  }

  .home #hero__linear__background {
    max-width: 254px;
    left: 48px;
  }

  .home #hero__left__section {
    position: relative;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    min-width: 384px !important;
    overflow: hidden;
    border-radius: 0 95.613px 0 95.613px !important;
    --border-radius: 0 95.613px 0 95.613px !important;
  }

  .home #hero__background__image {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    --width: 100% !important;
    z-index: 0;
    border-radius: 0 95.613px 0 95.613px !important;
    --border-radius: 0 95.613px 0 95.613px !important;
  }

  .home #hero__background__image .elementor-widget-container,
  .home #hero__background__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .home #hero__right__section {
    flex: 0 0 auto !important;
    flex-shrink: 0;
    display: flex;
    align-items: stretch;
    padding-top: 90px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 14px !important;
    --padding-top: 90px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 14px !important;
    max-width: max-content;
  }

  .home #hero__circle__btn {
    display: none !important;
  }

  .home #hero__heading__wrapper {
    margin: 0;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    --width: auto !important;
    align-self: auto;
    min-height: 620px !important;
    height: 620px !important;
    --min-height: 620px !important;
    border-radius: 0 107.402px 0 107.402px !important;
    --border-radius: 0 107.402px 0 107.402px !important;
  }

  .home #hero__sub_heading {
    max-width: 282px;
  }

  .home #hero__bottom__section {
    align-self: auto;
    width: auto;
    max-width: none;
    padding-left: 56px;
  }
}

/* small desktop and up */
@media (min-width: 1024px) {
  .home #hero__section__wrapper {
    gap: 30px;
  }

  .home #hero__left__section {
    min-width: 506px !important;
    min-height: 662px !important;
    height: 662px !important;
  }
  .home #hero__background__image {
    height: 662px !important;
    min-height: 662px !important;
  }

  .home #hero__linear__background {
    max-width: 372px;
  }

  .home #hero__linear__white__text {
    padding-right: 40px;
    max-width: none !important;
  }

  .home #hero__right__section {
    padding-top: 98px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    --padding-top: 98px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 20px !important;
  }

  .home #hero__heading__wrapper {
    max-width: 468px !important;
    min-width: 468px !important;
    min-height: 490px !important;
    height: 490px !important;
    --min-height: 490px !important;
  }

  .home #hero__heading {
    max-width: 395px;
  }

  .home #hero__heading > * {
    font-size: 38px;
    line-height: 45px;
    letter-spacing: -0.532px;
  }

  .home #hero__sub_heading {
    max-width: 368px;
  }

  .home #hero__ups__kabinet__stratus__power {
    left: 0px;
  }
}

/* large desktop */
@media (min-width: 1280px) {
  .home #hero__left__section {
    min-width: 638px !important;
  }

  .home #hero__linear__background {
    max-width: 448px;
    left: 55.62px;
  }

  .home #hero__linear__white__text {
    padding-left: 82px;
  }

  .home #hero__right__section {
    padding-top: 112px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    --padding-top: 112px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 20px !important;
  }

  .home #hero__heading__wrapper {
    max-width: 592px !important;
    min-width: 592px !important;
  }

  .home #hero__heading {
    max-width: 495px;
  }

  .home #hero__heading > * {
    font-size: 43px;
    line-height: 45px;
    letter-spacing: -0.602px;
  }
  .home #hero__ups__kabinet__stratus__power {
    left: 44px;
  }
}

/* large desktop (wide laptops) — cap left at 1089px, bg fills full panel */
@media (min-width: 1366px) and (max-width: 1919px) {
  .home #hero__left__section {
    flex: 1 1 auto !important;
    min-width: 682px !important;
    max-width: 1089px !important;
    width: auto !important;
    --width: auto !important;
    min-height: 724px !important;
    height: 724px !important;
  }

  .home #hero__background__image {
    position: absolute !important;
    inset: 0 !important;
    width: 1318px !important;
    min-width: 1318px !important;
    max-width: none !important;
    height: 724px !important;
    min-height: 724px !important;
    --width: 1318px !important;
  }

  .home #hero__background__image .elementor-widget-container,
  .home #hero__background__image img {
    display: block;
    width: 1318px !important;
    height: 742px !important;
    min-height: 742px !important;
    object-fit: cover;
    object-position: center;
  }

  .home #hero__right__section {
    padding-right: 60px !important;
    --padding-right: 60px !important;
  }
}

/* ultra wide — left + bg stretch beyond 1089, preserve right gutter */
@media (min-width: 1920px) {
  .home #hero__left__section {
    flex: 1 1 auto !important;
    min-width: 1089px !important;
    max-width: none !important;
    width: auto !important;
    --width: auto !important;
  }

  .home #hero__background__image {
    position: absolute !important;
    inset: 0 !important;
    width: 1318px !important;
    min-width: 1318px !important;
    max-width: none !important;
    height: 724px !important;
    min-height: 724px !important;
    --width: 1318px !important;
  }

  .home #hero__background__image .elementor-widget-container,
  .home #hero__background__image img {
    display: block;
    width: 1318px !important;
    height: 742px !important;
    min-height: 742px !important;
    object-fit: cover;
    object-position: center;
  }

  .home #hero__right__section {
    padding-right: 133.5px !important;
    --padding-right: 133.5px !important;
  }

  .home #hero__heading__wrapper {
    max-width: 654px !important;
    min-width: 654px !important;
    min-height: 530px !important;
    height: 530px !important;
    --min-height: 530px !important;
  }
}

/* ==========================================================================
    Industries Section
  ========================================================================== */

#hjælp__sektion {
  padding: 90px 0;
}
#headingWrapper .text__animation__child > * {
  font-size: 33px;
  line-height: 56px;
}
#hjælp__beskrivelse > * {
  font-size: 15px;
}

#headingWrapper {
  position: relative;
  display: inline-block;
}

#headingWrapper .text__animation__child > h2 {
  font-weight: 400;
}

#headingWrapper .text__animation__shadow,
#headingWrapper .text__animation__gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#headingWrapper .text__animation__shadow {
  position: relative;
  z-index: 1;
  color: #ccc;
}

#headingWrapper .text__animation__gradient {
  z-index: 2;
  color: transparent;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(1, 2, 20, 0.45) 7%,
    rgba(6, 13, 93, 0.65) 33%,
    rgba(10, 21, 151, 0.8) 56%,
    rgba(13, 27, 192, 0.91) 75%,
    rgba(15, 30, 218, 0.98) 91%,
    #1020e4 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  clip-path: inset(0 100% 0 0);
}
@media (min-width: 390px) {
  #headingWrapper .text__animation__child > * {
    font-size: 37px;
    line-height: 57px;
  }
  #hjælp__beskrivelse {
    width: 338px;
  }
}
@media (min-width: 412px) {
}
@media (min-width: 768px) {
  #hjælp__sektion {
    padding: 200px 0 120px 0;
  }
  #headingWrapper .text__animation__child > * {
    font-size: 49px;
  }
  #hjælp__beskrivelse > * {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  #hjælp__sektion {
    padding: 220px 0 100px 0;
  }
  #headingWrapper .text__animation__child > * {
    font-size: 52px;
  }
  #hjælp__beskrivelse {
    width: 304px;
  }
}
@media (min-width: 1280px) {
}
@media (min-width: 1366px) {
}
@media (min-width: 1920px) {
  #hjælp__sektion {
    padding: 300px 0 180px 0;
  }
}

/* ==========================================================================
    Industries Section
  ========================================================================== */


#industries__section {
  padding-bottom: 80px;
}
#industries__item__wrapper .industries__item__box {
  max-width: 250px;
  margin: 0 auto;
}

#industries__item__wrapper .industries__item__box .elementor-image-box-img,
#industries__item__wrapper .industries__item__box .elementor-image-box-img img {
  height: 232px;
  border-radius: 0 64px;
}

#industries__item__wrapper .industries__item__box .elementor-image-box-content {
  max-width: 216px;
  margin-left: auto;
}
#industries__item__wrapper .industries__item__box .elementor-image-box-title {
  line-height: unset;
}
.industries__item .elementor-image-box-img img {
  filter: grayscale(1);
}

.industries__item .elementor-image-box-img {
  position: relative;
  display: block;
  border-radius: 0px 50px 0px 50px;
}

.industries__item .elementor-image-box-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #04006acc 0%,
    #04006abd 7%,
    #04006a63 47%,
    #04006a2e 79%,
    #04006a1a 100%
  );
  border-radius: inherit;
  pointer-events: none;
}

#industries__left__btn__icon,
#industries__right__btn__icon {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

#industries__left__btn__icon.disabled,
#industries__right__btn__icon.disabled {
  pointer-events: none !important;
  cursor: not-allowed;
  opacity: 0.4;
}

#industries__left__btn__icon.disabled *,
#industries__right__btn__icon.disabled * {
  pointer-events: none !important;
}

#industries__left__btn__icon.disabled circle,
#industries__right__btn__icon.disabled circle {
  stroke: #a7a7a7;
}

#industries__left__btn__icon.disabled path,
#industries__right__btn__icon.disabled path {
  fill: #a7a7a7;
}
@media (min-width: 390px) {
}
@media (min-width: 412px) {
}
@media (min-width: 768px) {
  #industries__item__wrapper {
    padding-left: 48px;
  }
}
@media (min-width: 1024px) {
  #industries__item__wrapper {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) {
  #industries__item__wrapper {
    padding-left: 52px;
  }
}
@media (min-width: 1366px) {
  #industries__item__wrapper {
    padding-left: 85px;
  }
}
@media (min-width: 1920px) {
  #industries__item__wrapper {
    padding-left: 75px;
  }
}

/* ==========================================================================
    Feature Block Section
  ========================================================================== */

/* #feature__block__section */
#feature__block__container {
  flex-direction: column-reverse;
}
#feature__block__image__wrapper {
  width: 100%;
  height: 330px;
  min-height: unset;
}
#feature__block__image {
  top: -100px;
  left: -430px;
}
#feature__block__image img {
  width: 1210px;
  height: 509px;
}
#feature__block__content__wrapper {
  padding: 50px 20px;
  min-height: unset;
  justify-content: end !important;
}
#feature__block__content__heading > * {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: -0.392px;
}
#feature__block__content__text {
  max-width: 302px;
}
#feature__block__btn__container {
  z-index: 2 !important;
}
@media (min-width: 390px) {
}
@media (min-width: 412px) {
}
@media (min-width: 768px) {
  #feature__block__container {
    flex-direction: row;
    height: 663px;
  }
  #feature__block__content__wrapper {
    padding: 100px 46px;
  }
  #feature__block__content__heading{
    max-width: 286px;
  }
  #feature__block__content__heading > * {
    font-size: 38px;
    line-height: 44px;
    letter-spacing: -0.526px;
  }
  #feature__block__content__text {
    max-width: 326.5px;
  }
  #feature__block__image__wrapper {
    height: 663px;
  }
  #feature__block__image {
    left: -760px;
  }
  #feature__block__image img {
    width: 1819px;
    height: 764px;
  }
}
@media (min-width: 1024px) {
  #feature__block__container {
    height: 620px;
  }
  #feature__block__content__heading{
    max-width: 324px;
  }
  #feature__block__content__wrapper {
    padding: 100px 55px;
  }
  #feature__block__content__text {
    max-width: 380px;
  }
  #feature__block__image__wrapper {
    height: 620px;
  }
}
@media (min-width: 1280px) {
  #feature__block__content__wrapper {
    padding: 100px 98px;
  }
  #feature__block__content__heading{
    max-width: 418px;
  }
  #feature__block__content__heading > * {
    font-size: 44px;
    line-height: 44px;
    letter-spacing: -0.616px;
  }
}
@media (min-width: 1366px) {
}
@media (min-width: 1920px) {
  #feature__block__content__heading{
    max-width: 521px;
  }
  #feature__block__content__heading > * {
    font-size: 52px;
    line-height: 48px;
    letter-spacing: -0.728px;
  }
  #feature__block__image {
    left: -400px;
  }
}

/* ---- Text Section ---- */
#small__text__section{
  padding: 130px 0;
}
#small__text__editor{
  max-width: 322px;
}
#small__text__editor >*{
  font-size: 15px;
  line-height: 23px;
  letter-spacing: 0.315px;
}

/* small mobile and up */
@media (min-width: 390px) { }

/* medium mobile and up */
@media (min-width: 412px) { 
  #small__text__editor{
    max-width: 372px;
  }
}

/* tablet and up */
@media (min-width: 768px) {
  #small__text__section{
    padding: 160px 0;
  }
  #small__text__editor{
    max-width: 398px;
  }
}

/* small desktop and up */
@media (min-width: 1024px) { }

/* large desktop */
@media (min-width: 1280px) { }

/* large desktop (wide laptops) */
@media (min-width: 1366px) { }

/* ultra wide */
@media (min-width: 1920px) { }

/* ==========================================================================
    Services Section
  ========================================================================== */


#services__container {
  padding-left: 20px;
  padding-right: 0 !important;
  overflow: hidden;
}

#services__wrapper {
  display: block !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100%;
}

#services__wrapper .services__item {
  width: 100% !important;
  max-width: 288px !important;
  --container-widget-width: 100% !important;
  box-sizing: border-box;
  overflow: hidden;
}

#services__container .bars-container,
#services__bars__wrapper {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  padding-top: 28px;
}

.services__bars-viewport {
  overflow: hidden;
  width: calc(45px + (26px * 3) + (10px * 3));
  max-width: 100%;
}

.services__bars-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  transition: transform 0.35s ease;
  will-change: transform;
}

.services__bar {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 4px;
  border: none;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  background: var(--c-blue-vivid, #0900e9);
  cursor: pointer;
  transition:
    width 0.25s ease,
    flex-basis 0.25s ease,
    background-color 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.services__bar.is-active {
  flex: 0 0 45px;
  width: 45px;
  background: #333333;
}

#services__wrapper .owl-nav {
  display: none !important;
}

#services__wrapper.owl-carousel .owl-stage-outer {
  overflow: hidden;
  width: 100%;
}

#services__wrapper.owl-carousel .owl-item {
  height: auto;
  width: auto !important;
}

@media (max-width: 767px) {
  #services__wrapper.owl-carousel .services__item {
    display: flex;
    flex-direction: column;
    width: min(288px, calc(100vw - 40px)) !important;
    max-width: min(288px, calc(100vw - 40px)) !important;
    --width: min(288px, calc(100vw - 40px)) !important;
    --container-widget-width: min(288px, calc(100vw - 40px)) !important;
    height: 100%;
    margin: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  #services__wrapper.owl-carousel .services__item .elementor-image-box-wrapper {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }
}

#services__wrapper .services__item .elementor-image-box-title,
#services__wrapper .services__item .elementor-image-box-description {
  overflow-wrap: anywhere;
  word-break: break-word;
}

#services__wrapper .services__item .elementor-image-box-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#services__wrapper .services__item .elementor-image-box-img {
  align-self: flex-end;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin-bottom: 4px !important;
}

#services__wrapper .services__item .elementor-image-box-img img {
  display: block;
}

#services__wrapper .services__item .elementor-image-box-content {
  width: 100%;
}

#services__wrapper .services__item .elementor-image-box-title {
  line-height: normal;
  margin-bottom: 10px !important;
  padding-right: 0;
}

#services__wrapper .services__item .elementor-image-box-description {
  margin: 0;
}
@media (min-width: 390px) {
}
@media (min-width: 412px) {
}
@media (min-width: 768px) {
  #services__container {
    padding-left: 45px;
  }

  #services__wrapper {
    display: inline-grid !important;
    grid-template-columns: repeat(2, max-content);
    gap: 44px 47px !important;
    width: auto !important;
  }

  #services__wrapper .services__item {
    width: 288px !important;
    max-width: 288px !important;
    --width: 288px !important;
    --container-widget-width: 288px !important;
    overflow: visible;
  }

  #services__bars__wrapper,
  #services__container .bars-container {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  #services__container {
    padding-left: 32px;
  }
  #services__wrapper {
    grid-template-columns: repeat(3, max-content);
  }
}
@media (min-width: 1280px) {
  #services__container {
    padding-left: 96px;
  }
  #services__wrapper .services__item {
    width: 344px !important;
    max-width: 344px !important;
    --width: 344px !important;
    --container-widget-width: 344px !important;
  }
}
@media (min-width: 1366px) {
  #services__container {
    padding-left: 93px;
  }
  #services__wrapper {
    gap: 67px 57px !important;
  }
}
@media (min-width: 1920px) {
  #services__container {
    padding-left: 306px;
  }
}
/* ==========================================================================
    Conventional UPS Section
  ========================================================================== */

#conventional__ups__section {
  overflow: visible;
}

#conventional__ups__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin-top: 100px;
  padding: 0 20px !important;
  gap: 0;
  position: relative;
}

#conventional__ups__img__wrapper {
  position: relative;
  order: 1;
  width: 100% !important;
  max-width: none !important;
  --content-width: 100% !important;
  min-height: unset !important;
  height: 616px;
  overflow: hidden;
  border-radius: 0 70px 0 70px !important;
  --border-radius: 0 70px 0 70px !important;
}

#conventional__ups__img__wrapper > .e-con-inner {
  position: relative;
  height: 100%;
  min-height: 100%;
  padding: 0 !important;
}

#conventional__ups__img,
#conventional__ups__img .elementor-widget-container,
#conventional__ups__img figure {
  height: 656px;
  margin: 0;
}

#conventional__ups__img img {
  width: 656px;
  height: 656px;
  object-fit: cover;
  object-position: -120px -32px;
  display: block;
}

#conventional__ups__floating__text__container {
  display: flex !important;
  position: absolute !important;
  left: 20px !important;
  right: 0 !important;
  bottom: 80px !important;
  z-index: 2;
  padding: 40px 24px;
  background: linear-gradient(
    90deg,
    #f3faff 0%,
    rgba(243, 250, 255, 0.99) 23%,
    rgba(244, 250, 255, 0.95) 42%,
    rgba(246, 251, 255, 0.88) 60%,
    rgba(249, 252, 255, 0.79) 77%,
    rgba(253, 254, 255, 0.66) 93%,
    rgba(255, 255, 255, 0.6) 100%
  );
  box-sizing: border-box;
  max-width: 304px;
}

#conventional__ups__floating__text {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#conventional__ups__floating__text .elementor-heading-title {
  font-size: 28px !important;
  line-height: 30px !important;
  letter-spacing: -0.392px !important;
  color: #04096c !important;
}

#conventional__ups__button__container {
  order: 2;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  align-self: center;
  width: fit-content;
  margin-top: -31px;
  z-index: 3;
}

#conventional__ups__content__wrapper {
  order: 3;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  padding: 36px 0 0 !important;
  --padding-bottom: 0 !important;
}

#conventional__ups__heading {
  display: none !important;
}

#conventional__ups__text__editor {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

#conventional__ups__text__editor p {
  margin-block-end: 24px;
}

#conventional__ups__text__editor p:last-child {
  margin-block-end: 0;
}

@media (min-width: 390px) {
  #conventional__ups__floating__text__container {
    max-width: 318px;
  }
}

@media (min-width: 412px) {
}

@media (min-width: 768px) {
  #conventional__ups__container {
    flex-direction: row !important;
    align-items: center !important;
    margin-top: 120px;
    gap: 32px;
  }
  #conventional__ups__img__wrapper {
    order: unset;
    width: 362px !important;
    min-width: 362px !important;
    max-width: 362px !important;
    overflow: hidden;
  }
  #conventional__ups__img img {
    object-position: -145px -10px;
  }

  #conventional__ups__floating__text__container {
    display: none !important;
    background: transparent;
    padding: 0;
    bottom: 0 !important;
  }
  #conventional__ups__button__container {
    order: unset;
    position: absolute !important;
    left: 192px !important;
    right: auto !important;
    bottom: -31px !important;
    margin-top: 0;
    z-index: 3;
  }

  #conventional__ups__content__wrapper {
    order: unset;
    flex: 1 1 auto;
    align-self: center !important;
    width: auto !important;
    min-width: 0;
    max-width: 310px !important;
    padding: 0 !important;
    --padding-bottom: 0 !important;
  }

  #conventional__ups__heading {
    display: block !important;
  }

  #conventional__ups__heading .elementor-heading-title {
    font-size: 40px !important;
    line-height: 44px !important;
    letter-spacing: -0.5px !important;
    color: #04096c !important;
  }

  #conventional__ups__text__editor {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 310px !important;
  }

  #conventional__ups__text__editor p {
    margin-block-end: 31.5px;
  }
}

@media (min-width: 1024px) {
  #conventional__ups__container {
    gap: 50px;
  }
  #conventional__ups__img__wrapper {
    width: 492px !important;
    min-width: 492px !important;
    max-width: 492px !important;
  }
  #conventional__ups__img img {
    width: 782px;
    height: 782px;
    object-position: -137px -100px;
  }
  #conventional__ups__content__wrapper {
    max-width: 369px !important;
  }
  #conventional__ups__text__editor {
    max-width: 369px !important;
  }
  #conventional__ups__button__container {
    left: 320px !important;
  }

}

@media (min-width: 1280px) { 
  #conventional__ups__container {
    gap: 58px;
    padding: 0 50px !important;
  }
  #conventional__ups__img__wrapper {
    width: 616.5px !important;
    min-width: 616.5px !important;
    max-width: 616.5px !important;
  }
  #conventional__ups__img img {
    object-position: -80px -100px;
  }
  #conventional__ups__button__container {
    left: 560px !important;
  }
}

@media (min-width: 1366px) {
  #conventional__ups__container {
    padding: 0 94px !important;
  }
  #conventional__ups__button__container {
    left: 602px !important;
  }
}

@media (min-width: 1920px) {
  #conventional__ups__container {
    gap: 85px;
    padding: 0 220.5px !important;
  }
  #conventional__ups__img__wrapper {
    width: 696px !important;
    min-width: 696px !important;
    max-width: 696px !important;
  }
  #conventional__ups__img img {
    object-position: -40px -100px;
  }
  #conventional__ups__button__container {
    left: 730px !important;
  }
}

/* ==========================================================================
    Feature Block Modular Section
  ========================================================================== */

#feature__block__modular__section {
  margin-top: 100px;
  overflow: visible;
}

#feature__block__modular__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: unset !important;
  padding: 0 !important;
  gap: 0;
  position: relative;
}

#feature__block__modular__image__wrapper {
  order: 1;
  position: relative;
  width: 100% !important;
  max-width: none !important;
  height: 400px;
  min-height: unset !important;
  overflow: hidden;
}

#feature__block__modular__bg__image__wrapper,
#feature__block__modular__bg__image__wrapper > .e-con-inner {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
  padding: 0 !important;
}

#feature__block__modular__image,
#feature__block__modular__image .elementor-widget-container,
#feature__block__modular__image figure {
  height: 100%;
  margin: 0;
}

#feature__block__modular__image img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: cover;
  object-position: center center;
  display: block;
}

#feature__block__modular__logo__container {
  top: 20px !important;
  right: 20px !important;
  left: unset !important;
  width: 68px !important;
  --width: 68px !important;
  min-height: unset !important;
  z-index: 2;
}

#feature__block__modular__logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

#feature__block__modular__apc__container {
  top: unset !important;
  bottom: -220px !important;
  right: 40px !important;
  left: unset !important;
  width: 151px !important;
  --width: 151px !important;
  min-height: 485px !important;
  height: 485px !important;
  z-index: 2;
  display: flex !important;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
}

#feature__block__modular__apc,
#feature__block__modular__apc .elementor-widget-container,
#feature__block__modular__apc figure {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

#feature__block__modular__apc img {
  width: auto !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  object-position: bottom right;
  display: block;
}

#feature__block__modular__btn__container {
  order: 2;
  position: relative !important;
  left: auto !important;
  right: unset !important;
  bottom: auto !important;
  align-self: flex-start;
  width: fit-content !important;
  --width: fit-content !important;
  margin: -33px 0 0 34px;
  z-index: 3;
}

#feature__block__modular__content__wrapper {
  order: 3;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  justify-content: flex-start !important;
  gap: 24px !important;
  margin-top: -33px;
  padding: 92px 34px 48px !important;
  --padding-top: 92px !important;
  --padding-bottom: 48px !important;
  --padding-left: 34px !important;
  --padding-right: 34px !important;
  background-color: #f3faff !important;
}

#feature__block__modular__content__heading {
  width: 100% !important;
  max-width: none !important;
  --container-widget-width: 100% !important;
}

#feature__block__modular__content__heading .elementor-heading-title {
  font-size: 40px !important;
  line-height: 44px !important;
  letter-spacing: -0.5px !important;
  font-weight: 500 !important;
  color: #04096c !important;
}

#feature__block__modular__content__text {
  width: 100% !important;
  max-width: none !important;
  --container-widget-width: 100% !important;
}

#feature__block__modular__content__text .elementor-heading-title {
  font-size: 16px !important;
  line-height: 23px !important;
  letter-spacing: 0.3px !important;
  font-weight: 300 !important;
  color: #4d4d4d !important;
}

#feature__block__modular__content__text .elementor-heading-title br {
  display: block;
  content: "";
  margin-top: 24px;
}

/* 360px and up (base styles go outside media queries) */

/* tablet and up */
@media (min-width: 768px) {
  #feature__block__modular__container {
    flex-direction: row !important;
    min-height: 685px !important;
    margin-bottom: 31px;
  }

  #feature__block__modular__content__wrapper {
    order: unset;
    flex: 0 1 50%;
    width: 50% !important;
    max-width: 50% !important;
    justify-content: flex-end !important;
    margin-top: 0;
    padding: 0 16px 111px 46.3px !important;
    --padding-top: 0 !important;
    --padding-bottom: 111px !important;
    --padding-left: 46.3px !important;
    --padding-right: 16px !important;
  }

  #feature__block__modular__content__heading {
    max-width: 322px !important;
  }

  #feature__block__modular__content__text {
    max-width: 294px !important;
  }

  #feature__block__modular__content__text .elementor-heading-title {
    color: #666666 !important;
  }

  #feature__block__modular__image__wrapper {
    order: unset;
    flex: 0 1 50%;
    width: 50% !important;
    max-width: 50% !important;
    height: auto;
    min-height: 685px;
    overflow: visible;
  }

  #feature__block__modular__logo__container {
    width: 62px !important;
    --width: 62px !important;
  }

  #feature__block__modular__apc__container {
    top: auto !important;
    bottom: -30px !important;
    right: 47px !important;
    width: 170px !important;
    --width: 170px !important;
    height: 546px !important;
    min-height: unset !important;
  }

  #feature__block__modular__btn__container {
    order: unset;
    position: absolute !important;
    left: 181.4px !important;
    bottom: -31px !important;
    margin: 0;
    align-self: auto;
  }
}

/* small desktop and up */
@media (min-width: 1024px) {
  #feature__block__modular__content__wrapper {
    gap: 34px !important;
    padding: 0 24px 111px 57.4px !important;
    --padding-left: 57.4px !important;
    --padding-right: 24px !important;
  }

  #feature__block__modular__content__heading {
    max-width: 417px !important;
  }

  #feature__block__modular__content__text {
    max-width: 379px !important;
  }

  #feature__block__modular__logo__container {
    top: 33.5px !important;
    right: 42px !important;
    width: 83px !important;
    --width: 83px !important;
  }

  #feature__block__modular__apc__container {
    right: 97px !important;
    left: unset !important;
  }

  #feature__block__modular__btn__container {
    left: 378.3px !important;
  }
}

/* large desktop */
@media (min-width: 1280px) {
  #feature__block__modular__content__wrapper {
    padding: 0 0 111px 98.5px !important;
    --padding-left: 98.5px !important;
    --padding-right: 0 !important;
  }

  #feature__block__modular__apc__container {
    top: 93px !important;
    bottom: auto !important;
    right: 222px !important;
    width: 194px !important;
    --width: 194px !important;
    height: auto !important;
    min-height: 622px !important;
    align-items: flex-start;
  }

  #feature__block__modular__apc img {
    height: auto !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center center;
  }

  #feature__block__modular__btn__container {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* large desktop (wide laptops) */
@media (min-width: 1366px) {
  #feature__block__modular__content__wrapper {
    padding-left: 94.4px !important;
    --padding-left: 94.4px !important;
  }

  #feature__block__modular__apc__container {
    right: 205px !important;
  }
}

/* ultra wide */
@media (min-width: 1920px) {
  #feature__block__modular__section {
    margin-top: 257px;
  }

  #feature__block__modular__content__wrapper {
    padding-left: 133.5px !important;
    --padding-left: 133.5px !important;
  }

  #feature__block__modular__content__heading {
    max-width: 522px !important;
  }

  #feature__block__modular__content__heading .elementor-heading-title {
    font-size: 52px !important;
    line-height: 58px !important;
    letter-spacing: -0.6px !important;
  }

  #feature__block__modular__apc__container {
    right: 368px !important;
  }
}

/* ==========================================================================
    Drups Section
  ========================================================================== */

#drups__section {
  overflow: hidden !important;
  background-color: #ffffff !important;
  padding-top: 120px !important;
}

#drups__container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  position: relative;
  max-width: none !important;
  min-height: unset !important;
  margin: 0 auto !important;
  padding: 0 20.3px !important;
  gap: 0;
  overflow: hidden !important;
}

#drups__header {
  order: 1;
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: 339.4px !important;
  --width: 339.4px !important;
}

#drups__header .drups__header__text:first-child .elementor-heading-title,
#drups__header .drups__header__text:last-child .elementor-heading-title {
  font-size: 34px !important;
  line-height: 40px !important;
  letter-spacing: -0.476px !important;
  color: #04096c !important;
}

#drups__header .drups__header__text:first-child .elementor-heading-title {
  font-weight: 500 !important;
}

#drups__header .drups__header__text:last-child .elementor-heading-title {
  font-weight: 300 !important;
}

#drups__image__wrapper {
  order: 2;
  position: relative !important;
  top: 40px !important;
  left: unset !important;
  right: unset !important;
  width: 1000px !important;
  max-width: none !important;
  height: auto;
  min-height: 396px !important;
  margin: 0 0 0 -565px !important;
  z-index: 1;
  overflow: visible;
}

#drups__image,
#drups__image .elementor-widget-container,
#drups__image figure {
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

#drups__image img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 396px !important;
  object-fit: cover !important;
  object-position: center center;
  display: block;
}

#drups__body__wrapper {
  order: 3;
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-top: -63px;
  gap: 53px;
}

#drups__btn__wrapper {
  align-self: flex-end !important;
  width: fit-content !important;
  --width: fit-content !important;
  z-index: 3;
}

#drups__content__wrapper {
  width: 100% !important;
  max-width: none !important;
  --content-width: 100% !important;
}

#drups__content__text__wrapper .drups__content__text > * {
  font-size: 15px !important;
}

/* medium mobile and up */
@media (min-width: 390px) {}

/* tablet and up */
@media (min-width: 768px) {
  #drups__container {
    padding: 0 45px !important;
    justify-content: flex-start !important;
  }

  #drups__header .drups__header__text:first-child .elementor-heading-title,
  #drups__header .drups__header__text:last-child .elementor-heading-title {
    font-size: 40px !important;
    line-height: 44px !important;
    letter-spacing: -0.56px !important;
  }

  #drups__header {
    max-width: 416.8px !important;
    --width: 416.8px !important;
  }

  #drups__image__wrapper {
    position: relative !important;
    width: 100% !important;
    min-height: 348.4px !important;
    margin: -71px 0 0 !important;
    height: auto !important;
  }

  #drups__image img {
    min-height: 348.4px !important;
    object-fit: cover !important;
  }

  #drups__body__wrapper {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-top: 12px;
    gap: 0;
  }

  #drups__btn__wrapper {
    align-self: center !important;
  }

  #drups__content__wrapper {
    max-width: 338px !important;
    --content-width: 338px !important;
    margin-left: 0;
  }

  #drups__content__text__wrapper .elementor-heading-title {
    font-size: 16px !important;
  }

  #drups__content__text__wrapper > .elementor-widget-heading:not(:first-child) .elementor-heading-title {
    letter-spacing: 0.336px !important;
  }
}

/* small desktop and up */
@media (min-width: 1024px) {
  #drups__container {
    min-height: 620px !important;
    padding-left: 55.6px !important;
    padding-right: 57px !important;
  }

  #drups__image__wrapper {
    min-height: 453.1px !important;
  }

  #drups__image img {
    min-height: 453.1px !important;
  }

  #drups__btn__wrapper {
    align-self: flex-end !important;
  }

  #drups__content__wrapper {
    max-width: 383.1px !important;
    --content-width: 383.1px !important;
  }
}

/* large desktop */
@media (min-width: 1280px) {
  #drups__container {
    min-height: 732px !important;
    padding-left: 98.5px !important;
    padding-right: 88px !important;
    justify-content: space-between !important;
  }

  #drups__image__wrapper {
    position: absolute !important;
    top: 40px !important;
    left: auto !important;
    right: 88px !important;
    width: 1040px !important;
    max-width: 1040px !important;
    min-height: 516px !important;
    margin: 0 !important;
    height: 516px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  #drups__image img {
    min-height: unset !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #drups__body__wrapper {
    margin-top: 0;
  }

  #drups__btn__wrapper {
    margin-right: 0;
  }

  #drups__content__wrapper {
    max-width: 404px !important;
    --content-width: 404px !important;
  }
}

/* large desktop (wide laptops) */
@media (min-width: 1366px) {
  #drups__container {
    padding-left: 93.4px !important;
    padding-right: 156px !important;
  }
  #drups__image__wrapper {
    right: 178px !important;
  }
  #drups__content__wrapper {
    max-width: 436.7px !important;
    --content-width: 436.7px !important;
  }
}

/* ultra wide */
@media (min-width: 1920px) {
  #drups__container {
    padding-left: 307.5px !important;
    padding-right: 306.5px !important;
    min-height: 732px !important;
  }

  #drups__image__wrapper {
    top: -20px !important;
    right: 306.5px !important;
    width: 1251px !important;
    max-width: 1251px !important;
    min-height: 622px !important;
    height: 622px !important;
  }

  #drups__header {
    max-width: 416.8px !important;
    --width: 416.8px !important;
  }

  #drups__content__wrapper {
    max-width: 436.5px !important;
    --content-width: 436.5px !important;
  }
}

/* ==========================================================================
    Feature Block Consulting UPS Section
  ========================================================================== */

#feature__block__consulting__ups__section {
  margin-top: 0;
  overflow: visible;
  background-color: #ffffff !important;
}

#feature__block__consulting__ups__container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: relative;
  min-height: unset !important;
  padding: 0 !important;
  gap: 0;
}

#feature__block__consulting__ups__image__wrapper {
  order: 1;
  position: relative;
  width: 100% !important;
  max-width: none !important;
  height: 400px;
  min-height: unset !important;
  overflow: hidden;
}

#feature__block__consulting__ups__bg__image__wrapper,
#feature__block__consulting__ups__bg__image__wrapper > .e-con-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0 !important;
}

#feature__block__consulting__ups__image,
#feature__block__consulting__ups__image .elementor-widget-container,
#feature__block__consulting__ups__image figure {
  width: 100%;
  height: 100%;
  margin: 0;
}

#feature__block__consulting__ups__image img {
  display: block;
  width: 100%;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: -160px 0;
}

#feature__block__consulting__ups__logo__wrapper {
  position: absolute !important;
  top: 25.4px !important;
  right: 32.5px !important;
  left: unset !important;
  width: 64.9px !important;
  max-width: 64.9px !important;
  --width: 64.9px !important;
  height: 65.4px !important;
  min-height: unset !important;
  z-index: 2;
}

#feature__block__consulting__ups__logo__wrapper > .e-con-inner {
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

#feature__block__consulting__ups__logo,
#feature__block__consulting__ups__logo .elementor-widget-container,
#feature__block__consulting__ups__logo figure {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0;
}

#feature__block__consulting__ups__logo img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1);
}

#feature__block__consulting__ups__btn__container {
  order: 2;
  position: relative !important;
  left: auto !important;
  right: unset !important;
  bottom: auto !important;
  align-self: flex-start;
  width: fit-content !important;
  --width: fit-content !important;
  margin: -31.3px 0 0 18.2px;
  z-index: 3;
}

#feature__block__consulting__ups__content__wrapper {
  order: 3;
  width: 100% !important;
  height: 100% !important;
  min-height: unset !important;
  max-width: none !important;
  align-self: stretch !important;
  justify-content: flex-start !important;
  gap: 8.4px !important;
  margin-top: -31.3px;
  padding: 91.9px 20.3px 57.4px !important;
  --padding-top: 91.9px !important;
  --padding-right: 20.3px !important;
  --padding-bottom: 57.4px !important;
  --padding-left: 20.3px !important;
  background-color: #f3faff !important;
}

#feature__block__consulting__ups__content__heading {
  width: 100% !important;
  max-width: 286.5px !important;
  --container-widget-width: 286.5px !important;
}

#feature__block__consulting__ups__content__heading .elementor-heading-title {
  font-size: 32px !important;
  line-height: 36px !important;
  letter-spacing: -0.448px !important;
  font-weight: 500 !important;
  color: #04096c !important;
}

#feature__block__consulting__ups__content__text {
  width: 100% !important;
  max-width: 319.7px !important;
  --container-widget-width: 319.7px !important;
}

#feature__block__consulting__ups__content__text .elementor-heading-title {
  font-size: 16px !important;
  line-height: 23px !important;
  letter-spacing: 0.336px !important;
  font-weight: 300 !important;
  color: #666666 !important;
}

#feature__block__consulting__ups__content__text .elementor-heading-title br {
  display: block;
  content: "";
  margin-top: 23px;
}

@media (min-width: 768px) {
  #feature__block__consulting__ups__container {
    flex-direction: row !important;
    min-height: 663px !important;
  }

  #feature__block__consulting__ups__image__wrapper {
    order: unset;
    flex: 0 1 50%;
    width: 50% !important;
    max-width: 50% !important;
    height: auto;
    min-height: 663px !important;
  }

  #feature__block__consulting__ups__image img {
    object-position: -330px 0;
  }

  #feature__block__consulting__ups__logo__wrapper {
    top: 25.1px !important;
    right: 27.1px !important;
    width: 62.9px !important;
    max-width: 62.9px !important;
    --width: 62.9px !important;
    height: 63.3px !important;
  }

  #feature__block__consulting__ups__btn__container {
    order: unset;
    position: absolute !important;
    left: 187.7px !important;
    bottom: -31.4px !important;
    width: fit-content !important;
    --width: fit-content !important;
    margin: 0;
    align-self: auto;
  }

  #feature__block__consulting__ups__content__wrapper {
    order: unset;
    flex: 0 1 50%;
    width: 50% !important;
    max-width: 50% !important;
    justify-content: flex-start !important;
    gap: 10.4px !important;
    margin-top: 0;
    padding: 263.2px 46px 71.7px 21.2px !important;
    --padding-top: 263.2px !important;
    --padding-right: 46px !important;
    --padding-bottom: 71.7px !important;
    --padding-left: 21.2px !important;
    min-height: 663px !important;
  }

  #feature__block__consulting__ups__content__heading {
    max-width: 286.5px !important;
    --container-widget-width: 286.5px !important;
  }

  #feature__block__consulting__ups__content__heading .elementor-heading-title {
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: -0.504px !important;
  }

  #feature__block__consulting__ups__content__text {
    max-width: 316.9px !important;
    --container-widget-width: 316.9px !important;
  }
}

@media (min-width: 1024px) {
  #feature__block__consulting__ups__container {
    min-height: 616.5px !important;
  }

  #feature__block__consulting__ups__image__wrapper {
    min-height: 616.5px !important;
  }

  #feature__block__consulting__ups__logo__wrapper {
    top: 31.2px !important;
    right: 24.4px !important;
    width: 74.6px !important;
    max-width: 74.6px !important;
    --width: 74.6px !important;
    height: 75.2px !important;
  }

  #feature__block__consulting__ups__btn__container {
    left: 315.7px !important;
  }

  #feature__block__consulting__ups__content__wrapper {
    gap: 5.6px !important;
    padding: 216.7px 89.8px 46.5px 43.1px !important;
    --padding-top: 216.7px !important;
    --padding-right: 89.8px !important;
    --padding-bottom: 46.5px !important;
    --padding-left: 43.1px !important;
    min-height: 616.5px !important;
  }

  #feature__block__consulting__ups__content__heading {
    max-width: 416.8px !important;
    --container-widget-width: 416.8px !important;
  }

  #feature__block__consulting__ups__content__heading .elementor-heading-title {
    font-size: 38px !important;
    line-height: 44px !important;
    letter-spacing: -0.532px !important;
  }

  #feature__block__consulting__ups__content__text {
    max-width: 379.1px !important;
    --container-widget-width: 379.1px !important;
  }
}

@media (min-width: 1280px) {
  #feature__block__consulting__ups__logo__wrapper {
    top: 31.2px !important;
    right: 37.8px !important;
    width: 83.1px !important;
    max-width: 83.1px !important;
    --width: 83.1px !important;
    height: 83.7px !important;
  }

  #feature__block__consulting__ups__btn__container {
    left: 483.5px !important;
  }

  #feature__block__consulting__ups__content__wrapper {
    padding-left: 84.5px !important;
    padding-right: 176.4px !important;
    --padding-left: 84.5px !important;
    --padding-right: 176.4px !important;
  }
}

@media (min-width: 1366px) {
  #feature__block__consulting__ups__logo__wrapper {
    right: 39.1px !important;
  }

  #feature__block__consulting__ups__image img {
    object-position: -280px 0;
  }

  #feature__block__consulting__ups__btn__container {
    left: 485.1px !important;
  }

  #feature__block__consulting__ups__content__wrapper {
    padding-left: 84.5px !important;
    padding-right: 219.6px !important;
    --padding-left: 84.5px !important;
    --padding-right: 219.6px !important;
  }
}

@media (min-width: 1920px) {
  #feature__block__consulting__ups__section {
    margin-top: 0;
  }

  #feature__block__consulting__ups__image img {
    object-position: 0;
  }

  #feature__block__consulting__ups__logo__wrapper {
    right: 37.8px !important;
  }

  #feature__block__consulting__ups__btn__container {
    left: 762.4px !important;
  }

  #feature__block__consulting__ups__content__wrapper {
    padding-left: 84.6px !important;
    padding-right: 497.6px !important;
    --padding-left: 84.6px !important;
    --padding-right: 497.6px !important;
  }
}

/* ==========================================================================
    Vidensportalen – guides heading
  ========================================================================== */

#vidensportalen__guides {
  display: flex;
  justify-content: center;
  padding: 100px 40px;
}

#vidensportalen__guides .gradient-animation-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 280.1px;
  margin-left: auto;
  margin-right: auto;
}

/* Mobile ≤767: 3 h2 lines. Tablet 768–1023: 2 lines. Desktop 1024+: 2 lines — initVidensportalenGuidesHeadline(). */
#vidensportalen__guides .vidensportalen-lines {
  position: relative;
}

#vidensportalen__guides .vidensportalen-lines--2-tablet,
#vidensportalen__guides .vidensportalen-lines--2-desktop {
  display: none;
}

#vidensportalen__guides .vidensportalen-lines--3 {
  display: block;
}

#vidensportalen__guides .gradient-animation-wrapper .shadow-text {
  position: relative;
  z-index: 1;
}

#vidensportalen__guides .gradient-animation-wrapper .shadow-text h2,
#vidensportalen__guides .gradient-animation-wrapper .gradient-text h2 {
  display: block;
  margin: 0;
}

#vidensportalen__guides .gradient-animation-wrapper .shadow-text *,
#vidensportalen__guides .gradient-animation-wrapper .gradient-text * {
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  text-align: center;
}

#vidensportalen__guides .gradient-animation-wrapper .shadow-text * {
  color: #cccccc;
}

#vidensportalen__guides .gradient-animation-wrapper .gradient-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  clip-path: inset(0 100% 0 0);
}

#vidensportalen__guides .gradient-animation-wrapper .gradient-text h2 {
  color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(1, 2, 20, 0.45) 7%,
    rgba(6, 13, 93, 0.65) 33%,
    rgba(10, 21, 151, 0.8) 56%,
    rgba(13, 27, 192, 0.91) 75%,
    rgba(15, 30, 218, 0.98) 91%,
    #1020e4 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

@media (prefers-reduced-motion: reduce) {
  #vidensportalen__guides .gradient-animation-wrapper .gradient-text {
    clip-path: inset(0 0% 0 0);
  }
}

@media (min-width: 768px) {
  #vidensportalen__guides {
    padding: 200px 40px !important;
  }
  #vidensportalen__guides .vidensportalen-lines--3 {
    display: none;
  }

  #vidensportalen__guides .vidensportalen-lines--2-tablet {
    display: block;
  }

  #vidensportalen__guides .gradient-animation-wrapper {
    max-width: 524px;
  }

  #vidensportalen__guides .gradient-animation-wrapper .shadow-text *,
  #vidensportalen__guides .gradient-animation-wrapper .gradient-text * {
    font-size: 49px;
    line-height: 57px;
  }
}

@media (min-width: 1024px) {
  #vidensportalen__guides .vidensportalen-lines--2-tablet {
    display: none;
  }

  #vidensportalen__guides .vidensportalen-lines--2-desktop {
    display: block;
  }

  #vidensportalen__guides .gradient-animation-wrapper {
    max-width: 652px;
  }

  #vidensportalen__guides .gradient-animation-wrapper .shadow-text *,
  #vidensportalen__guides .gradient-animation-wrapper .gradient-text * {
    font-size: 52px;
    line-height: 57px;
  }
}

/* ==========================================================================
    Uptime Guarantee section
  ========================================================================== */

#uptime__guarantee__container {
  position: relative;
  min-height: 637.6px;
  overflow: visible;
  background: transparent;
  --min-height: 637.6px;
}

#uptime__guarantee__content {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 637.6px;
  padding: 444.3px 0 0 20.7px;
  --width: 100%;
  --min-height: 637.6px;
  --padding-top: 444.3px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 20.7px;
}

#uptime__guarantee__content .gradient-animation-wrapper {
  position: relative;
  width: 100%;
  max-width: 319.3px;
  margin-inline: auto;
  text-align: center;
}

/* Mobile + tablet: 3 h2 lines. Desktop 1280+: 2 h2 lines — built by initUptimeGuaranteeHeadline(). */
#uptime__guarantee__content .uptime-lines--2 {
  display: none;
}

#uptime__guarantee__content .uptime-lines--3 {
  display: block;
}

#uptime__guarantee__content .gradient-animation-wrapper::before {
  content: "";
  position: absolute;
  top: -30.7px;
  left: -1.8px;
  z-index: 0;
  width: 341.1px;
  height: 209.1px;
  background: #ffffff;
}

#uptime__guarantee__content .uptime-headline {
  position: relative;
}

#uptime__guarantee__content .uptime-headline .shadow-text {
  position: relative;
  z-index: 1;
}

#uptime__guarantee__content .uptime-headline .gradient-text {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  clip-path: inset(0 100% 0 0);
}

#uptime__guarantee__content .shadow-text h2,
#uptime__guarantee__content .gradient-text h2 {
  display: block;
  margin: 0;
  font-size: 38px;
  line-height: 42px;
  font-weight: 300;
}

#uptime__guarantee__content .shadow-text h2,
#uptime__guarantee__content .shadow-text h2 .montserrat-regular {
  color: #cccccc;
}

#uptime__guarantee__content .shadow-text h2 .montserrat-regular,
#uptime__guarantee__content .gradient-text h2 .montserrat-regular {
  font-weight: 400;
}

#uptime__guarantee__content .gradient-text h2 {
  color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(1, 2, 20, 0.45) 7%,
    rgba(6, 13, 93, 0.65) 33%,
    rgba(10, 21, 151, 0.8) 56%,
    rgba(13, 27, 192, 0.91) 75%,
    rgba(15, 30, 218, 0.98) 91%,
    #1020e4 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

#uptime__guarantee__logo {
  position: absolute;
  top: 77.1px;
  left: 52.3px;
  z-index: 1;
  width: 372.2px;
  height: 374.9px;
  min-height: 0;
  --width: 372.2px;
  --min-height: 0px;
}

#uptime__guarantee__logo__html__wrapper,
#uptime__guarantee__logo__html__wrapper svg,
#BLUE_CIRCLE_KIMBERLY_LOGO {
  display: block;
  width: 372.2px;
  max-width: none;
  height: 374.9px;
}

@media (prefers-reduced-motion: reduce) {
  #uptime__guarantee__content .uptime-headline .gradient-text {
    clip-path: inset(0 0% 0 0);
  }
}

@media (min-width: 390px) {
  #uptime__guarantee__section {
    border-radius: 0 0 0 52.7px;
    --border-radius: 0 0 0 52.7px;
  }

  #uptime__guarantee__content {
    padding-top: 438px;
    padding-left: 20.3px;
    --padding-top: 438px;
    --padding-left: 20.3px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper {
    width: 372px;
    max-width: 372px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper::before {
    top: -24.3px;
    left: -1.5px;
    width: 371.2px;
    height: 209.1px;
  }

  #uptime__guarantee__logo {
    top: 77.1px;
    left: 52.3px;
  }
}

@media (min-width: 412px) {
  #uptime__guarantee__section {
    border-radius: 0 0 0 54px;
    --border-radius: 0 0 0 54px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper::before {
    top: -24.4px;
    left: -1.4px;
    width: 373.4px;
    height: 209.1px;
  }
}

@media (min-width: 768px) {
  #uptime__guarantee__container,
  #uptime__guarantee__content {
    min-height: 876px;
    --min-height: 876px;
  }

  #uptime__guarantee__section {
    border-radius: 0 0 0 86.6px;
    --border-radius: 0 0 0 86.6px;
  }

  #uptime__guarantee__content {
    padding-top: 369px;
    padding-left: 97.7px;
    --padding-top: 369px;
    --padding-left: 97.7px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper {
    width: 521.4px;
    max-width: 521.4px;
    margin-inline: 0;
    text-align: left;
  }

  #uptime__guarantee__content .gradient-animation-wrapper::before {
    top: -84.4px;
    left: -20px;
    width: 484px;
    height: 370px;
  }

  #uptime__guarantee__content .shadow-text h2,
  #uptime__guarantee__content .gradient-text h2 {
    font-size: 59px;
    line-height: 68px;
  }

  #uptime__guarantee__logo {
    top: 150.4px;
    left: 293px;
    width: 600px;
    height: 604.4px;
    --width: 600px;
  }

  #uptime__guarantee__logo__html__wrapper,
  #uptime__guarantee__logo__html__wrapper svg,
  #BLUE_CIRCLE_KIMBERLY_LOGO {
    width: 600px;
    height: 604.4px;
  }
}

@media (min-width: 1024px) {
  #uptime__guarantee__section {
    border-radius: 0 0 0 100px;
    --border-radius: 0 0 0 100px;
  }

  #uptime__guarantee__content {
    padding-top: 368.9px;
    padding-left: 98.5px;
    --padding-top: 368.9px;
    --padding-left: 98.5px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper::before {
    display: none;
  }

  #uptime__guarantee__logo {
    top: 160.1px;
    left: 546.2px;
  }
}

@media (min-width: 1280px) {
  #uptime__guarantee__container,
  #uptime__guarantee__content {
    min-height: 943px;
    --min-height: 943px;
  }

  #uptime__guarantee__section {
    border-radius: 0 0 0 100.1px;
    --border-radius: 0 0 0 100.1px;
  }

  #uptime__guarantee__content {
    padding-top: 433.7px;
    --padding-top: 433.7px;
  }

  #uptime__guarantee__content .gradient-animation-wrapper {
    width: 624.6px;
    max-width: 624.6px;
  }

  #uptime__guarantee__content .uptime-lines--3 {
    display: none;
  }

  #uptime__guarantee__content .uptime-lines--2 {
    display: block;
  }

  #uptime__guarantee__logo {
    top: 190.8px;
    left: 799.9px;
  }
}

@media (min-width: 1365px) {
  #uptime__guarantee__section {
    border-radius: 0 0 0 103.3px;
    --border-radius: 0 0 0 103.3px;
  }

  #uptime__guarantee__content {
    padding-left: 172.8px;
    --padding-left: 172.8px;
  }

  #uptime__guarantee__logo {
    left: 887.6px;
  }
}

@media (min-width: 1920px) {
  #uptime__guarantee__section {
    border-radius: 0 0 0 122.5px;
    --border-radius: 0 0 0 122.5px;
  }

  #uptime__guarantee__content {
    padding-top: 433.6px;
    padding-left: 327.7px;
    --padding-top: 433.6px;
    --padding-left: 327.7px;
  }

  #uptime__guarantee__logo {
    top: 78.4px;
    left: 1268.8px;
    width: 817.9px;
    height: 823.9px;
    --width: 817.9px;
  }

  #uptime__guarantee__logo__html__wrapper,
  #uptime__guarantee__logo__html__wrapper svg,
  #BLUE_CIRCLE_KIMBERLY_LOGO {
    width: 817.9px;
    height: 823.9px;
  }
}

/* ==========================================================================
      Our clients
  ========================================================================== */
#clients__section {
  margin: 100px 0;
}

#clients__item__wrapper {
  max-width: 145px;
  margin: 0 auto;
}

#clients__heading {
  margin-bottom: 4.4px !important;
}

#clients__subheading {
  margin-bottom: 54.6px !important;
}

#clients__subheading .elementor-heading-title {
  text-align: center;
  line-height: 32px;
}

#clients__item__wrapper .owl-dots {
  display: none !important;
}

#clients__dots__wrapper {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 34px;
}

.clients__dots-viewport {
  overflow: hidden;
  width: calc(26px * 5);
  max-width: 100%;
}

.clients__dots-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  transition: transform 0.35s ease;
  will-change: transform;
}

.clients__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.clients__dot::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #bfbfbf;
  transition:
    width 0.25s ease,
    height 0.25s ease,
    background-color 0.25s ease;
}

.clients__dot.is-near::before {
  width: 10px;
  height: 10px;
}

.clients__dot.is-active::before {
  width: 15px;
  height: 15px;
  background: #04096c;
}

.clients__dot:focus-visible {
  outline: 2px solid #04096c;
  outline-offset: 4px;
}

@media (min-width: 768px) {
  #clients__section {
    margin: 200px 0;
  }
  #clients__subheading {
    max-width: 424px;
    margin-bottom: 71.7px !important;
  }
  #clients__subheading > *{
    line-height: 32px;
  }

  #clients__item__wrapper {
    max-width: 675px;
  }
}

@media (min-width: 1024px) {
  #clients__item__wrapper {
    max-width: 955px;
  }
  #clients__subheading {
    max-width: 100%;
  }
}

/* ==========================================================================
      Article section
  ========================================================================== */
#article__section {
  width: 100% !important;
  max-width: none !important;
  overflow: visible;
}

#article__section > .e-con-inner,
#article__container > .e-con-inner,
#article__header,
#article__header > .e-con-inner,
#article__container .bars-container,
#article__bars__wrapper {
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  --margin-left: 0 !important;
  --margin-right: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

#article__section > .e-con-inner,
#article__container > .e-con-inner,
#article__header {
  width: 100% !important;
}

#article__header__content__wrapper,
#article__nav__container {
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  --margin-left: 0 !important;
  --margin-right: 0 !important;
  padding: 0 !important;
}

#article__header {
  display: flex !important;
  flex-direction: column !important;
  --flex-direction: column !important;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
}

#article__header__content__wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 0;
  flex: 0 0 auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --width: 100% !important;
  width: 100% !important;
  min-width: 0;
  max-width: 339px;
}

#article__header__heading,
#article__header__text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  --container-widget-width: 100% !important;
  --width: 100% !important;
  flex: 0 0 auto !important;
}

#article__header__heading .elementor-widget-container,
#article__header__text .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

#article__header__heading .elementor-heading-title {
  font-size: 28px !important;
  line-height: 34px !important;
  font-weight: 500 !important;
  letter-spacing: -0.014em !important;
  color: #333333 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#article__header__text .elementor-heading-title {
  margin: 0 !important;
  font-size: 28px !important;
  line-height: 34px !important;
  font-weight: 300 !important;
  letter-spacing: -0.014em !important;
  color: #333333 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  max-width: 100%;
}

#article__container {
  padding-left: 20px !important;
  padding-right: 20px !important;
  --gap: 0 !important;
  overflow: visible !important;
}

#article__section {
  overflow: visible !important;
}

#article__container .bars-container {
  display: flex !important;
  justify-content: center;
  width: 100%;
}
#article__container .elementor-widget-shortcode,
#article__container .elementor-widget-shortcode > .elementor-widget-container,
#article__container .elementor-shortcode {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

#article__nav__container {
  display: none !important;
  width: auto !important;
  --width: auto !important;
  flex: 0 0 auto !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  max-width: none !important;
}

#article__nav__html__wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}

#article__nav__container .left__btn__icon,
#article__nav__container .right__btn__icon {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

#article__nav__container .left__btn__icon.disabled,
#article__nav__container .right__btn__icon.disabled {
  pointer-events: none !important;
  cursor: not-allowed;
  opacity: 0.4;
}

#article__nav__container .left__btn__icon.disabled *,
#article__nav__container .right__btn__icon.disabled * {
  pointer-events: none !important;
}

#article__nav__container .left__btn__icon.disabled circle,
#article__nav__container .right__btn__icon.disabled circle {
  stroke: #a7a7a7;
}

#article__nav__container .left__btn__icon.disabled path,
#article__nav__container .right__btn__icon.disabled path {
  fill: #a7a7a7;
}

#article__bars__wrapper {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 53.2px;
}

.article__bars-viewport {
  overflow: hidden;
  width: calc(45px + (26px * 3) + (10px * 3));
  max-width: 100%;
}

.article__bars-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  transition: transform 0.35s ease;
  will-change: transform;
}

.article__bar {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 4px;
  border: none;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  background: var(--c-blue-vivid, #0900e9);
  cursor: pointer;
  transition:
    width 0.25s ease,
    flex-basis 0.25s ease,
    background-color 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.article__bar.is-active {
  flex: 0 0 45px;
  width: 45px;
  background: #333333;
}

.latest-blog-carousel {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

.latest-blog-carousel.owl-carousel .owl-stage-outer {
  overflow: hidden;
  width: 100%;
}

/* Hide extra slides before Owl initialises (mobile) */
@media (max-width: 767px) {
  .latest-blog-carousel:not(.owl-loaded) > .article__item:not(:first-child) {
    display: none;
  }
}

.latest-blog-carousel .article__item {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.latest-blog-carousel .article__image-wrap {
  position: relative;
  width: 100%;
  height: 464px;
  border-radius: 0 42px 0 42px;
  overflow: hidden;
}

.latest-blog-carousel .article__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}

.latest-blog-carousel .article__item--lead .article__overlay {
  display: none;
}

.latest-blog-carousel .article__item:not(.article__item--lead) .article__overlay {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    160deg,
    rgba(4, 9, 108, 0.55),
    rgba(9, 0, 233, 0.35)
  );
  pointer-events: none;
}

.latest-blog-carousel .article__title {
  position: absolute;
  left: 41.5px;
  bottom: 40px;
  max-width: 245.3px;
  margin: 0;
  font-size: 25px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.35px;
  color: #ffffff;
}

.latest-blog-carousel .article__item--lead .article__title {
  left: 16.3px;
  bottom: 40px;
  top: auto;
  max-width: 282.4px;
  padding: 36.8px 12px 20px 25.2px;
  border-radius: 24px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.98) 17%,
    rgba(255, 255, 255, 0.92) 39%,
    rgba(255, 255, 255, 0.82) 62%,
    rgba(255, 255, 255, 0.68) 87%,
    rgba(255, 255, 255, 0.60) 100%
  );
  color: #333333;
  box-sizing: border-box;
}

.latest-blog-carousel .article__content-wrap {
  margin-top: 43.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 42.4px;
}

.latest-blog-carousel .article__excerpt {
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  color: #666666;
  letter-spacing: 0.336px;
}

.latest-blog-carousel .article__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
  align-self: flex-start;
  min-width: 215.6px;
  min-height: 62.6px;
  padding: 20px 34px;
  border: 1px solid #333333;
  border-radius: 35px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.6px;
  letter-spacing: -0.252px;
  color: #333333;
  text-decoration: none;
  box-sizing: border-box;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.latest-blog-carousel .article__btn:hover {
  background: #333333;
  color: #ffffff;
}

.latest-blog-carousel .article__btn svg {
  width: 22px;
  height: 12px;
}

@media (min-width: 412px) {
  #article__header__heading .elementor-heading-title,
  #article__header__text .elementor-heading-title {
    font-size: 32px !important;
    line-height: 36px !important;
  }
  }
@media (min-width: 768px) {
  #article__container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #article__header {
    padding-left: 46.3px !important;
    padding-right: 46.3px !important;
    flex-direction: row !important;
    --flex-direction: row !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 60px;
  }

  #article__header__content__wrapper {
    flex: 1 1 auto !important;
    --flex-grow: 1 !important;
    --flex-shrink: 1 !important;
    --width: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 413.8px;
  }

  #article__header__heading,
  #article__header__text {
    width: 100% !important;
    max-width: 100% !important;
  }

  #article__header__heading .elementor-heading-title,
  #article__header__text .elementor-heading-title {
    font-size: 36px !important;
    line-height: 39px !important;
    max-width: 100%;
  }

  #article__nav__container {
    display: flex !important;
    flex: 0 0 auto !important;
    --flex-grow: 0 !important;
    --flex-shrink: 0 !important;
    --width: auto !important;
    width: auto !important;
    align-self: flex-end;
    margin-top: 4px;
  }

  #article__bars__wrapper,
  #article__container .bars-container {
    display: none !important;
  }

  .latest-blog-carousel{
    padding-left: 20px !important;
  }

  .latest-blog-carousel .article__item {
    max-width: 546px;
  }

  .latest-blog-carousel .article__title {
    max-width: 261.9px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: -0.392px;
  }

  .latest-blog-carousel .article__item--lead .article__title {
    left: 16.3px;
    bottom: 40px;
    max-width: 282.4px;
    padding: 36.8px 12px 20px 25.2px;
  }

  .latest-blog-carousel .article__content-wrap {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-top: 40px;
  }

  .latest-blog-carousel .article__excerpt {
    max-width: 379.8px;
    flex: 1 1 auto;
  }

  .latest-blog-carousel .article__btn {
    flex: 0 0 auto;
    align-self: flex-start;
  }
}

@media (min-width: 1024px) {
  #article__header {
    padding-left: 56px !important;
    padding-right: 20px !important;
    margin-bottom: 80px;
  }

  #article__header__content__wrapper {
    max-width: 416.8px;
  }

  .latest-blog-carousel{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .latest-blog-carousel .article__excerpt {
    max-width: 261.1px;
  }
}

@media (min-width: 1280px) {
  #article__header {
    padding-left: 98.5px !important;
    padding-right: 98.5px !important;
  }
  .latest-blog-carousel{
    padding-left: 20px !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1366px) {
  #article__header {
    padding-left: 91.3px !important;
    padding-right: 91.3px !important;
  }
}

@media (min-width: 1920px) {
  #article__header {
    padding-left: 133.5px !important;
    padding-right: 133.5px !important;
  }
  .latest-blog-carousel{
    padding-left: 75px !important;
    padding-right: 133.5px !important;
  }
}

/* ==========================================================================
    Footer
  ========================================================================== */

#footer__parallax {
  position: relative;
  background-color: transparent !important;
  overflow: visible;
}

#uptime__guarantee__section {
  position: relative;
  z-index: 2;
  width: 100% !important;
  background: #ffffff;
  border-radius: 0 0 0 50.5px;
  overflow: hidden;
  --border-radius: 0 0 0 50.5px;
}

#footer__section {
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: none !important;
  margin-top: -37px;
  background-color: #333333 !important;
  overflow: visible;
}

#footer__section > .e-con-inner,
#footer__container > .e-con-inner,
#footer__top,
#footer__top > .e-con-inner,
#footer__bottom,
#footer__bottom > .e-con-inner,
#footer__bottom__left,
#footer__bottom__left > .e-con-inner,
#footer__bottom__right,
#footer__bottom__right > .e-con-inner,
#footer__wp__article__wrapper,
#footer__contact,
#footer__mob__contact,
#footer__buttons,
#footer__bottom__lists,
#footer__ups__list,
#footer__hands__on__list {
  --padding-top: 0 !important;
  --padding-bottom: 0 !important;
  --padding-left: 0 !important;
  --padding-right: 0 !important;
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  --margin-left: 0 !important;
  --margin-right: 0 !important;
  max-width: none !important;
}

#footer__container {
  position: relative;
  padding: 106.2px 20.3px 0;
  --padding-top: 106.2px;
  --padding-right: 20.3px;
  --padding-bottom: 0px;
  --padding-left: 20.3px;
}

/* ---- Top CTA row ---- */

#footer__top {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 32.6px;
  margin-bottom: 0;
}

#footer__heading {
  width: 100% !important;
  max-width: 346.6px !important;
  --container-widget-width: 346.6px !important;
}

#footer__heading .elementor-heading-title {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.357px;
  color: #ffffff;
}

#footer__buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  justify-content: flex-start;
}

#footer__top__divider,
#footer__mission__divider {
  display: none;
}

/* ---- Bottom layout (mobile stack) ---- */

#footer__bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0;
  padding-bottom: 48px;
}

#footer__bottom__left,
#footer__bottom__right {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
}

#footer__bottom__right {
  margin-top: 19.2px;
  padding-top: 31.8px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  border-left: none !important;
  box-sizing: border-box;
}

#footer__wp__article__wrapper {
  width: 100% !important;
}

#footer__wp__article h5 {
  margin: 40px 0 15.5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.378px;
  color: #ffffff;
}

#footer__wp__article ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer__wp__article ul li {
  position: relative;
  padding-left: 12px;
  font-size: 15px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0.315px;
  color: #ffffff;
}

#footer__wp__article ul li::before {
  content: "·";
  position: absolute;
  left: 0;
  font-style: normal;
}

#footer__wp__article ul li a {
  color: inherit;
  text-decoration: none;
}

#footer__wp__article ul li a:hover,
#footer__wp__article ul li a:focus-visible {
  text-decoration: underline;
}

#footer__mission__heading .elementor-heading-title {
  margin: 0 0 11.1px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.378px;
  color: #ffffff;
}

#footer__mission__text,
#footer__mission__text .elementor-heading-title {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  line-height: 22.6px;
  letter-spacing: -0.21px;
}

#footer__mission__text p {
  margin: 0;
}

#footer__mission__divider {
  width: 100% !important;
  margin: 19.2px 0 0 !important;
}

#footer__mission__divider .elementor-divider-separator {
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

#footer__bottom__lists {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0;
  width: 100% !important;
}

#footer__ups__list,
#footer__hands__on__list {
  display: none !important;
}

#footer__accordion__lists {
  width: 100% !important;
  margin-top: 27.5px;
}

#footer__accordion__lists .e-n-accordion {
  border: 0;
}

#footer__accordion__lists .e-n-accordion-item {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

#footer__accordion__lists .e-n-accordion-item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

#footer__accordion__lists .e-n-accordion-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 15.3px 0;
  cursor: pointer;
  list-style: none;
}

#footer__accordion__lists .e-n-accordion-item-title::-webkit-details-marker {
  display: none;
}

#footer__accordion__lists .e-n-accordion-item-title-header {
  flex: 1 1 auto;
  min-width: 0;
}

#footer__accordion__lists .e-n-accordion-item-title-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.378px;
  color: #ffffff;
}

#footer__accordion__lists .e-n-accordion-item-title-icon {
  flex: 0 0 auto;
  color: #ffffff;
}

#footer__accordion__lists .e-n-accordion-item-title-icon svg {
  width: 13.1px;
  height: auto;
  fill: currentColor;
}

#footer__accordion__lists .e-n-accordion-item[open] .e-closed,
#footer__accordion__lists .e-n-accordion-item:not([open]) .e-opened {
  display: none;
}

#footer__accordion__lists .elementor-icon-list-items {
  margin: 0;
  padding: 0 0 15.3px;
  list-style: none;
}

#footer__accordion__lists .elementor-icon-list-item {
  margin: 0;
  padding: 0;
}

#footer__accordion__lists .elementor-icon-list-text {
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.315px;
  color: #ffffff;
}

#footer__accordion__lists .elementor-icon-list-item a {
  color: inherit;
  text-decoration: none;
}

#footer__accordion__lists .elementor-icon-list-item a:hover,
#footer__accordion__lists .elementor-icon-list-item a:focus-visible {
  text-decoration: underline;
}

#footer__contact {
  display: none !important;
}

#footer__mob__contact {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0;
  width: 100% !important;
  margin-top: 55.4px;
}

#footer__mob__contact__info,
#footer__contact__info {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.315px;
}

#footer__mob__contact__info a,
#footer__contact__info a {
  color: inherit;
  text-decoration: none;
}

#footer__mob__contact__info a:hover,
#footer__mob__contact__info a:focus-visible,
#footer__contact__info a:hover,
#footer__contact__info a:focus-visible {
  text-decoration: underline;
}

#footer__socials,
#footer__mob__contact__socials {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 13.3px;
  margin-top: 24px;
}

#footer__socials .footer__social .elementor-icon,
#footer__mob__contact__socials .footer__social .elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33.2px;
  height: 33.2px;
  background-color: #ffffff !important;
  color: #333333 !important;
}

#footer__socials .footer__social .elementor-icon svg,
#footer__mob__contact__socials .footer__social .elementor-icon svg {
  width: 14px;
  height: auto;
  fill: currentColor;
}

#footer__logo__wrapper {
  display: none;
}

#footer__ups__heading .elementor-heading-title,
#footer__hands__on__heading .elementor-heading-title {
  margin: 0 0 15.5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.378px;
  color: #ffffff;
}

#footer__ups__items .elementor-icon-list-items,
#footer__hands__on__items .elementor-icon-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer__ups__items .elementor-icon-list-text,
#footer__hands__on__items .elementor-icon-list-text {
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.315px;
  color: #ffffff;
}

#footer__ups__items .elementor-icon-list-item a,
#footer__hands__on__items .elementor-icon-list-item a {
  color: inherit;
  text-decoration: none;
}

#footer__ups__items .elementor-icon-list-item a:hover,
#footer__ups__items .elementor-icon-list-item a:focus-visible,
#footer__hands__on__items .elementor-icon-list-item a:hover,
#footer__hands__on__items .elementor-icon-list-item a:focus-visible {
  text-decoration: underline;
}

@media (min-width: 768px) {
  #footer__section {
    margin-top: -103.8px;
  }

  #footer__container{
    padding: 152.9px 46.7px 0;
    --padding-top: 152.9px;
    --padding-right: 46.7px;
    --padding-left: 46.7px;
  }

  #footer__top__divider,
  #footer__mission__divider {
    display: block;
  }

  #footer__top {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
  }

  #footer__heading {
    max-width: 409.9px !important;
    --container-widget-width: 409.9px !important;
  }

  #footer__buttons {
    flex: 0 0 auto;
    width: auto;
    justify-content: flex-end;
  }

  #footer__bottom {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0;
    padding-bottom: 64px;
  }

  #footer__bottom__left,
  #footer__bottom__right {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

  #footer__bottom__right {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    padding-left: 44.2px;
    box-sizing: border-box;
    border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
  }

  #footer__accordion__lists {
    display: none !important;
  }

  #footer__bottom__lists {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0;
    width: 100% !important;
    margin-top: 1.6px;
  }

  #footer__ups__list,
  #footer__hands__on__list {
    display: flex !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  #footer__hands__on__list {
    margin-top: 32.6px;
    padding-left: 0;
    box-sizing: border-box;
  }

  #footer__contact {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-top: 48px;
  }

  #footer__mob__contact {
    display: none !important;
  }

  #footer__mission__text {
    font-size: 15px;
    line-height: 22.6px;
    letter-spacing: -0.21px;
  }

  #footer__mission__divider {
    margin-top: 31.8px;
  }
}

@media (min-width: 1024px) {
  #footer__section {
    margin-top: -103.9px;
  }

  #footer__container{
    padding: 153px 56.2px 0;
    --padding-top: 153px;
    --padding-right: 56.2px;
    --padding-left: 56.2px;
  }

  #footer__heading {
    max-width: 438px !important;
    --container-widget-width: 438px !important;
  }

  #footer__heading .elementor-heading-title {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.378px;
  }

  #footer__bottom__right {
    padding-left: 55.1px;
  }

  #footer__mission__text {
    font-size: 16px;
    line-height: 22.6px;
    letter-spacing: -0.224px;
  }

  #footer__bottom__lists {
    flex-direction: row !important;
  }

  #footer__ups__list,
  #footer__hands__on__list {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

  #footer__hands__on__list {
    margin-top: 0;
    padding-left: 85.5px;
  }
}

@media (min-width: 1280px) {
  #footer__section {
    margin-top: -101.4px;
  }

  #footer__container{
    padding: 147px 98.9px 0;
    --padding-top: 147px;
    --padding-right: 98.9px;
    --padding-left: 98.9px;
  }

  #footer__heading {
    max-width: 545.9px !important;
    --container-widget-width: 545.9px !important;
  }

  #footer__bottom__right {
    padding-left: 83.3px;
  }

  #footer__hands__on__list {
    padding-left: 103.1px;
  }

  #footer__logo__wrapper {
    display: block !important;
    position: absolute !important;
    right: 98.9px;
    bottom: 48px;
    width: auto !important;
    z-index: 2;
  }

  #footer__logo img {
    display: block;
    width: 83.1px;
    height: 83.7px;
  }
}

@media (min-width: 1366px) {
  #footer__container {
    padding-left: 96.5px;
    --padding-left: 96.5px;
  }

  #footer__logo__wrapper {
    right: 96.5px;
  }
}

@media (min-width: 1920px) {
  #footer__section {
    margin-top: -137px;
  }

  #footer__container {
    padding: 182.4px 224.4px 0;
    --padding-top: 182.4px;
    --padding-right: 224.4px;
    --padding-left: 224.4px;
  }

  #footer__heading {
    max-width: 605.1px !important;
    --container-widget-width: 605.1px !important;
  }

  #footer__buttons {
    gap: 30.1px;
  }

  #footer__top__divider {
    margin-top: 38px;
  }

  #footer__bottom__right {
    padding-left: 86.8px;
  }

  #footer__logo__wrapper {
    right: 224.4px;
  }
}

/* ==========================================================================
   Single post template (article design applied to real posts)
   ========================================================================== */
/* .qep-single {
  color: var(--c-text);
}

.qep-single__hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 22px;
  max-width: 1324px;
  margin: 0 auto;
  padding: 112px 21px 80px;
  align-items: stretch;
  box-sizing: border-box;
}

.qep-single__hero-card {
  position: relative;
  background: var(--c-panel-gray);
  border-radius: 0 100px 0 100px;
  padding: 88px 48px 180px;
  min-height: 666px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.qep-single__hero-card h1 {
  margin: 0 0 18px;
  font-size: 43px;
  line-height: 45px;
  font-weight: 500;
  letter-spacing: -0.014em;
  color: #4d4d4d;
}

.qep-single__hero-card .qep-single__meta {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  color: #666666;
  letter-spacing: 0.021em;
  max-width: 336px;
}

.qep-single__hero-thumb {
  position: absolute;
  right: 0;
  bottom: -20px;
  width: auto;
  max-width: 58%;
}

.qep-single__hero-cta {
  position: relative;
  border-radius: 0 100px 0 100px;
  overflow: hidden;
  background-color: #000066;
  background-image: linear-gradient(
    160deg,
    rgba(0, 0, 102, 0.78) 0%,
    rgba(0, 0, 102, 0.52) 50%,
    rgba(0, 0, 102, 0.38) 100%
  );
  color: #fff;
  padding: 48px 48px 36px;
  min-height: 666px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.qep-single__hero-cta .qep-logo-outline {
  width: 36px;
  margin-bottom: 18px;
}

.qep-single__hero-cta h2 {
  margin: 0 0 16px;
  font-size: 41px;
  line-height: 43px;
  font-weight: 500;
  letter-spacing: -0.014em;
  color: #fff;
}

.qep-single__hero-cta h2 span {
  display: inline;
  padding: 4px 8px;
  background-color: #fadadd;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.qep-single__hero-cta p {
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  letter-spacing: 0.021em;
  max-width: 360px;
}

.qep-arrow-link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 22px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #fff;
  text-decoration: none;
}

.qep-arrow-link .qep-arrow-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: transparent;
}

.qep-arrow-link .qep-arrow-circle svg {
  width: 14px;
  height: 8px;
}

.qep-single__content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 24px 120px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 300;
  color: var(--c-secondary);
  letter-spacing: 0.3px;
}

.qep-single__content h2 {
  font-size: 44px;
  line-height: 45px;
  font-weight: 500;
  color: var(--c-primary);
  margin: 64px 0 28px;
}

.qep-single__content h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  color: var(--c-blue-link);
  margin: 48px 0 20px;
}

.qep-single__content a {
  color: var(--c-blue-link);
}

.qep-single__content strong {
  color: var(--c-text);
  font-weight: 700;
}

@media (min-width: 1366px) {
  .qep-single__hero {
    grid-template-columns: 1fr 1fr;
    max-width: 1324px;
    gap: 22px;
    padding: 112px 21px 80px;
  }

  .qep-single__hero-card,
  .qep-single__hero-cta {
    min-height: 666px;
  }
}

@media (max-width: 1365px) {
  .qep-single__hero {
    grid-template-columns: 1fr;
    max-width: 1024px;
    padding: 97px 20px 80px;
    gap: 0;
  }

  .qep-single__hero-card {
    border-radius: 0 80px 0 80px;
    padding: 88px 48px 160px;
    min-height: 652px;
  }

  .qep-single__hero-card h1 {
    font-size: 36px;
  }

  .qep-single__hero-thumb {
    width: auto;
    max-width: 70%;
  }

  .qep-single__hero-cta {
    margin-top: -1px;
    border-radius: 0 80px 0 80px;
    min-height: 657px;
    padding: 36px 40px 28px;
  }

  .qep-single__hero-cta h2 {
    font-size: 30px;
    line-height: 1.25;
  }
}

@media (max-width: 1024px) {
  .qep-single__hero {
    padding: 60px 24px;
    gap: 28px;
  }

  .qep-single__hero-card {
    padding: 52px 28px 140px;
    min-height: 0;
    border-radius: 0 100px 0 0;
  }

  .qep-single__hero-thumb {
    max-width: 72%;
  }

  .qep-single__hero-cta {
    margin-top: 0;
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  .qep-single__hero-card h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .qep-single__hero-cta {
    padding: 30px 30px 44px;
  }

  .qep-single__hero-cta .qep-logo-outline {
    margin-bottom: 60px;
  }
} */