/*
 Theme Name:   dots & boxes Basic Theme
 Theme URI:    https://dotsnboxes.de
 Description:  Basic child theme for bricks builder
 Author:       dots & boxes
 Author URI:   https://dotsnboxes.de
 Template:     bricks
 Version:      1.0
 Text Domain:  dnb-child
*/
/* html.dnb-theme-dark {
  color-scheme: dark;
} */

:root {
  --body-font: "GT Walsheim", sans-serif;
  --heading-font: "Sora", sans-serif;

  --btn-border-radius: var(--radius-xs);
  --btn-text-size: var(--text-lg);
  --btn-border-with: 0;

  --link-text-size: var(--text-base);
  --link-text-decoration: none;
  --link-letter-spacing: 0;

  /* Brand Colors */
  --dnb-apple: hsl(86, 100%, 64%);
  --dnb-night: hsl(200, 41%, 10%);
  --dnb-rose: hsl(293, 100%, 93%);
  --dnb-sapphire: hsl(218, 100%, 48%);
  --dnb-sky: hsl(202, 90%, 84%);
  --dnb-light: hsl(0, 0%, 96%);

  /* #GROUP: Colors */
  --primary: var(--dnb-sapphire);
  --primary-d-1: hsl(218, 100%, 55%);
  --primary-d-2: hsl(218, 100%, 60%);
  --primary-l-1: hsl(218, 93%, 57%);
  --primary-l-2: hsl(218, 90%, 67%);
  --secondary: var(--dnb-apple);
  --secondary-d-1: hsl(86, 100%, 56%);
  --secondary-d-2: hsl(86, 100%, 50%);
  --secondary-l-1: hsl(87, 100%, 92%);
  --secondary-l-2: hsl(85, 100%, 97%);
  --action: var(--dnb-apple);
  --action-d-1: hsl(86, 100%, 56%);
  --action-d-2: hsl(86, 100%, 50%);
  --action-l-1: hsl(87, 100%, 92%);
  --action-l-2: hsl(85, 100%, 97%);
  --bg-body: var(--dnb-light);
  --bg-btn: var(--dnb-night);
  --text-body: hsl(196, 16%, 28%);
  --text-title: var(--dnb-night);
  --link-text: var(--action);
  --success: #24f95d;
  --error: #f92444;
  --light: var(--dnb-light);
  --light-d-1: hsl(0, 0%, 94%);
  --dark: var(--dnb-night);
  
  --white: hsl(206, 100%, 99%);
  --text-alternative: var(--white);

  --gitter-color: hsl(0, 0%, 85%);

  /* #ENDGROUP */
}

:root[data-theme="dark"], :root.darkMode,
html[data-theme="dark"], html.darkMode {
  --bg-body: hsl(216, 13%, 16%);
  --text-body: var(--white);
  --text-title: var(--white);
  --link-text: var(--action);
  --primary: var(--dnb-apple);
  --secondary: var(--dnb-sapphire);
  --action: var(--dnb-apple);

  --text-alternative: hsl(0, 0%, 0%);
  --dnb-gray:#3C424B;


  --gitter-color: hsl(217, 15%, 22%);
}
@media screen and (max-width: 768px) {
  :root {
    --side-margin: 1rem;
    --grid-gap: 1rem;
  }
}

html {
  font-size: 100%;
}

body {
  background-color: var(--bg-body);
}

body,
p {
  color: var(--text-body);
  font-size: var(--text-base);
  font-family: var(--body-font);
  letter-spacing: -0.03em;
  line-height: 1.4;
}

/* fix layout issues */
body {
  overflow-x: hidden !important;
  width: 100vw !important;
}

main {
	overflow-x: clip;
	overflow-y: visible;
}

.headline,
h6,
h5,
h4,
h3,
h2,
h1 {
  font-family: var(--body-font);
  color: var(--text-title);
}

/* --- Compontents --- */
.highlight {
  --action: var(--secondary);
  --text-body: var(--light);
  --text-title: var(--light);
  background: var(--primary);
  padding-block: var(--space-xl);
}

.highlight.secondary {
  --action: var(--primary);
  --text-body: var(--dark);
  --text-title: var(--dark);
  background: var(--secondary-l-2);
}

.badge {
  --badge-text: var(--primary);
  --badge-bg: var(--secondary-l-2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4xs);
  padding: var(--space-2xs) var(--space-s);
  background: var(--badge-bg);
  color: var(--badge-text);
  font-size: var(--text-s);
  font-weight: 500;
  border-radius: var(--radius-full);
  border: 0;
  outline: 0;
}

.badge.secondary {
  --badge-text: var(--secondary);
  --bdge-bg: var(--primary);
}

/* -----------------
--- Form Elements ---- 
----------------- */
.brxe-form {
  --border-color: darkgray;
  --border-color-accent: var(--primary-l-1);
}

/* Inputs */
.brxe-form input,
.brxe-form textarea {
  transition: all 0.25s ease-in-out;
  appearance: none;
}

.brxe-form input:focus,
.brxe-form textarea:focus {
  border-color: var(--border-color-accent);
  outline: 1px solid var(--border-color-accent);
}

@media (hover: hover) {

  .brxe-form input:hover,
  .brxe-form textarea:hover {
    border-color: var(--border-color-accent);
  }
}

.brxe-form input::placeholder,
.brxe-form textarea::placeholder {
  color: var(--border-color);
}

/* Selects */
.brxe-form select {
  transition: all 0.25s ease-in-out;
}

.brxe-form select:focus {
  outline: 1px solid var(--border-color-accent);
}

@media (hover: hover) {
  .brxe-form select:hover {
    border-color: var(--border-color-accent);
  }
}

/* Checkboxes */
.brxe-form ul.options-wrapper li {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.brxe-form input[type="checkbox"] {
  appearance: none;
  display: grid;
  place-content: center;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xs);
  width: 1em;
  height: 1em;
}

.brxe-form input[type="checkbox"]:checked:before {
  transform: scale(1);
}

.brxe-form input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.75em;
  box-shadow: inset 1em 1em var(--border-color-accent);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transition: transform 0.2s;
}

@media (hover: hover) {
  .brxe-form input[type="checkbox"]:hover {
    border-color: var(--border-color-accent);
  }
}

.brxe-form input[type="checkbox"]:focus {
  outline: 2px solid var(--border-color-accent);
}

/* Radio Buttons */
.brxe-form input[type="radio"] {
  appearance: none;
  display: grid;
  place-content: center;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-full);
  width: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
  height: clamp(1.13rem, calc(-0.42vw + 1.46rem), 1.38rem);
}

.brxe-form input[type="radio"]:checked:before {
  transform: scale(1);
}

.brxe-form input[type="radio"]::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 100%;
  transform: scale(0);
  transition: transform 0.2s;
  background: var(--border-color-accent);
}

@media (hover: hover) {
  .brxe-form input[type="radio"]:hover {
    border-color: var(--border-color-accent);
  }
}

.brxe-form input[type="radio"]:focus {
  outline: 1px solid var(--border-color-accent);
}

/* #region Header */
.dnb-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.625rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dnb-header__logo-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 1.25rem;
}

.dnb-header__logo {
  width: 10.1rem;
  height: 2.05rem;
  margin-left: auto;
  transition: color 0.3s ease;
}

.dnb-header__logo svg {
  width: 100%;
  height: 100%;
}

.dnb-header__logo {
  color: var(--text-body);
}

.dnb-header__title {
  color: var(--primary);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  transition: color 0.3s ease;
}

.dnb-header__logo.invert,
.dnb-header__title.invert {
  color: var(--text-alternative) !important;
}

.dnb-header__logo.white {
  color: var(--white) !important;
}

.dnb-header__email {
  position: fixed;
  bottom: 60px;
  left: 20px;
  z-index: 700;
}

.dnb-desktop-menu {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 700;
  background-color: var(--bg-body);
  padding: 18px 15px 10px;
  border-radius: 6px;
  overflow: hidden;
}

.dnb-desktop-menu ul {
  display: flex;
  gap: 1.8rem;
}

.dnb-desktop-menu li {
  padding: 0 !important;
  margin: 0 !important;
}

.dnb-desktop-menu li a {
  text-decoration: none;
  color: var(--primary);
  font-weight: 300; 
  padding-block: 5px; 
  position: relative; 
  transition: all 0.3s ease-in-out; 
}

.dnb-desktop-menu li:hover a:not([aria-current="page"]){
  transform: scaleX(1.1) translateY(-0.8em);
  text-shadow: 0.5px 0.5px 0.5px currentColor, -0.5px -0.5px 0.5px currentColor, 0.5px -0.5px 0.5px currentColor, -0.5px 0.5px 0.5px currentColor;
}

.dnb-desktop-menu li a[aria-current="page"] {
  font-weight: bold;
  transform: translateY(-0.8em);
  pointer-events: none;
  cursor: default;
}
.dnb-desktop-menu li a::after {
  content: '';
  opacity: 0;
  width: 10px;
  height: 10px;
  background-color: var(--secondary); 
  border-radius: 50%;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-delay: 0.1s;
}
.dnb-desktop-menu li:hover a::after {
  opacity: 1;
  bottom: -5px;
}
.dnb-desktop-menu li a[aria-current="page"]::after {
  opacity: 1;
  bottom: -5px;
}
/* Need to expand the link active area */
.dnb-desktop-menu li:hover a:not([aria-current="page"]):before{
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
}



.dnb-menu-btn {
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px !important;
  height: 34px !important;
  background-color: var(--primary);
  border-radius: 50%;
  z-index: 900;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
}

.dnb-menu-btn__hamburger {
  position: relative;
  width: 20px;
  height: 2px;
  background-color: var(--text-alternative);
  transition: all 0.3s ease;
}

.dnb-menu-btn__hamburger:before,
.dnb-menu-btn__hamburger:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: var(--text-alternative);
  transition: all 0.3s ease;
  transform-origin: center;
  left: 50%;
}

.dnb-menu-btn__hamburger:before {
  transform: translate(-50%, -7px);
}

.dnb-menu-btn__hamburger:after {
  transform: translate(-50%, 7px);
}

.dnb-menu-btn__hamburger--open {
  background-color: transparent;
}

.dnb-menu-btn__hamburger--open:before {
  left: 1px;
  width: 18px;
  transform: rotate(45deg);
}

.dnb-menu-btn__hamburger--open:after {
  left: 1px;
  width: 18px;
  transform: rotate(-45deg);
}

.dnb-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background-color: var(--primary);
  z-index: 800;
  overflow: hidden;
}

.dnb-menu__wrapper {
  padding: 80px 16px 0;
  height: 100%;
}

.dnb-menu__item {
  color: var(--text-alternative);
  font-size: 1.5625rem;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.036em;
  margin-bottom: 1.125rem;
  cursor: pointer;
  opacity: 0;
  position: relative;
  display: block;
  text-decoration: none;
  width: fit-content;
}

.dnb-submenu {
  position: fixed;
  top: 0;
  left: -100%;
  width: calc(100% - 50px);
  height: 100vh;
  /* height: 100%; */
  overflow-y: auto;
  background-color: var(--dnb-sky);
  z-index: 700;
  padding: 3.75rem 3.125rem 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.dnb-submenu::-webkit-scrollbar {
  display: none;
}

.dnb-submenu__heading {
  color: var(--primary);
  font-family: 'Sora';
  font-size: 24px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -2.16px;
  margin-top: 20px;
  opacity: 0;
}

.dnb-submenu__item {
  color: #637278;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.34px;
  cursor: pointer;
  opacity: 0;
  transform: translateX(-20px);
  display: block;
  text-decoration: none;
  width: fit-content;
}

.dnb-menu__item--with-arrow {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.dnb-menu__item--with-arrow::after {
  content: '→';
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 18px;
  height: 24px;
  width: 24px;
  background-color: white;
  border-radius: 100px;
  transform: rotate(90deg);
}

.dnb-submenu__back-btn {
  position: fixed;
  top: 80px;
  left: -50px;
  transform: translateX(-50%);
  background-color: white;
  color: black;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
  border-radius: 100px;
  opacity: 0;
  z-index: 1000;
  border: none;
  padding: 0;
}


#darkModeToggle {
  --svg-color: var(--primary);
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 30px;
  left: 20px;
  z-index: 600;
  border-radius: 50%;
  cursor: pointer;
  background-color:var(--dnb-sky);
  overflow: hidden;
  padding-bottom: 6px;
}

#darkModeToggle:has(input:checked) {
  --svg-color: var(--dnb-night);
  background: hsl(197, 10%, 43%);
}

#darkModeToggle svg {
  position: relative;
  color: var(--svg-color);
}

#darkModeToggle label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#darkModeToggle label > div {
    display: flex;
    position: absolute;
    gap: 10px;
    bottom: 6px;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}


#darkModeToggle:has(input:checked) label > div {
  rotate: 180deg;
}


@media (max-width: 992px) {
  .dnb-header__logo {
    width: 6.4rem;
    height: 1.3rem;
  }

  .dnb-header__title {
    font-size: 1.06rem;
  }

  .dnb-menu-btn {
    display: flex;
  }

  .dnb-desktop-menu {
    display: none;
  }
}

/* #endregion Header */


/* #region Buttons */
.bricks-button.bricks-background-primary,
.bricks-button.button-alternative,
.bricks-button.post-button,
.dnb-arrow-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  background-size: 200% 100%;
  border: none;
  height: 36px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  cursor: pointer;
  transition: all 0.2s linear;
  transition-delay: 0.2s;
  white-space: nowrap;
}

.bricks-button.bricks-background-primary,
.bricks-button.button-alternative {
  background-image: linear-gradient(to right,
      var(--secondary) 50%,
      var(--text-title) 50%);
  color: var(--text-alternative);
  background-position: right;
  margin-right: 40px;
  padding-inline: 20px;
}

.bricks-button.post-button {
  background-image: linear-gradient(to left,
  var(--text-title) 50%,
      transparent 50%);
  background-position: left;
  color: var(--text-title);
  padding-left: 20px;
  padding-right: 50px;

}

.dnb-arrow-link {
  padding-left: 50px;
}

.bricks-button.bricks-background-primary:hover,
.bricks-button.button-alternative:hover,
.bricks-button.post-button:hover,
.dnb-arrow-link:hover {
  transition: all 0.2s linear;
  transition-delay: 0s;
}

.bricks-button.bricks-background-primary:hover,
.bricks-button.button-alternative:hover {
  background-position: left;
  color: var(--text-title);
}

.post-button:hover {
  background-position: right;
  color: var(--text-alternative);
}


.bricks-button.bricks-background-primary::after,
.bricks-button.post-button::after,
.dnb-arrow-link::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  background-color: var(--text-alternative);
  justify-content: center;
  mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2058 5.95575C17.4575 5.70405 17.4575 5.29595 17.2058 5.04425L13.104 0.942476C12.8523 0.690771 12.4442 0.690771 12.1925 0.942476C11.9408 1.19418 11.9408 1.60228 12.1925 1.85398L15.8385 5.5L12.1925 9.14602C11.9408 9.39772 11.9408 9.80582 12.1925 10.0575C12.4442 10.3092 12.8523 10.3092 13.104 10.0575L17.2058 5.95575ZM0.25 6.14453L16.75 6.14453V4.85547L0.25 4.85547L0.25 6.14453Z" fill="currentColor"/></svg>');
  mask-size: 18px 11px;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.2s linear;
  transition-delay: 0.2s;
}

.bricks-button.bricks-background-primary::after {
  right: -40px;
  animation: slide-arrow 7s ease-in-out infinite;

}

.post-button::after {
  right: 0;
}

.dnb-arrow-link::after {
  left: 0;
}

.bricks-button.bricks-background-primary:hover::after,
.bricks-button.post-button:hover::after,
.dnb-arrow-link:hover::after {
  transform: translateY(-50%) rotate(-40deg);
  animation: none;
  transition: all 0.2s linear;
  transition-delay: 0.2s;
  background-color: var(--text-title);
}

.bricks-button.bricks-background-primary:hover::after {
  right: -37px;
  /* filter: brightness(0.1); */
  color: var(--text-title);
}

.bricks-button.post-button:hover::after {
	background-color: var(--text-alternative);
}

.bricks-button.bricks-background-primary:before,
.bricks-button.post-button:before,
.dnb-arrow-link:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-size: 200% 100%;
  background-position: right;
  transition: all 0.2s linear;
  transition-delay: 0s;
}

.bricks-button.bricks-background-primary:before {
  right: -40px;
  background-image: linear-gradient(to right,
      var(--secondary) 50%,
      var(--text-title) 50%);
}

.bricks-button.post-button:before {
  right: 0;
  background: var(--text-title);
}

.dnb-arrow-link:before {
  left: 0;
  background: var(--text-title);
}

.bricks-button.bricks-background-primary:hover::before,
.bricks-button.post-button:hover::before,
.dnb-arrow-link:hover::before {
  background-position: left;
  transition: all 0.2s linear;
  transition-delay: 0.2s;

}

.bricks-button.bricks-background-primary:hover::before {
  right: -37px;
}

.bricks-button.bricks-background-secondary {
  display: inline-flex;
  rotate: -6.27deg;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: var(--secondary);
  color: var(--text-title);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 1.35;
  border: none;
  cursor: pointer;
  transition: translate 0.2s linear, rotate 0.2s linear;
  transition-delay: 0.2s;
}

button.bricks-button.bricks-background-secondary:hover {
  animation: none;
  rotate: 0deg;
}

.bricks-button.bricks-background-primary.dnb-button--white::before {
  background-image: linear-gradient(to right,
  var(--secondary) 50%,
  white 50%);
}

.bricks-button.bricks-background-primary.dnb-button--white::after {
  filter: brightness(0);
}

.bricks-button.bricks-background-primary.dnb-button--white {
  color: var(--dnb-night);
  background-image: linear-gradient(to right,
  var(--secondary) 50%,
  white 50%);
}


.animate-wobble {
  animation: wobble 5s ease-in-out infinite;
}


@keyframes slide-arrow {

  0%,
  35% {
    mask-position: center;
  }

  40% {
    mask-position: calc(100% + 50px) center;
  }

  40.05% {
    mask-position: calc(100% - 50px) center;
  }

  45%,
  100% {
    mask-position: center;
  }
}

@keyframes wobble {
  40% {
    translate: 0% 0%;
  }

  45% {
    translate: 3% 0%;
  }

  50% {
    translate: -3% 0%;
  }

  55% {
    translate: 3% 0%;
  }

  60% {
    translate: 0 0%;
  }
}

/* #endregion */


/* #region Canvas */
canvas#gridCanvas {
  position: fixed;
  offset: 0;
  width: 100%;
  height: 150%;
  /* height: 100dvh; */
  z-index: -1;
  transform: translateZ(0);
  will-change: transform;
}

/* #endregion */


/* #region Hero slider */
section:has(.dnb-hero-slider) {
  height: 200vh;
  /* overflow: hidden; */
  background-image: linear-gradient(to right, var(--primary) 50%, transparent 50%);
  /* position: relative; */
}

.dnb-hero-slider {
  height: 100vh;
  display: flex;
  overflow: hidden;
  /* position: sticky;  */
  /* top: 0; */
  gap: 0 !important;
}

.dnb-hero-slider__content {
  position: relative;
  width: 50%;
  /* height: 100vh; */
  /* display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; */
  /* overflow: hidden; */
  /* padding: var(--space-xs); */
}

.dnb-hero-slider__content--right {
  display: flex;
  flex-direction: column-reverse;
}

.dnb-hero-slider__item {
  height: 100vh;
  /* padding: 1rem; */
  /* opacity: 0;
  position: absolute; */

}


.dnb-hero-slider__content--left .dnb-hero-slider__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2rem;
}


.dnb-hero-slider__content--left .dnb-hero-slider__item span {
  color: var(--text-alternative);
  font-size: var(--text-3xl);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.06em;
}

.dnb-hero-slider__content--right .dnb-hero-slider__item {
  padding-top: 30vh;
  height: 100vh;
}

.dnb-hero-slider__content--right .dnb-hero-slider__item[data-slide="1"] {
  justify-content: flex-end;
  padding-bottom: var(--space-3xl);
}

.dnb-hero-slider__content--right .dnb-hero-slider__item[data-slide="2"] {
  text-align: right;
}


.dnb-hero-slider__content--left .dnb-hero-slider__text {
  display: none;
  position: relative;
}

.dnb-hero-slider__content--right .dnb-hero-slider__links {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  /* height: var(--text-xl); */
}

.dnb-hero-slider__content--right .dnb-hero-slider__link-wrapper {
  opacity: 0;
}

.dnb-hero-slider__content--right .dnb-hero-slider__link-wrapper  .dnb-hero-slider__text {
  font-family: var(--heading-font);
  letter-spacing: -0.08em;
  font-size: clamp(2.2rem, 5vw, 4.3rem);
  /* position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); */
}

.dnb-hero-slider__content--right .dnb-hero-slider__text{
  width: 100%;
  color: var(--primary);
  padding-left: 2rem;
  position: relative;
  /* font-family: var(--heading-font); */
  /* font-size: var(--text-2xl); */
  /* font-weight: 300; */
  /* line-height: 120%; */
  /* letter-spacing: -0.08em; */
  /* margin-bottom: var(--space-4xl); */
}

.dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper::before,
.dnb-hero-slider__content--right .dnb-hero-slider__links::before,
/* .dnb-hero-slider__content--right [data-slide="2"] .dnb-hero-slider__text::after, */
/* .dnb-hero-slider__content--right [data-slide="2"] .dnb-hero-slider__text::after, */
.dnb-hero-slider__content--right [data-slide="1"] .dnb-hero-slider__text::before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: var(--slider-text-svg);
  mask-image: var(--slider-text-svg);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: transform 0.3s linear, top 0.3s linear, left 0.3s linear;
}

.dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper::before, 
.dnb-hero-slider__content--right .dnb-hero-slider__links::before,
.dnb-hero-slider__content--right [data-slide="1"] .dnb-hero-slider__text::before {
  --slider-text-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/pointer.svg");
  background-color: var(--primary);
  width: 45px;
  height: 70px;
  top: 50%;
  left: -22px;
  transform: translateY(-50%);
}
.dnb-hero-slider__content--right .dnb-hero-slider__links::before {
  top: var(--pointer-top, 10%);
}

/* 
.dnb-hero-slider__content--right .dnb-hero-slider__text::after {
  --slider-text-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/arrow-right.svg");
  background-color: var(--primary);
  width: 50px;
  height: 26px;
  top: 110%;
  right: 0;
} */
.dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper::before {
  display: none;
}



@media (max-width: 992px) {
  section:has(.dnb-hero-slider) {
    background: unset;
    height: auto;
    overflow-x: hidden;
  }


.dnb-hero-slider__content--left .dnb-hero-slider__item {
  justify-content: flex-start;
}

  .dnb-hero-slider[data-slider="main-hero"]#brxe-gpnwpm {
    flex-direction: column;
    gap: 0;
    padding: 0;
    height: auto;
    position: unset;
    /* height: 400vh; */
  }

  .dnb-hero-slider__content {
    display: contents;
  }

  .dnb-hero-slider__item {
    position: relative;
    opacity: 1;
    height: 100vh;
    padding-inline: 1rem;
    text-align: center;
  }


  .dnb-hero-slider__content--right .dnb-hero-slider__item[data-slide-mobile="2"] {
    padding-top: 5%;
    height: 60vh;
  }

  .dnb-hero-slider__content--right .dnb-hero-slider__links {
    height: auto;
  }

  .dnb-hero-slider__content--right .dnb-hero-slider__link-wrapper{
    position: static;
    left: unset;
    top: unset;
    transform: unset;
    opacity: 1;
  }

  /* .dnb-hero-slider__content--right .dnb-hero-slider__item {
    padding-top: 2rem;
  } */

/* 
  .dnb-hero-slider__item[data-slide-mobile="2"] {
    position: sticky;
    top: 20px;
  }
  .dnb-hero-slider__item[data-slide-mobile="3"] {
    position: sticky;
    top: 60px;
  }
  .dnb-hero-slider__item[data-slide-mobile="4"] {
    position: sticky;
    top: 100px;
  } */

  .dnb-hero-slider__content--left .dnb-hero-slider__item:nth-child(1),
  .dnb-hero-slider__content--right .dnb-hero-slider__item:nth-child(1) {
    display: none;
  }

  .dnb-hero-slider__content--left .dnb-hero-slider__item:nth-child(2) {
    padding: 0;
  }

  .dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper  {
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.25rem;
    position: relative;
    padding-inline: var(--space-sm);
    flex-grow: 1;
  }

  /* .dnb-hero-slider__content--right .dnb-hero-slider__item:nth-child(2) p {
    height: 15%;
    padding-block: 0;
  } */

  .dnb-hero-slider__content--left .dnb-hero-slider__text {
    min-height: max(125px, 15vh);
    display: block;
    padding-inline: var(--space-lg);
  }
  
  .dnb-hero-slider .dnb-hero-slider__content--right .dnb-hero-slider__text {
  text-align: center;
  /* font-size: 2.2rem; */
  margin-bottom: var(--space-base);
  padding-left: 0;
  /* order: -1; */
}


.dnb-hero-slider__content--right .dnb-hero-slider__text::before,
.dnb-hero-slider__content--right .dnb-hero-slider__links::before {
  display: none;
}

.dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper::before {
  display: block;
}

/* .dnb-hero-slider__content--right .dnb-hero-slider__text::after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
} */

.dnb-hero-slider__content--left .dnb-hero-slider__text {
  display: block;
  margin-top: 30px;
}

.dnb-hero-slider__content--left .dnb-hero-slider__title-wrapper::before {
  bottom: -35px;
  top: auto;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  z-index: -1;
}

}


/* #endregion Hero slider */

/* #region General Custom */
.dnb-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 1.5rem;
}

.dnb-container {
	max-width: calc(var(--max-content-width) + var(--side-margin) * 2);
	margin-inline: auto;
	padding-right: var(--side-margin);
	padding-left: var(--side-margin);
}

.dnb-text-3xl {
  font-size: var(--text-3xl);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.dnb-text-2xl {
  font-size: var(--text-2xl);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.dnb-text-xl {
  font-size: var(--text-xl);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.dnb-text-lg {
  font-size: var(--text-lg);
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.dnb-text-base {
  font-size: var(--text-base);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.025em;
}

.dnb-text-sm {
  font-size: var(--text-sm);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.dnb-text-line-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dnb-vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: var(--primary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm);
  font-weight: 300;
  line-height: 1.37;
  letter-spacing: -0.02em;
}


.dnb-link {
	cursor: pointer;
	font-size: inherit;
	color: inherit;
	transition: color 0.3s ease;
	font-weight: inherit;
	font-family: inherit;
}

.dnb-link--underline {
	text-decoration: underline;
	text-underline-offset: 0.1em;
	text-decoration-thickness: 0.06em;
}

.dnb-link:hover {
	color: var(--primary);
}

.dnb-remark {
	--quote-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/quote.svg");
	--quote-svg-width: 1.5em;
	--quote-svg-height: 1.2em;
	position: relative;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}


.dnb-remark::before {
	content: '' !important;
	display: inline-block;
	vertical-align: middle;
	background-color: currentColor;
	-webkit-mask-image: var(--quote-svg);
	mask-image: var(--quote-svg);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	width: var(--quote-svg-width) !important;
	height: var(--quote-svg-height) !important;
	transform: translateY(-5%);
}


#blogOverviewFilter li span,
.brxe-post-taxonomy.category a,
.dnb-badge {
	display: flex;
	padding: 0.1875rem 0.75rem;
	justify-content: center;
	align-items: center;
	border-radius: 6.25rem;
	border: 1.5px solid var(--text-body);
	background-color: transparent;
	color: var(--text-body);
	transition: all 0.3s ease;
	text-transform: uppercase;
	font-family: var(--heading-font);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.08em;
	text-shadow: 0 0 0 transparent;
	transition: all 0.3s ease;
}

#blogOverviewFilter li span.brx-option-active,
#blogOverviewFilter li:hover span,
.brxe-post-taxonomy.category li:hover a,
.dnb-badge:not([data-state="active"]):hover,
.dnb-badge[data-state="active"] {
	border-color: var(--primary);
	background-color: var(--primary);
	color: var(--text-alternative);
}


.dnb-privacy-content > * {
  font-size: var(--text-sm);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.03em;
}

.dnb-privacy-content > h2 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-lg);
}

.dnb-privacy-content > h2:not(:first-child) {
  margin-top: var(--space-lg);
}

.dnb-privacy-content > h3 {
  font-weight: 700;
}

.dnb-privacy-content > h4 {
  font-style: italic;
}

.dnb-privacy-content a {
  font-size:var(--text-sm);
  color: var(--text-title);
  text-decoration: underline;
  transition: color 0.3s ease;
}

.dnb-privacy-content a:hover {
  color: var(--primary);
}

/* .fluent-padding-left {
  padding-left: calc((100vw - var(--max-content-width)) / 2);
}

.fluent-padding-right {
  padding-right: calc((100vw - var(--max-content-width)) / 2);
} */

.dnb-word-break {
  /* word-break: break-all; */
  hyphens: auto;
}

.dnb-image-wrapper {
  position: relative;
  overflow: hidden;
}

.dnb-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dnb-image-wrapper svg {
	max-width: 100%;
	height: auto !important;
}



.dnb-number-container {
  overflow-y: hidden;
  height: auto;
  /* width: auto; */
  display: inline-block;
  vertical-align: baseline;
}

.dnb-number-container > * {
  display: block;
  transform: translateY(36%);
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.dnb-number-container [data-number="3"] {
  transform: translateY(38%);
}

.dnb-full-screen {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.dnb-full-screen-on-mobile {
  @media (max-width: 768px) {
    max-width: 100vw !important;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    align-self: stretch;
  }
}

.dnb-image-oval {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.8s ease;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center;
  aspect-ratio: 1.65/1;
  object-fit: cover;
}
/* #endregion */


/* #region Quote */
.dnb-quote {
  --quote-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/quote.svg");
  --quote-svg-width: 1.5em;
  --quote-svg-height: 1.2em;
  position: relative;
  color: var(--text-title);
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.04em;
  max-width: 803px;
  /* text-indent: var(--quote-svg-width); */
}

[data-highlight-text] .line {
    position: relative;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  
    --highlight-offset: 0%;
  
    background-image: linear-gradient(
      90deg,
      var(--text-title) var(--highlight-offset),
      hsl(0, 0%, 60%) var(--highlight-offset)
    );
}

.dnb-quote::before,
.dnb-quote::after {
  content: '' !important;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--dnb-sky);
  -webkit-mask-image: var(--quote-svg);
  mask-image: var(--quote-svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all 0.2s linear;
}

.dnb-quote::before {
  width: var(--quote-svg-width) !important;
  height: var(--quote-svg-height) !important;
  transform: translateY(-5%);
}

.dnb-quote::after {
  width: 1.625rem !important;
  height: 1.375rem !important;
  transform: translateY(-10%) rotate(180deg);
}

.dnb-quote.secondary::before,
.dnb-quote.secondary::after {
  background-color: var(--secondary);
}

.dnb-quote.tertiary::before,
.dnb-quote.tertiary::after {
  background-color: var(--dnb-rose);
}

/* #endregion */

/* #region Projects Showcase */
.dnb-projects-showcase__item {
  position: relative;
  height: 300px;
  width: 62px;
  border-radius: 6px;
  overflow: hidden;
  transition: transform 0.3s ease;
  will-change: width, transform;
}

[data-showcase-item="1"] .dnb-projects-showcase__overlay {
  background-color: var(--dnb-sapphire);
}

[data-showcase-item="2"] .dnb-projects-showcase__overlay {
  background-color: var(--dnb-sky);
}

[data-showcase-item="3"] .dnb-projects-showcase__overlay {
  background-color: hsl(202, 100%, 95%);
}

.dnb-projects-showcase__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  will-change: transform;
}

.dnb-projects-showcase__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

.dnb-projects-showcase__button {
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease;
}

@media (max-width: 768px) {
  [data-showcase-wrapper] {
    gap: 1rem !important;
    width: 100%;
  }
  .dnb-projects-showcase__item {
    max-width: calc(50% - 0.5rem);
    height: min(250px, 40vh);
  }
}

/* #endregion Projects Showcase */

/* #region  Zoom Gallery */
.dnb-zoom-gallery {
  position: relative;
  height: 200vh;
  width: 100%;
  padding-inline: var(--space-xl);
  margin-bottom: var(--space-4xl);
  z-index: -1;

}

.dnb-zoom-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: var(--space-xs);
  will-change: transform;
}

.dnb-zoom-gallery__item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  height: 30vh;
}

.dnb-zoom-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

@media (max-width: 1240px) {
  .dnb-zoom-gallery {
    padding-inline: var(--space-xs);
  }
}

@media (max-width: 768px) {
  .dnb-zoom-gallery {
    margin-bottom: 0;
  }

  .dnb-zoom-gallery__container {
    /* justify-content: center; */
    /* height: 100vh; */
  }
  
  .dnb-zoom-gallery__item {
	height: 25vh;
    /* height: max(20vh, 160px); */
  }
}

/* #endregion  Zoom Gallery */

/* #region  Title */
.dnb-section-title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 137%;
  letter-spacing: -0.51px;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px 14px;
  background-image: radial-gradient(circle at 7px 50%,
      var(--secondary) 7px,
      transparent 8px);
}

.dnb-section-title::before,
.dnb-section-title::after {
  content: attr(data-title-label);
  position: absolute;
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 14px 14px;
  background-image: radial-gradient(circle at 7px 50%,
      var(--secondary) 7px,
      transparent 8px);
}

.dnb-section-title::before {
  left: 50%;
  transform: translateX(-50%);
}

.dnb-section-title::after {
  right: 0;
}

@media (max-width: 1024px) {

  .dnb-section-title::before,
  .dnb-section-title::after {
    display: none;
  }

  .dnb-section-title {
    width: fit-content;
    margin-inline: auto;
  }
}

/* #endregion  Title */

/* #region  Testimonials */

.dnb-testimonials-slider {
  min-height: min(850px, 100vh);
  position: relative;
  transition: padding 0.5s ease;
}


.dnb-testimonials-center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: min(437px, 50%);
  width: 100%;
  z-index: 1;
}

.dnb-testimonials__title {
  margin-bottom: 0.5rem;
  text-align: center;

}

/* .dnb-shuffle-btn:active {
  background:var(--secondary);
  transform: scale(0.97);
} */

[data-active-slide="1"],
[data-active-slide="6"],
[data-active-slide="7"] {
  padding-top: 40vh;
}

[data-active-slide="2"],
[data-active-slide="3"],
[data-active-slide="4"],
[data-active-slide="5"] {
  padding-bottom: 40vh;
}

.dnb-testimonials-slide-content {
  transition: opacity 0.5s ease, height 0.5s ease;
  transition-delay: 0s;
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding-left: 3rem;
  display: flex;
  gap: 1.5rem;
} 

[data-active-slide="1"] [data-slide-content="1"],
[data-active-slide="2"] [data-slide-content="2"],
[data-active-slide="3"] [data-slide-content="3"],
[data-active-slide="4"] [data-slide-content="4"],
[data-active-slide="5"] [data-slide-content="5"],
[data-active-slide="6"] [data-slide-content="6"],
[data-active-slide="7"] [data-slide-content="7"] {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition-delay: 0.5s;
  padding-block: 1.5rem;

}

.dnb-testimonials-slide__description {
  width: 100%;
  color: var(--text-title);
  font-size: clamp(1.2rem, 0.95rem + 1.111vw, 1.8rem);
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.03em;
  margin-bottom: 0;
}

.dnb-testimonials-slide__author {
  width: 100%;
  color: var(--text-title);
  text-align: right;
}

.dnb-testimonials-slide__button {
  background-color: var(--text-title) !important;
  color: var(--secondary) !important;
  align-self: flex-end;
}

.dnb-testimonials-slide__image-container {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25vw;
  max-width: 348px;
  height: calc(25vw * 0.65);
  max-height: 208px;
  transition: all 0.8s ease;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center;
  cursor: pointer;
}

[data-active-slide="1"] .dnb-testimonials-slide__image-container,
[data-active-slide="2"] .dnb-testimonials-slide__image-container,
[data-active-slide="3"] .dnb-testimonials-slide__image-container,
[data-active-slide="4"] .dnb-testimonials-slide__image-container,
[data-active-slide="5"] .dnb-testimonials-slide__image-container,
[data-active-slide="6"] .dnb-testimonials-slide__image-container,
[data-active-slide="7"] .dnb-testimonials-slide__image-container {
  opacity: 0.5;
}

.dnb-testimonials-slide__image-container:hover {
  opacity: 1;
}

[data-active-slide="1"] [data-slide="1"] .dnb-testimonials-slide__image-container,
[data-active-slide="2"] [data-slide="2"] .dnb-testimonials-slide__image-container,
[data-active-slide="3"] [data-slide="3"] .dnb-testimonials-slide__image-container,
[data-active-slide="4"] [data-slide="4"] .dnb-testimonials-slide__image-container,
[data-active-slide="5"] [data-slide="5"] .dnb-testimonials-slide__image-container,
[data-active-slide="6"] [data-slide="6"] .dnb-testimonials-slide__image-container,
[data-active-slide="7"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  opacity: 1;
  z-index: 2;
  box-shadow: 0 0 20px color-mix(in srgb, var(--secondary) 50%, transparent);
  border: 3px solid color-mix(in srgb, var(--secondary) 50%, transparent);
}

.dnb-testimonials-slide__image-container img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
  transform-origin: center;
}

.dnb-testimonials-slide__image-container.active img {
  transform: scale(1.1);
}

/* #region Slider initial positioning */
[data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 140deg;
  left: 3%;
  top: 70%;
  transform: rotate(var(--rotate)) scale(1);
}

[data-slide="1"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: 15deg;
  left: 0;
  top: 30%;
  transform: rotate(var(--rotate)) scale(0.6);
}

[data-slide="2"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 40deg;
  left: 20%;
  top: 10%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-slide="3"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 140deg;
  left: 65%;
  top: 20%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-slide="4"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 170deg;
  left: 80%;
  top: 35%;
  transform: rotate(var(--rotate)) scale(0.4);
}

[data-slide="5"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 210deg;
  left: 70%;
  top: 70%;
  transform: rotate(var(--rotate)) scale(1);
}

[data-slide="6"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

[data-slide="7"] .dnb-testimonials-slide__image-container {
  --rotate: 80deg;
  left: 45%;
  top: 70%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-slide="7"] .dnb-testimonials-slide__image-container img {
  transform: rotate(calc(-1 * var(--rotate)));
}

/* #endregion Slider initial image positioning */

/* #region Slider active slide 1 positioning */
[data-active-slide="1"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 120deg;
  left: 5%;
  top: 65%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="1"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  left: 5%;
  top: 33%;
}

[data-active-slide="1"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 50deg;
  left: 22%;
  top: 12%;
}

[data-active-slide="1"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 110deg;
  left: 45%;
  top: 12%;
}

[data-active-slide="1"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 110deg;
  left: 60%;
  top: 5%;
}

[data-active-slide="1"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 155deg;
  left: 70%;
  top: 30%;
}

[data-active-slide="1"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  --rotate: 30deg;
  left: 70%;
  top: 55%;
}

[data-active-slide="1"] .dnb-testimonials-slide-content {
  top: unset;
  bottom: 0;
}

[data-active-slide="1"] .dnb-testimonials-slider__button {
  top: unset;
  bottom: 10%;
  left: 70%;
}

/* #endregion Slider active slide 1 positioning */

/* #region Slider active slide 2 positioning */
[data-active-slide="2"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: 75deg;
  left: 5%;
  top: 15%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="2"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  left: 5%;
  top: 65%;
}

[data-active-slide="2"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 170deg;
  left: 75%;
  top: 25%;
}

[data-active-slide="2"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 200deg;
  left: 70%;
  top: 55%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="2"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 230deg;
  left: 55%;
  top: 60%;
}

[data-active-slide="2"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 260deg;
  left: 40%;
  top: 70%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="2"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  --rotate: 100deg;
  left: 25%;
  top: 65%;
}

[data-active-slide="2"] .dnb-testimonials-slide-content {
  top: 0;
  bottom: unset;
}

[data-active-slide="2"] .dnb-testimonials-slider__button {
  top: 10%;
  bottom: unset;
  left: 70%;
}

/* #endregion Slider active slide 2 positioning */

/* #region Slider active slide 3 positioning */
[data-active-slide="3"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 75deg;
  left: 5%;
  top: 15%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="3"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 120deg;
  left: 20%;
  top: 65%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="3"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: -30deg;
  left: 5%;
  top: 55%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-active-slide="3"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 170deg;
  left: 70%;
  top: 25%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="3"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 190deg;
  left: 75%;
  top: 45%;
}

[data-active-slide="3"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 220deg;
  left: 60%;
  top: 60%;
}

[data-active-slide="3"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  left: 40%;
  top: 65%;
}

[data-active-slide="3"] .dnb-testimonials-slide-content {
  top: 0;
  bottom: unset;
}

[data-active-slide="3"] .dnb-testimonials-slider__button {
  top: 10%;
  bottom: unset;
  left: 70%;
}

/* #endregion Slider active slide 3 positioning */

/* #region Slider active slide 4 positioning */
[data-active-slide="4"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 100deg;
  left: 75%;
  top: 15%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="4"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 120deg;
  left: 20%;
  top: 65%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="4"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: -30deg;
  left: 5%;
  top: 55%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-active-slide="4"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 0deg;
  left: 5%;
  top: 35%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="4"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 190deg;
  left: 75%;
  top: 45%;
}

[data-active-slide="4"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 220deg;
  left: 60%;
  top: 60%;
  transform: rotate(var(--rotate)) scale(0.9);
}

[data-active-slide="4"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  left: 40%;
  top: 65%;
}

[data-active-slide="4"] .dnb-testimonials-slide-content {
  top: 0;
  bottom: unset;
}

[data-active-slide="4"] .dnb-testimonials-slider__button {
  top: 10%;
  bottom: unset;
  left: 15%;
}

/* #endregion Slider active slide 4 positioning */

/* #region Slider active slide 5 positioning */
[data-active-slide="5"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 100deg;
  left: 75%;
  top: 15%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="5"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 90deg;
  left: 35%;
  top: 65%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="5"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: -60deg;
  left: 20%;
  top: 65%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-active-slide="5"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: -10deg;
  left: 10%;
  top: 50%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="5"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 190deg;
  left: 10%;
  top: 30%;
  transform: rotate(var(--rotate)) scale(0.4);
}

[data-active-slide="5"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 220deg;
  left: 65%;
  top: 60%;
  transform: rotate(var(--rotate)) scale(0.9);
}

[data-active-slide="5"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  left: 50%;
  top: 65%;
}

[data-active-slide="5"] .dnb-testimonials-slide-content {
  top: 0;
  bottom: unset;
}

[data-active-slide="5"] .dnb-testimonials-slider__button {
  top: 10%;
  bottom: unset;
  left: 15%;
}

/* #endregion Slider active slide 5 positioning */

/* #region Slider active slide 6 positioning */
[data-active-slide="6"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 250deg;
  left: 75%;
  top: 60%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="6"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 220deg;
  left: 15%;
  top: 20%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="6"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: 70deg;
  left: 28%;
  top: 10%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-active-slide="6"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 90deg;
  left: 40%;
  top: 5%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="6"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 110deg;
  left: 55%;
  top: 12%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="6"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 140deg;
  left: 70%;
  top: 15%;
}

[data-active-slide="6"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  --rotate: 0deg;
  left: 10%;
  top: 45%;
}

[data-active-slide="6"] .dnb-testimonials-slide-content {
  top: unset;
  bottom: 0;
}

[data-active-slide="6"] .dnb-testimonials-slider__button {
  top: unset;
  bottom: 10%;
  left: 20%;
}

/* #endregion Slider active slide 6 positioning */

/* #region Slider active slide 7 positioning */
[data-active-slide="7"] [data-slide="7"] .dnb-testimonials-slide__image-container {
  --rotate: 70deg;
  left: 75%;
  top: 60%;
  transform: rotate(var(--rotate)) scale(1.1);
}

[data-active-slide="7"] [data-slide="1"] .dnb-testimonials-slide__image-container {
  --rotate: 180deg;
  left: 10%;
  top: 35%;
  transform: rotate(var(--rotate)) scale(0.8);
}

[data-active-slide="7"] [data-slide="2"] .dnb-testimonials-slide__image-container {
  --rotate: 50deg;
  left: 15%;
  top: 15%;
  transform: rotate(var(--rotate)) scale(0.5);
}

[data-active-slide="7"] [data-slide="3"] .dnb-testimonials-slide__image-container {
  --rotate: 80deg;
  left: 30%;
  top: 10%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="7"] [data-slide="4"] .dnb-testimonials-slide__image-container {
  --rotate: 100deg;
  left: 45%;
  top: 10%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="7"] [data-slide="5"] .dnb-testimonials-slide__image-container {
  --rotate: 130deg;
  left: 57%;
  top: 15%;
}

[data-active-slide="7"] [data-slide="6"] .dnb-testimonials-slide__image-container {
  --rotate: 170deg;
  left: 70%;
  top: 25%;
  transform: rotate(var(--rotate)) scale(0.7);
}

[data-active-slide="7"] .dnb-testimonials-slide-content {
  top: unset;
  bottom: 0;
}

[data-active-slide="7"] .dnb-testimonials-slider__button {
  top: unset;
  bottom: 10%;
  left: 20%;
}

/* #endregion Slider active slide 7 positioning */

/* #region Slider positioning on mobile */
@media (max-width: 768px) {
  .dnb-testimonials-slider {
    min-height: 80vh;
  }

  .dnb-testimonials-center-container {
    max-width: 100%;
  }



[data-active-slide="1"],
[data-active-slide="2"],
[data-active-slide="3"],
[data-active-slide="4"],
[data-active-slide="6"],
[data-active-slide="7"] {
  padding-top: 250px;
  padding-bottom: unset;
}

 .dnb-testimonials-slider_title-wrapper{
    order: -1;
  }
  
  .dnb-testimonials-slide__image-container {
    width: 40vw;
    max-width: 200px;
    height: calc(40vw * 0.65);
    max-height: 130px;
  }
/* 
  .dnb-testimonials-slide__image-container.active {
    width: 38vw;
    max-width: 190px;
    height: calc(38vw * 0.73);
    max-height: 139px;
  } */

  [data-slide='1'] .dnb-testimonials-slide__image-container {
    --rotate: 140deg;
    left: unset;
    top: 65%;
    left: 0;
    transform: rotate(var(--rotate)) scale(0.9);
  }

  [data-slide='2'] .dnb-testimonials-slide__image-container {
    --rotate: 20deg;
    left: unset;
    top: unset;
    left: 0%;
    bottom: 60%;
    transform: rotate(var(--rotate)) scale(0.7);
  }

  [data-slide='3'] .dnb-testimonials-slide__image-container {
    --rotate: 80deg;
    left: 47%;
    top: unset;
    bottom: 67%;
    transform: translateX(-50%) rotate(var(--rotate)) scale(0.9);
  }

  [data-slide='4'] .dnb-testimonials-slide__image-container {
    --rotate: 140deg;
    left: 65%;
    top: unset;
    bottom: 60%;
    transform: rotate(var(--rotate)) scale(0.8);
  }

  [data-slide='5'].dnb-testimonials-slide {
    display: none;
  }  

  [data-slide='6'] .dnb-testimonials-slide__image-container {
    --rotate: 40deg;
    left: 60%;
    top: 70%;
  }

  [data-slide='7'] .dnb-testimonials-slide__image-container {
    --rotate: 100deg;
    left: 47%;
    top: 70%;
    transform: translateX(-50%) rotate(var(--rotate)) scale(0.5);
  }

  [data-active-slide='1'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='1'] [data-slide='3'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='1'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='3'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='1'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='1'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='3'] .dnb-testimonials-slide__image-container,
  [data-active-slide='6'] [data-slide='1'] .dnb-testimonials-slide__image-container,
  [data-active-slide='6'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='6'] [data-slide='3'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='1'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='3'] .dnb-testimonials-slide__image-container
  {
    left: -120%;
  }

  [data-active-slide='1'] [data-slide='4'] .dnb-testimonials-slide__image-container,
  [data-active-slide='1'] [data-slide='6'] .dnb-testimonials-slide__image-container,
  [data-active-slide='1'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='4'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='6'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='4'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='6'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='6'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='6'] [data-slide='4'] .dnb-testimonials-slide__image-container,
  [data-active-slide='6'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='4'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='6'] .dnb-testimonials-slide__image-container
  {
    left: 120%;
  }
  
  [data-active-slide='1'] [data-slide='1'] .dnb-testimonials-slide__image-container, 
  [data-active-slide='6'] [data-slide='6'] .dnb-testimonials-slide__image-container,
  [data-active-slide='7'] [data-slide='7'] .dnb-testimonials-slide__image-container,
  [data-active-slide='2'] [data-slide='2'] .dnb-testimonials-slide__image-container,
  [data-active-slide='3'] [data-slide='3'] .dnb-testimonials-slide__image-container,
  [data-active-slide='4'] [data-slide='4'] .dnb-testimonials-slide__image-container
  {
  --rotate: 90deg;
    left: 50% !important;
    top: 90px !important;
    bottom: unset !important;
    transform: translateX(-50%) rotate(var(--rotate)) !important;
  }
}

/* 
@media (max-width: 480px) {
  .dnb-testimonials-section {
    height: 70vh;
  }

  .dnb-testimonials-slide__image-container {
    width: 35vw;
    max-width: 120px;
    height: calc(35vw * 0.65);
    max-height: 78px;
  }

  .dnb-testimonials-slide__image-container.active {
    width: 42vw;
    max-width: 150px;
    height: calc(42vw * 0.73);
    max-height: 110px;
  }
} */

[data-active-slide]:not([data-active-slide="0"])~.dnb-testimonials-center-container .dnb-shuffle-btn {
  display: none;
}

.dnb-testimonials-center-container:has(~ .dnb-testimonials-slider[data-active-slide]:not([data-active-slide="0"])) .dnb-shuffle-btn {
  display: none;
}

/* #endregion Testimonials positioning on mobile */



/* #endregion Testimonials */


/* #region Knowhow Links */
.dnb-knowhow-listing__container{
  padding-bottom: var(--space-3xl);
}

.dnb-knowhow-listing {
  list-style: none;
  width: 100%;
  padding-left: 0;
}

.dnb-knowhow-listing__item {
  position: relative;
  border-bottom: 1px solid #bdbdbd;
  transition: opacity 0.4s ease;
  width: 100%;
}

.dnb-knowhow-listing__link {
  display: flex;
  align-items: end;
  height: 172px;
  width: 100%;
  text-decoration: none;
  color: inherit;
  position: relative;
}


.dnb-knowhow-listing:hover>.dnb-knowhow-listing__item {
  opacity: 0.5;
}

.dnb-knowhow-listing:hover>.dnb-knowhow-listing__item:hover {
  opacity: 1;
}


.dnb-knowhow-listing__number-container {
  display: flex;
  /* overflow: hidden; */
}

.dnb-knowhow-listing__number {
  text-align: center;
  font-size: 12.5rem;
  font-weight: 300;
  padding-inline: 60px;
  line-height: 1;
  /* transform: translateY(38%); */
  text-align: center;
  letter-spacing: -0.06em;
  pointer-events: none;
  transition: font-size 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    padding-inline 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    color 0.4s ease;
}

.dnb-knowhow-listing__item:first-of-type .dnb-knowhow-listing__number {
  padding-right: 95px;
}

@media (hover: hover) {
  .dnb-knowhow-listing__item:hover .dnb-knowhow-listing__number {
    font-size: 140.645px;
    padding-left: 15px;
    padding-right: 25px;
  }
}


.dnb-knowhow-listing__content-container {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 15px;
}

.dnb-knowhow-listing__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.dnb-knowhow-listing__title {
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1.8px;
}

.dnb-knowhow-listing__subtitle {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.8px;
}

.dnb-knowhow-listing__meta {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex-direction: column;
  gap: 8px;
  text-align: right;
  white-space: nowrap;
}

.dnb-knowhow-listing__read-time {
  text-align: right;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.5px;
}

.dnb-knowhow-listing__arrow {
  padding-left: 0;
  width: 35px;
  height: 35px;
}

.dnb-knowhow-listing__hover-image {
  position: absolute;
  overflow: hidden;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 60%;
  transform: translateY(-50%) scale(0.9);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (hover: hover) {
  .dnb-knowhow-listing__item:hover .dnb-knowhow-listing__hover-image {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}


@media (max-width: 992px) {
  .brxe-container:has(.dnb-knowhow-listing__container ) {
    padding-inline: 0;
  }

  .dnb-knowhow-listing__container {
    padding-inline: var(--side-margin);
    padding-top: var(--space-3xl);
    /* background: var(--secondary-l-1); */
  }

  html[data-theme="dark"] .dnb-knowhow-listing__container {
    background: var(--dnb-gray);
  }

  .dnb-knowhow-listing__number-container {
    width: 35%;
  }

  .dnb-knowhow-listing__container .dnb-knowhow-listing__item .dnb-knowhow-listing__number {
    font-size: clamp(3.125rem, -5.593rem + 29.183vw, 12.5rem);
    padding-inline: var(--space-lg);
  }

  .dnb-knowhow-listing__hover-image {
    display: none;
  }
}

@media (max-width: 768px) {
  .dnb-knowhow-listing__content-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-grow: 0;
    padding-bottom: 0.5rem;
  }

  .dnb-knowhow-listing__container .dnb-knowhow-listing__item .dnb-knowhow-listing__link {
    flex-direction: column;
    align-items: start;
    justify-content: end;
    height: 100%;
    padding-top: 1rem;
  }

  .dnb-knowhow-listing__container .dnb-knowhow-listing__item .dnb-knowhow-listing__number {
    font-size: 2.3rem;
    padding-inline: 0;
  }

  .dnb-knowhow-listing__read-time {
    display: none;
  }
}
/* #endregion Knowhow Links */


/* #region Section Background */
[data-section-bg] {
  position: relative;
  --pseudo-opacity: 0;
  --pseudo-bg-color: var(--dnb-sky);
  --pseudo-bg-start: 20%;
  --pseudo-bg-end: 80%; 
}

[data-section-bg]::before {
  content: '';
  position: absolute;
  /* inset-inline: 0; */
  z-index: -1;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  pointer-events: none;
  opacity: var(--pseudo-opacity);
  background: linear-gradient(to bottom, transparent, var(--pseudo-bg-color) var(--pseudo-bg-start), var(--pseudo-bg-color) var(--pseudo-bg-end), transparent);
}

[data-section-bg="primary"]::before {
  --pseudo-bg-color: var(--dnb-sky);
}


[data-section-bg="secondary"]::before {
  --pseudo-bg-color: var(--secondary-l-1);
}



/* html[data-theme="dark"] [data-section-bg="secondary"]::before {
  --pseudo-bg-color: #525A65;
} */


[data-section-bg-position="center"]::before {
  top: -100vh;
  bottom: -100vh;
}

[data-section-bg-position="top"]::before {
  top: 0;
  height: 120vh;
  /* bottom: -100vh; */
  --pseudo-bg-start: 0;
}

[data-section-bg-position="bottom"]::before {
  top: -100vh;
  bottom: 0;
  --pseudo-bg-end: 100%;
}

html[data-theme="dark"] [data-section-bg]::before {
  --pseudo-bg-color: var(--dnb-gray);
}
  
/* #endregion Section Background */

/* #region Tabs */
.dnb-tabs {
  position: relative;
}

.dnb-tabs.dnb-tabs--horizontal::before {
  content: '';
  position: absolute;
  inset-block: 0;
  width: 50vw;
  left: 50%;
  z-index: -1;
  background: var(--primary);
}

.dnb-tabs.dnb-tabs--horizontal > * {
  width: 50%;
}


.dnb-tabs div.tab-title {
  position: relative;
  width: 100% ;
} 

.dnb-tabs .tab-title::after {
  --slider-text-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/pointer.svg");
  content: '';
  position: absolute;
  display: none;
  vertical-align: middle;
  -webkit-mask-image: var(--slider-text-svg);
  mask-image: var(--slider-text-svg);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: transform 0.3s linear, top 0.3s linear, left 0.3s linear;
  background-color: var(--primary);
  width: 45px;
  height: 70px;
  z-index: -1;
}

.dnb-tabs:not(.dnb-tabs--horizontal) .tab-title::after {
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%) rotate(270deg);
}

.dnb-tabs--horizontal .tab-title::after {
	top: 50%;
	right: -22px;
	transform: translateY(-50%) rotate(180deg);
}

.dnb-tabs .tab-title[aria-selected="true"]::after {
  display: block;
}

.dnb-tabs .tab-title > * {
  font-size: var(--text-2xl);
  text-align: center;
  font-weight: 200;
  letter-spacing: -0.08em;
  color: var(--primary);
}

.dnb-tabs .tab-title[aria-selected="true"] > * {
  font-weight: 600;
}

.dnb-tabs .tab-content .tab-pane * {
  color: var(--text-alternative);
}

@media (max-width: 992px) {
  .dnb-tabs .tab-title::after {
    right: unset;
    top: unset;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
  }

  .brxe-container:has(.dnb-tabs) {
    padding-inline: unset;
  }

  .dnb-tabs {
    width: 100vw;
  }

  .dnb-tabs::before {
    display: none;
  }

  .dnb-tabs.brxe-tabs-nested {
    display: grid;
    grid-auto-flow: row;
  }

  .dnb-tabs .tab-menu,
  .dnb-tabs .tab-content {
    display: contents;
  }

  .dnb-tabs .tab-title {
    text-align: center;
	margin-inline: auto;
  }

  .dnb-tabs .tab-title {
    display: block;
  }

  .dnb-tabs.brxe-tabs-nested .tab-pane,
  .dnb-tabs.brxe-tabs-nested .tab-pane {
    display: flex !important;
    flex-direction: row;
    gap: 1rem;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    pointer-events: auto !important;
  }

  .dnb-tabs .tab-pane svg {
    width: 78px;
    height: 78px;
  }

  .dnb-tabs .tab-pane p {
    width: calc(100% - 78px - 1rem);
  }

  .dnb-tabs .tab-title:nth-of-type(1) {
    grid-row: 1;
  }

  .dnb-tabs .tab-pane:nth-of-type(1) {
    grid-row: 2;
  }

  .dnb-tabs .tab-title:nth-of-type(2) {
    grid-row: 3;
  }

  .dnb-tabs .tab-pane:nth-of-type(2) {
    grid-row: 4;
  }

  .dnb-tabs .tab-title:nth-of-type(3) {
    grid-row: 5;
  }

  .dnb-tabs .tab-pane:nth-of-type(3) {
    grid-row: 6;
  }

  .dnb-tabs .tab-title:nth-of-type(4) {
    grid-row: 7;
  }

  .dnb-tabs .tab-pane:nth-of-type(4) {
    grid-row: 8;
  }

  .dnb-tabs .tab-title:nth-of-type(5) {
    grid-row: 9;
  }

  .dnb-tabs .tab-pane:nth-of-type(5) {
    grid-row: 10;
  }

  .dnb-tabs .tab-title:nth-of-type(6) {
    grid-row: 11;
  }

  .dnb-tabs .tab-pane:nth-of-type(6) {
    grid-row: 12;
  }

  .dnb-tabs .tab-pane:nth-of-type(1),
  .dnb-tabs .tab-pane:nth-of-type(2),
  .dnb-tabs .tab-pane:nth-of-type(3),
  .dnb-tabs .tab-pane:nth-of-type(4),
  .dnb-tabs .tab-pane:nth-of-type(5),
  .dnb-tabs .tab-pane:nth-of-type(6) {
    opacity: 0;
    max-height: 0;
    background: var(--primary);
    padding: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .dnb-tabs .tab-pane:nth-of-type(1).brx-open,
  .dnb-tabs .tab-pane:nth-of-type(2).brx-open,
  .dnb-tabs .tab-pane:nth-of-type(3).brx-open,
  .dnb-tabs .tab-pane:nth-of-type(4).brx-open,
  .dnb-tabs .tab-pane:nth-of-type(5).brx-open,
  .dnb-tabs .tab-pane:nth-of-type(6).brx-open {
    opacity: 1;
    max-height: 1500px;
    padding-block: var(--space-lg);
    padding-inline: var(--space-base);
    overflow: visible;
  }
}

/* #endregion Tabs */


/* #region Services Grid */
.dnb-services-container {
}

.dnb-services-section__title {
  text-align: center;
  font-size: 52px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1.56px;
}

.dnb-services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.dnb-services-grid ul {
  list-style: none;
  padding: 0;
}

.dnb-services-grid__column {
  padding: 20px 0;
}



.dnb-services-grid__number {
  font-size: 3.9rem;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -3.458px;
  width: 100%;
  /* overflow: hidden; */
  /* height: 1em; */
}

.dnb-services-grid__number span {
    /* display: block; */
    /* transform: translateY(38%); */
  }

.dnb-services-grid__title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: -1.28px;
  margin-bottom: 20px;
}

.dnb-services-grid__list {
  list-style: none;
}

.dnb-services-grid__item {
  color: var(--LIGHT-BACKGROUND-body-S-color, #3c4d53);
  font-size: 1.06rem;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.34px;
  visibility: hidden;
}
html[data-theme="dark"] .dnb-services-grid__item  {
  color: #D4EFFF;
}

.dnb-services-indicators {
  display: none;
  justify-content: center;
  margin-top: 30px;
  position: relative;
}

.dnb-services__arrow {
	width: 2.5rem;
	border: none;
	background: transparent;
	cursor: pointer;
  position: absolute;
  top: 3.4rem;
  color: var(--title-color);
  z-index: 10;
}

.dnb-services__arrow:disabled {
	opacity: 0.2;
	cursor: not-allowed;
}

.dnb-services__arrow--right {
	left: calc(100% + 4rem);
}


.dnb-services__arrow--left {
	right: calc(100% + 4rem);
}
.dnb-services__arrow--left svg {
	transform: rotate(180deg);
}


.dnb-services-indicators__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: hsl(0, 0%, 87%);
  margin: 0 5px;
  cursor: pointer;
}

.dnb-services-indicators__dot--active {
  background-color: var(--secondary);
}

@media (max-width: 992px) {
  .dnb-services-section__title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .dnb-services-grid {
    display: flex;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    text-align: center;
  }

  .dnb-services-grid__item {
    visibility: visible;
  }

  .dnb-services-grid__column {
    flex: 0 0 100vw;
    scroll-snap-align: start;
    padding: 20px 10px;
  }

  .dnb-services-indicators {
    display: flex;
  }

  .dnb-services-grid__number {
    font-size: 3rem;
  }
}

/* #endregion Services Grid */


/* #region Process Slider */
section:has(.dnb-process-slider) {
  /* height: 400vh; */
}
.dnb-process-slider {
  width: 100%;
  height: 100vh;
  /* overflow: hidden; */
  position: relative;
  z-index: 10;
  /* overflow: hidden; */
}

.dnb-process-slider__top {
  display: flex;
  flex-direction: row;
  align-items: end;
  width: 100%;
  z-index: 1;
}


.dnb-process-slider__navigation {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-left: -2em;
  padding-bottom: 0.5em;
}

.dnb-process-slider__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #CCD5DA;
  border: none;
  cursor: pointer;
}

.dnb-process-slider__dot--active {
  background: var(--secondary);
  transform: scale(1.4);
}

.dnb-process-slider__skip {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.06rem;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
  color: #637278;
  text-transform: lowercase;
}


.dnb-process-slider__track {
  display: flex;
  /* height: 100%; */
  will-change: transform;
}

.dnb-process-slider__slide {
  flex: 0 0 100vw;
  min-height: 80vh;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}

.dnb-process-slider__container {
  display: flex;
  width: 100%;
  min-height: 50vh;
  align-items: center;
  justify-content: center;
  column-gap: var(--space-xl);
  row-gap: var(--space-base );
}

.dnb-process-slider__title h3 {
  display: flex;
  align-items: start;
  flex-direction: column;
  margin: 0;
  color: var(--primary);
  font-family: Sora;
  font-size: text-2xl;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.1em;
}

.dnb-process-slider__text {
  max-width: 662px;
  color: var(--primary);
  font-size: var(--text-lg);
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.03em;
}


.dnb-process-slider__number {
  color: var(--primary);
  font-size: 4rem;
  font-weight: 300;
  /* overflow: hidden; */
  /* height: 1em; */
}

.dnb-process-slider__number span {
  /* display: block; */
  /* transform: translateY(38%); */
}

.dnb-process-slider__image {
  position: absolute;
  bottom: 50%;
  left: 20%;
  width: 246px;
  /* transform: translateY(-50%); */
  will-change: transform;
  transform-origin: center center;
  z-index: -1;
}

@media (max-width: 992px) {
  .dnb-process-slider__slide {
    align-items: flex-end;
  }

  .dnb-process-slider__container {
    flex-direction: column;
    width: 70%;
    height: auto;
  }

  .dnb-process-slider__header {
    width: 100%;
    position: relative;
  }

  .dnb-process-slider__image {
    top: 0;
    left: -200px;
    width: 123px;
  }
}

@media (max-width: 768px) {
  .dnb-process-slider__top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .dnb-process-slider__navigation {
    margin-left: 0;
    padding-bottom: 0;
  }

  .dnb-process-slider__skip {
    display: none;
  }

  .dnb-process-slider__slide {
    justify-content: flex-start;
  }

  .dnb-process-slider__container {
    width: 90%;
  }
  .dnb-process-slider__image {
    left: -20%;
  }
}

/* #endregion Process Slider */

/* #region Shuffle Gallery */
.dnb-shuffle-gallery {
  width: 100%;
  display: grid;
  grid-template-columns: 15% 1fr 30%;
  gap: 20px;
  /* margin-bottom: -32px; */
  position: relative;
}
.dnb-shuffle-gallery__container {
  width: 100%;
  height: 320px;
  border-radius: 6px;
  box-shadow: 0 4px 24px #0001;
  background: #eee;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s;
}

.dnb-shuffle-gallery__strip {
  position: absolute;
  width: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.dnb-shuffle-gallery__image {
  width: 100%;
  height: 350px;
  object-fit: cover;
  flex-shrink: 0;
}

.dnb-shuffle-gallery__button-container {
  position: absolute;
  left: 55%;
  bottom: -20px;
  rotate: -10deg;
}
/* 
.dnb-shuffle-gallery__button {
  background: #aeff45;
  color: #222;
  font-size: 1.2rem;
  font-weight: bold;
  border: none;
  padding: 12px 36px;
  cursor: pointer;
  box-shadow: 0 2px 8px #0001;
  transition: all 0.2s, transform 0.2s;
  
}
.dnb-shuffle-gallery__button:active {
  background: #cfff7a;
  transform: scale(0.97);
} */

@media (max-width: 992px) {
  .dnb-shuffle-gallery {
    grid-template-columns: 30% 1fr;
  }
  .dnb-shuffle-gallery__container:nth-child(1){
    display: none;
  }
}

@media (max-width: 478px) { 
  .dnb-shuffle-gallery {
    grid-template-columns: 1fr;
  }

  .dnb-shuffle-gallery__container {
    height: min(70vh, 570px);
  }

  .dnb-shuffle-gallery__image {
    height: 70vh;
  }

  .dnb-shuffle-gallery__container:nth-of-type(2) {
    display: none;
  }

  .dnb-shuffle-gallery__button-container {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* #endregion Shuffle Gallery */

/* #region Contact */
@media (hover: hover) and (min-width: 768px)  {
.dnb-contact-map__point::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  border-radius: 50%;
  animation: pulse 3s infinite;
  background-image: radial-gradient(circle, var(--secondary) 0%, transparent 70%);
  opacity: 0;
}

  .dnb-contact-map__adress-wrapper {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .dnb-contact-map__point:hover::after {
    animation: none;
  }

  .dnb-contact-map__point:hover + .dnb-contact-map__adress-wrapper {
    opacity: 1;
  }
}


@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

form#contactForm {
  max-width: 600px;
  display: flex;
  padding: 1.5rem 3.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  background: var(--white);
  border-radius: 12px;
}

html[data-theme="dark"] form#contactForm {
  background: var(--dnb-gray);
}

form#contactForm .form-group {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-areas: "input";
  padding-bottom: 0;
}


form#contactForm .form-group input,
form#contactForm .form-group textarea,
form#contactForm .form-group select {
  background: none;
  border-color: var(--primary);
  transition: all 0.3s ease;
  outline-color: var(--primary);
  outline-width: 1px;

}
/* 
form#contactForm .form-group label {
  display: none;
} */

form#contactForm .form-group:has(input[type="text"], input[type="email"]) input,
form#contactForm .form-group:has(input[type="text"], input[type="email"], textarea) label,
form#contactForm .form-group:has(input[type="text"], input[type="email"], textarea) textarea {
  grid-area: input;
  transition: all 0.3s ease;
}
/* 
form#contactForm .form-group:has(textarea) label,
form#contactForm .form-group:has(textarea) textarea {
  grid-area: input;
  transition: all 0.3s ease;
} */

form#contactForm .form-group:has(input[type="text"], input[type="email"], textarea):focus-within label,
form#contactForm .form-group:has(input[type="text"], input[type="email"], textarea):has(input:not(:placeholder-shown)) label,
form#contactForm .form-group:has(textarea):focus-within label,
form#contactForm .form-group:has(textarea):has(textarea:not(:placeholder-shown)) label {
  transform: translateY(-100%) scale(0.75);
}

form#contactForm .form-group:has(input[type="text"], input[type="email"]) input:focus {
  border-bottom: 2px solid var(--primary);
}

form#contactForm .form-group:has(input[type="text"], input[type="email"], textarea) label {
  display: block;
  align-self: flex-end;
  justify-self: start;
  color: var(--primary);
  pointer-events: none;
  transition: all 0.3s ease;
  transform-origin: left bottom;
  z-index: 1;
}

form#contactForm .form-group:has(textarea) label{
  align-self: flex-start !important;
  margin-top: 1.2em;
  margin-left: 1em;
}

form#contactForm .form-group:has(input[type="text"], input[type="email"]) input::placeholder,form#contactForm .form-group:has(textarea) textarea::placeholder  {
  opacity: 0;
}

form#contactForm .form-group:has(input[type="text"], input[type="email"]) input{
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--primary);
  width: 100%;
  font-size: 1rem;
  line-height: 1.25;
  outline: none;
  transition: border-color 0.3s ease;
  z-index: 2;
}

form#contactForm .form-group:has(input[type="text"]) {
  margin-bottom: 1rem;
}

form#contactForm .form-group:not(:first-of-type) .dnb-form__title {
  margin-top: 1rem;
}

form#contactForm .form-group label,
form#contactForm .form-group input::placeholder,
form#contactForm .form-group textarea::placeholder,
form#contactForm .form-group select {
  font-family: var(--heading-font);
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: var(--primary);
  text-transform: uppercase;
}

form#contactForm .form-group ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

form#contactForm .form-group input[type="checkbox"][name="choose-area[]"] {
  align-self: start;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid var(--primary);
}

form#contactForm .form-group input[type="checkbox"][name="choose-area[]"]:before {
  clip-path: unset;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

form#contactForm .form-group input[type="checkbox"][name="choose-area[]"]:checked:before {
  transform: scale(0.7);
}

form#contactForm .form-group input[type="checkbox"]::before {
  background-color: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
}

form#contactForm .form-group textarea {
  resize: none;
  border-radius: 6px;
  min-height: 200px;
  padding-top: 1em;
}

form#contactForm .form-group select {
  border-radius: 6px;
  padding-block: 0.2em;
}

form#contactForm .form-group select option:first-child {
  display: none;
}

form#contactForm .form-group:has(input[name="accept-data-input[]"]) {
  margin-bottom: 2rem;
}

form#contactForm .form-group:has(input[name="accept-data-input[]"]) input{
  width: 25px;
  height: 25px;
  border-radius: 6px;
  border: 1px solid var(--primary);
  align-self: start;
  flex-shrink: 0;
}
form#contactForm .form-group:has(input[name="accept-data-input[]"]) label{
  font-size: 0.875rem;
  text-transform: none;
  color: var(--text-body);
  font-family: var(--body-font);
}

form#contactForm button[type="submit"] {
  width: fit-content;
}

@media (max-width: 768px) {
  form#contactForm {
    padding: 3.25rem var(--space-sm);
    border-radius: 0;
  }
}



[data-accordion] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1.5rem;
  row-gap: 4rem;
}

[data-accordion] [data-accordion-title] {
  cursor: pointer;
  pointer-events: none;
}

[data-accordion] [data-accordion-content] svg {
  transition: transform 0.3s ease;
}

[data-accordion] [data-accordion-title][aria-expanded="true"] + [data-accordion-content] svg {
  transform: rotate(180deg);
  transform-origin: center center;
}


[data-accordion] [data-accordion-content] {
  display: flex !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

[data-accordion] [data-accordion-text]{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media (max-width: 768px) {
  [data-accordion] {
    grid-template-columns: 1fr;
  }
  [data-accordion] [data-accordion-text]{
    height: 0;
  }
}


/* #endregion Contact */



/* #region Footer */
footer p,
footer a {
  color: #ccd5da;
  --link-arrow-svg: url("/wp-content/themes/dnb-basic-theme/assets/svg/footer-arrow-right.svg");
  margin: 0;
}

footer nav ul#menu-footer {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.5rem;
  column-gap: 1.5rem;
}

footer nav ul#menu-footer li {
  margin: 0;
}

footer nav ul#menu-footer li a {
  display: flex;
  align-items: center;
  transition: color 0.3s ease;

  cursor:default;
  pointer-events: none;
}

/* Need to add the arrow back */
/* footer nav ul#menu-footer li a::after {
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  -webkit-mask-image: var(--link-arrow-svg);
  mask-image: var(--link-arrow-svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  margin-left: 0.5em;
} */

footer nav ul#menu-footer li a:hover {
  color: var(--secondary);
}

/* #endregion Footer */

/* #region Testimonials New Slider */
#brxe-ygqvhw { position: relative}

@media screen and (min-width: 1232px) {
	#brxe-ygqvhw::before {
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
		background: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 5%, rgba(245, 245, 245, 0) 92%, rgba(245, 245, 245, 1) 100%);
	}
	
	html[data-theme="dark"] #brxe-ygqvhw::before {
		background: linear-gradient(90deg, rgba(35, 40, 46, 1) 0%, rgba(35, 40, 46, 0) 5%, rgba(35, 40, 46, 0) 92%, rgba(35, 40, 46, 1) 100%);
	}
	#brxe-dwtrbh {
		z-index: 3;
	}
}
@media screen and (min-width: 1500px) {
	#brxe-ygqvhw::before {
		background: linear-gradient(90deg, rgba(245, 245, 245, 1) 5%, rgba(245, 245, 245, 0) 12%, rgba(245, 245, 245, 0) 80%, rgba(245, 245, 245, 1) 100%);
	}
	html[data-theme="dark"] #brxe-ygqvhw::before {
		background: linear-gradient(90deg, rgba(35, 40, 46, 1) 5%, rgba(35, 40, 46, 0) 12%, rgba(35, 40, 46, 0) 80%, rgba(35, 40, 46, 1) 100%);
	}
}

@media screen and (min-width: 992px) {
	#testimonialsSlider .splide__track {
		overflow: visible;
	}
}

.testimonialsSlider {
  overflow-x: unset;
}

.splide__arrow.splide__arrow--next {
  width: 158px;
}

.splide__arrow.splide__arrow--prev {
  display: none;
}

.testimonialsSlider p:first-child {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  line-height: 1.3;
}

@media (max-width: 992px) {
  .dnb-testimonials__slide {
    height: auto !important;
  }

  .splide__arrow.splide__arrow--next{
    width: 100px;
    top: calc(100% + 1rem);
    left: 50%;
    transform: translateX(-50%);
  }
}

/* #endregion Testimonials New Slider */


/* #region Blog grid */
.brx-load-more-hidden {
	display: none !important;
}

.dnb-blog-grid {
  row-gap: 4.3rem;
}

.dnb-blog-grid__item {
  will-change: transform, opacity;
  transform: translateZ(0); /* Force hardware acceleration */
}

.dnb-blog__load-more {
	margin-inline: auto !important;
	margin-top: 4.6rem;
}

.dnb-blog-grid__item:nth-child(2),
.dnb-blog-grid__item:nth-child(8n+2),
.dnb-blog-grid__item:nth-child(3),
.dnb-blog-grid__item:nth-child(8n+3),
.dnb-blog-grid__item:nth-child(6),
.dnb-blog-grid__item:nth-child(8n+6),
.dnb-blog-grid__item:nth-child(7),
.dnb-blog-grid__item:nth-child(8n+7)   {
	margin-top: 7.5rem;

}

.dnb-blog-grid__item:nth-child(8n+6)
.dnb-blog-grid__item:nth-child(8n+7) {
	margin-bottom: 5rem;
}

.dnb-blog-grid__item:nth-child(1),
.dnb-blog-grid__item:nth-child(8n+1) {
  grid-column: 1 / span 4;
}

.dnb-blog-grid__item:nth-child(2),
.dnb-blog-grid__item:nth-child(8n+2) {
	grid-column: 7 / span 3;
}

.dnb-blog-grid__item:nth-child(3),
.dnb-blog-grid__item:nth-child(8n+3) {
	grid-column: 10 / span 3;
}

.dnb-blog-grid__item:nth-child(4),
.dnb-blog-grid__item:nth-child(8n+4) {
  grid-column: 2 / span 4;
}

.dnb-blog-grid__item:nth-child(5),
.dnb-blog-grid__item:nth-child(8n+5) {
	grid-column: 7 / span 5;
	margin-top: 9.5rem;
	margin-bottom: 6.8rem;
}

.dnb-blog-grid__item:nth-child(6),
.dnb-blog-grid__item:nth-child(8n+6) {
  grid-column: 1 / span 3;
}

.dnb-blog-grid__item:nth-child(7),
.dnb-blog-grid__item:nth-child(8n+7) {
  grid-column: 4 / span 3;
}

.dnb-blog-grid__item:nth-child(8),
.dnb-blog-grid__item:nth-child(8n+8) {
  grid-column: 8 / span 4;
}

.dnb-blog-grid__item img {
	object-fit: cover;
}

.dnb-blog-grid__item:nth-child(1) img,
.dnb-blog-grid__item:nth-child(8n+1) img,
.dnb-blog-grid__item:nth-child(5) img,
.dnb-blog-grid__item:nth-child(8n+5) img,
.dnb-blog-grid__item:nth-child(8) img,
.dnb-blog-grid__item:nth-child(8n+8) img {
	aspect-ratio: 1.5;
}

.dnb-blog-grid__item:nth-child(4) img,
.dnb-blog-grid__item:nth-child(8n+4) img{
	aspect-ratio: 0.8;
}

.dnb-blog-grid__item:nth-child(2) img,
.dnb-blog-grid__item:nth-child(8n+2) img,
.dnb-blog-grid__item:nth-child(3) img,
.dnb-blog-grid__item:nth-child(8n+3) img,
.dnb-blog-grid__item:nth-child(6) img,
.dnb-blog-grid__item:nth-child(8n+6) img,
.dnb-blog-grid__item:nth-child(7) img,
.dnb-blog-grid__item:nth-child(8n+7) img {
	aspect-ratio: 1;
}


.dnb-blog-sticky-post__content {
	grid-column: 2 / span 4;
}

.dnb-blog-sticky-post__content img {
	aspect-ratio: 1.5;
}

#blogOverviewFilter:not(:has(li.brx-option-active:first-child)) + .dnb-blog__wrapper .dnb-blog-sticky-post {
	display: none;
}


.dnb-blog-grid__banner {
	display: none;
	grid-column: 1 / span 12;
	  order: 1;
	  margin-top: 1.6rem;
	  margin-bottom: 5rem;
	  background-color: var(--secondary-l-1);
  }

  #blogOverviewFilter:has(li.brx-option-active:first-child) + .dnb-blog__wrapper .dnb-blog-grid__banner {
	display: flex;	
}

  
  html[data-theme="dark"] .dnb-blog-grid__banner {
	  background-color: var(--dnb-gray);
  }
  
  .dnb-blog-grid__item:nth-child(n+9) {
	  order: 2;
  }

  #blogOverviewFilter {
	max-width: 100%;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-ms-overflow-style: none;
  }
	
	#blogOverviewFilter::-webkit-scrollbar {
		display: none;
	}


  #blogOverviewFilter.scrolled {
	background-color: var(--bg-body);
  }


  @media (max-width: 768px) {
		.dnb-blog-grid {
			grid-template-columns: repeat(4, 1fr);
		}

		.dnb-blog-grid .dnb-blog-grid__item {
			margin-top: 0;
			margin-bottom: 0;
		}

		.dnb-blog-grid__item:nth-child(1),
		.dnb-blog-grid__item:nth-child(3) {
			grid-column: 1 / span 3;
		}

		.dnb-blog-grid__item:nth-child(2){
			grid-column: 2 / span 3;
		}

		.dnb-blog-grid__item:nth-child(3) {
			margin-bottom: 7rem;
		}

		.dnb-blog-grid__item:nth-child(n+4),
		.dnb-blog-grid__banner {
			margin-top: 0;
			grid-column: 1 / span 4;
			border-bottom: 1.5px solid var(--text-body);
			padding-bottom: 1rem;
		}

		.dnb-blog-grid .dnb-blog-grid__item img {
			aspect-ratio: 1;
		}

		.dnb-blog-grid__item:nth-child(n+4) img {
			display: none;
			
		}

		.dnb-blog-grid__banner {
			margin-top: 9rem;
			border-bottom: none;
		}

		#blogOverviewFilter {
			width: 100%;
			border-radius: 0 !important;
			padding-inline: var(--side-margin) !important;
		}
	}


/* #endregion Blog grid */

/* #region Arrival */

html[data-theme="dark"] .arrival-hero__map svg path {
	fill: var(--dnb-gray);
	stroke: var(--bg-body);
}

html[data-theme="dark"] #arrivalTabs {
	--primary: var(--dnb-sapphire);
	--text-alternative: var(--white);
}

#arrivalTabs .tab-menu .tab-title {
	max-width: fit-content;
	padding-inline: var(--space-2xl);
}

#arrivalTabs.brxe-tabs-nested .tab-pane {
	row-gap: 3.88rem;
	flex-wrap: wrap;
}

#arrivalTabs.brxe-tabs-nested .tab-pane.brx-open {
	display: unset !important;
	display: grid !important;
	grid-template-columns: repeat(12, 1fr);
	padding-top: var(--space-xl);
	padding-bottom: 3.3rem;
}

.arrival-tabs__content-item {
	min-width: 250px;
}

.arrival-tabs__content-item:nth-child(1) {
	grid-column: 2 / span 3;
}


.arrival-tabs__content-item:nth-child(2) {
	grid-column: 6 / span 3;
}

.arrival-tabs__content-item:nth-child(3) {
	grid-column: 9 / span 4;
}

#arrivalTabs .arrival-tabs__content-item h3, 
#arrivalTabs .arrival-tabs__content-item h4 {
	font-size: calc(var(--text-lg) - 0.135rem)
}

.arrival-tabs__content-item p {
	font-size: var(--text-sm);
}

@media screen and (max-width: 992px) {
	#arrivalTabs.brxe-tabs-nested .tab-pane.brx-open {
		display: flex !important;
	}
	#arrivalTabs .tab-pane {
		padding-left: 6rem;
	}

	#arrivalTabs .tab-pane p {
		width: 100%;
	}
}


/* #endregion Arrival */