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

h2 span,
.h2 span {
  opacity: 0.6;
}

.is-light .nav-logo,
.is-light .nav-item-link {
  background-color: var(--light);
}

.is-light .nav-center {
  background-color: var(--dark);
}

.is-dark .nav-logo,
.is-dark .nav-item-link {
  background-color: var(--dark);
  color: var(--light);
}

.is-dark .nav-center {
  background-color: var(--light);
}

[data-nav-status="active"] .nav-items {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}

.intro-tabs li:last-child {
  border: none;
}

.closer {
  transition: opacity 0.4s ease;
}

[data-nav-status="active"] .closer {
  opacity: 0;
}

.header {
  transition: opacity 0.4s;
}

[data-scrolling-started="true"][data-scrolling-direction="down"] .header {
  opacity: 0;
  pointer-events: none;
}

/* Tab intro home */
.tab-bullet-holder {}

.intro-tab.is-selected .tab-bullet-holder {
  width: 12px;
  opacity: 1;
}

.bg-black .text-xl strong {
  opacity: 0.5;
  font-weight: 400;
}

/* Slider */
.carousel {
  opacity: 0;
  transition: opacity 0.6s;
}

.flickity-enabled.carousel {
  opacity: 1;
}

/*.flickity-overflow-visible .flickity-viewport { overflow: visible!important;}*/

.is-selected {
  /*background-color: #eee*/
}

/*@include media-breakpoint-down(md) {*/
/*    .slider-tabs {*/
/*        height: 84px;*/
/*    }*/
/*    .slider-tabs li {*/
/*        position: absolute;*/
/*        left: 0;*/
/*        padding: 30px 0;*/
/*    }*/
/*    .slider-tabs li {*/
/*        opacity: 0;*/
/*    }*/
/*    .slider-tabs li.is-selected {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

.slider-arrow {
  min-width: 34px;
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s;
}

.slidernavPrev {
  justify-content: flex-start;
}

.slidernavNext {
  justify-content: flex-end;
}

.slidernavPrev:hover {
  transform: translateX(-4px);
}

.slidernavNext:hover {
  transform: translateX(4px);
}

.indicator {
  position: absolute;
  height: 5px;
  background-color: var(--blue);
  left: 0;
  bottom: -3px;
  transition:
    left 0.6s,
    width 0.6s;
  /*min-width: 2px;*/
}

.indicator.top {
  top: -3px;
}

/* Main div animation*/
.slidernav li>article {
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0.8s 0s;
}

/* .slidernav li.is-removed > div {}*/
.slidernav li.is-selected>article {
  visibility: visible;
  pointer-events: auto;
}

/*Fade*/

.is-removed {
  z-index: 0;
}

.is-selected {
  z-index: 1;
}

[slider-anim-fade] {
  opacity: 0;
  transition: opacity 0.6s 0s;
}

.is-removed [slider-anim-fade] {
  opacity: 1;
}

.is-selected [slider-anim-fade] {
  opacity: 1;
  transition: opacity 0.6s 0s;
}

/*Mask*/
/*https://bennettfeely.com/clippy/*/
[slider-mask] {
  position: absolute;
  inset: 0;
  clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 0.6s 0s;
}

[slider-mask] img {
  scale: 1.2;
  transition: scale 0.6s 0s;
  transform-origin: center;
}

[slider-mask].is-removed {
  z-index: 2;
  /*clip-path: inset(0% 0 0% -100%);*/
  clip-path: inset(100% 0% 0% 0%);
}

[slider-mask].is-removed img {
  scale: 1;
}

[slider-mask].is-selected {
  z-index: 1;
  /*clip-path: inset(0% 0 0% 100%);*/
}

[slider-mask].is-selected img {
  scale: 1;
}

/*Fade*/

[slider-zIndex] {
  opacity: 0;
  transition: opacity 0.6s 0s;
}

[slider-zIndex].is-removed {
  opacity: 1;
}

[slider-zIndex].is-selected {
  opacity: 1;
  transition: opacity 0.6s 0.4s;
}

/*Fade*/
/*moving in*/
[slider-zIndex2] {
  opacity: 0;
  transform: translateY(20%) scale(1.2);
  transform-origin: center top;
  transition:
    opacity 0.3s 0.3s,
    transform 0.6s 0s ease;
}

/*moving out*/
[slider-zIndex2].is-removed {
  opacity: 0;
  transform: translateY(-20%) scale(0.8);
}

[slider-zIndex2].is-selected {
  opacity: 1;
  transition:
    opacity 0.2s 0.6s,
    transform 1s 0.4s ease;
  transform: translateY(0) scale(1);
}

/*moving in home*/
[slider-zIndex3] img {
  opacity: 0;
  transform: scale(1.2);
  transform-origin: center center;
  transition:
    opacity 0.3s 0s,
    transform 0.4s 0s ease;
}

/*moving out*/
.is-removed [slider-zIndex3] img {
  opacity: 0;
  transform: scale(0.8);
}

.is-selected [slider-zIndex3] img {
  opacity: 1;
  transition:
    opacity 0.4s 0.1s,
    transform 0.4s 0.1s ease;
  transform: translateY(0) scale(1);
}

/*Icon animations*/
#a-sv-block-1 {
  animation: moveUpDown1 4s ease-in-out infinite;
}

#a-sv-block-2 {
  animation: moveUpDown2 5s ease-in-out infinite;
}

#a-sv-block-3 {
  animation: moveUpDown3 6s ease-in-out infinite;
}

#c-sv-block-1 {
  animation: moveUpDown3 4s ease-in-out infinite;
}

@keyframes moveUpDown1 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(2%);
  }
}

@keyframes moveUpDown2 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(2%);
  }
}

@keyframes moveUpDown3 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2%);
  }
}

#b-sv-block {
  animation: moveUpDown4 4s ease-in-out infinite;
}

@keyframes moveUpDown4 {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-2%);
  }
}

/*move*/
[slider-anim-move] {
  opacity: 0;
  transform: translateX(15px);
  transition:
    opacity 0.4s 0s,
    transform 0.6s 0s;
}

.is-removed [slider-anim-move] {
  /*transform-origin: bottom;*/
  transform: translateX(-15px);
}

.is-selected [slider-anim-move] {
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 0.4s 0.6s,
    transform 0.6s 0.6s;
}

/*numbers*/
[slider-numbers] {
  height: 24px;
  width: 12px;
  position: relative;
  overflow: hidden;
}

[slider-numbers] li {
  position: absolute;
  bottom: 0;
  transform: translateY(101%);
}

[slider-numbers] li.is-selected {
  transition: transform 0.5s 0s;
  transform: translatey(0);
}

[slider-numbers] li.is-removed {
  transition: transform 0.5s 0s;
  transform: translatey(-101%);
}

/*Letter animation*/

.single-line {
  /* overflow: hidden; */
}

.slidernav [text-split-lines] .single-line-inner,
[lines-group] .single-line-inner {
  display: inline-block;
  /* transform: translateY(120%) rotate(0deg) !important; */
  opacity: 0;
  transform: translateY(10px) rotate(0deg) !important;
  will-change: transform, rotate;
  transition: none;
}

.slidernav .is-selected [text-split-lines] .single-line-inner,
[lines-group].is-active .single-line-inner {
  /* transform: translateY(0) rotate(0deg) !important; */
  transform: translateY(0px) rotate(0deg) !important;
  opacity: 1;
  transition:
    opacity 0.8s ease-in-out,
    transform 0.8s ease-in-out;
}

.slidernav .is-removed [text-split-lines] .single-line-inner {
  /* transform: translateY(-120%) rotate(0deg) !important; */
  transform: translateY(30px) rotate(0deg) !important;
  opacity: 0;
  transition:
    opacity 0.8s ease-in-out,
    transform 0.8s ease-in-out;
}

.slidernav .is-selected .single-line:nth-child(1) .single-line-inner,
[lines-group].is-active .single-line:nth-child(1) .single-line-inner {
  transition-delay: 0.1s;
}

.slidernav .is-selected .single-line:nth-child(2) .single-line-inner,
[lines-group].is-active .single-line:nth-child(2) .single-line-inner {
  transition-delay: 0.2s;
}

.slidernav .is-selected .single-line:nth-child(3) .single-line-inner,
[lines-group].is-active .single-line:nth-child(3) .single-line-inner {
  transition-delay: 0.3s;
}

.slidernav .is-selected .single-line:nth-child(4) .single-line-inner,
[lines-group].is-active .single-line:nth-child(4) .single-line-inner {
  transition-delay: 0.4s;
}

.slidernav .is-selected .single-line:nth-child(5) .single-line-inner,
[lines-group].is-active .single-line:nth-child(5) .single-line-inner {
  transition-delay: 0.5s;
}

.slidernav .is-selected .single-line:nth-child(6) .single-line-inner,
[lines-group].is-active .single-line:nth-child(6) .single-line-inner {
  transition-delay: 0.6s;
}

.slidernav .is-selected .single-line:nth-child(7) .single-line-inner,
[lines-group].is-active .single-line:nth-child(7) .single-line-inner {
  transition-delay: 0.7s;
}

.slidernav .is-selected .single-line:nth-child(8) .single-line-inner,
[lines-group].is-active .single-line:nth-child(8) .single-line-inner {
  transition-delay: 0.8s;
}

.slidernav .is-selected .single-line:nth-child(9) .single-line-inner,
[lines-group].is-active .single-line:nth-child(9) .single-line-inner {
  transition-delay: 0.9s;
}

.slidernav .is-selected .single-line:nth-child(10) .single-line-inner,
[lines-group].is-active .single-line:nth-child(10) .single-line-inner {
  transition-delay: 1s;
}

.slidernav .is-selected .single-line:nth-child(11) .single-line-inner,
[lines-group].is-active .single-line:nth-child(11) .single-line-inner {
  transition-delay: 1.1s;
}

.slidernav .is-selected .single-line:nth-child(12) .single-line-inner,
[lines-group].is-active .single-line:nth-child(12) .single-line-inner {
  transition-delay: 1.2s;
}

.slidernav .is-selected .single-line:nth-child(13) .single-line-inner,
[lines-group].is-active .single-line:nth-child(13) .single-line-inner {
  transition-delay: 1.3s;
}

.slidernav .is-selected .single-line:nth-child(14) .single-line-inner,
[lines-group].is-active .single-line:nth-child(14) .single-line-inner {
  transition-delay: 1.4s;
}

.slidernav .is-selected .single-line:nth-child(15) .single-line-inner,
[lines-group].is-active .single-line:nth-child(15) .single-line-inner {
  transition-delay: 1.5s;
}

.slidernav .is-selected .single-line:nth-child(16) .single-line-inner,
[lines-group].is-active .single-line:nth-child(16) .single-line-inner {
  transition-delay: 1.6s;
}

.slidernav .is-selected .single-line:nth-child(17) .single-line-inner,
[lines-group].is-active .single-line:nth-child(17) .single-line-inner {
  transition-delay: 1.7s;
}

.slidernav .is-selected .single-line:nth-child(18) .single-line-inner,
[lines-group].is-active .single-line:nth-child(18) .single-line-inner {
  transition-delay: 1.8s;
}

.slidernav .is-selected .single-line:nth-child(19) .single-line-inner,
[lines-group].is-active .single-line:nth-child(19) .single-line-inner {
  transition-delay: 1.9s;
}

.slidernav .is-selected .single-line:nth-child(20) .single-line-inner,
[lines-group].is-active .single-line:nth-child(20) .single-line-inner {
  transition-delay: 2s;
}

.slidernav .is-selected .single-line:nth-child(21) .single-line-inner,
[lines-group].is-active .single-line:nth-child(21) .single-line-inner {
  transition-delay: 2.1s;
}

/* Dynamic stagger for every line in an active lines-group (no 21-line cap). */
[lines-group].is-active .single-line .single-line-inner {
  transition-delay: calc(var(--line-index, 1) * 0.1s) !important;
}

.illistration-color-block,
[data-active-slide="1"] .illistration-color-block {
  background-color: var(--yellow);
  color: var(--dark);
  transition: background-color 0.4s ease-in-out;
}

[data-active-slide="2"] .illistration-color-block {
  background-color: var(--navy);
  color: var(--light);
}

[data-active-slide="3"] .illistration-color-block {
  background-color: var(--green);
  color: var(--light);
}

[data-active-slide="4"] .illistration-color-block {
  background-color: var(--blue);
  color: var(--light);
}

[data-active-slide="5"] .illistration-color-block {
  background-color: var(--red);
  color: var(--light);
}

.what-we-do-item .overlay-image {
  transition: opacity 0.3s 0s;
}

.what-we-do-item:hover .overlay-image {
  opacity: 1;
  transition: opacity 0.3s 0.1s;
}

.our-focus-list li:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 479px) {}

@media screen and (min-width: 992px) {
  .what-we-do-item {
    width: var(--block);
    flex: auto;
    flex-shrink: 1;
    flex-grow: 1;
    transition: width 0.3s;
  }

  .what-we-do-item:hover {
    width: 692px;
    transition: width 0.3s;
  }

  .what-we-do-item:hover .what-we-do-hr {
    transform: scale3d(1, 1, 1);
  }

  .what-we-do-item:hover .eyelash-number {
    background: var(--dark);
    color: var(--light);
  }
}

@media screen and (min-width: 2000px) {
  .what-we-do-item:hover {
    width: 37vw;
  }

  .what-we-do-image-wrapper {
    height: 580px;
  }
}

.news-list-link:hover .news-list-icon-1,
.news-list-link:hover .news-list-icon-2 {
  transition: transform 0.3s;
}

.news-list-link {
  transition: border-color 0.3s;
}

.news-list-link:hover {
  /*border-color: var(--dark);*/
}

.news-list li:last-child a {
  border-bottom: none;
}

.news-list-link:hover .news-list-icon-2 {
  transform: translateY(-100%) translateX(0%);
}

.news-list-link:hover .news-list-icon-1 {
  transform: translateY(-100%) translateX(100%);
}

.news-list-image-wrapper img {
  transition: transform 0.6s;
}

.news-list-link:hover .news-list-image-wrapper img {
  transform: scale(1.04);
}

.effect-underline {
  color: inherit;
  display: inline;
  text-decoration-line: none;
  transition: 0.3s;
  text-decoration: none;
  color: var(--nav-color-1);
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom 0px right;
  background-size: 0% 1px;
  transition:
    color 0.3s ease,
    opacity 0.3s ease,
    background-size 0.3s ease;
}

a:hover .effect-underline {
  background-size: 100% 1px;
  background-position: bottom 0px left;
}

/* btn */
.btn:hover .btn-icon-1,
.btn:hover .btn-icon-2 {
  transition: transform 0.4s;
}

.btn:hover .btn-icon-2 {
  transform: translateY(-100%) translateX(0%);
}

.btn:hover .btn-icon-1 {
  transform: translateY(-100%) translateX(100%);
}

.btn .btn-text>div {
  overflow: hidden;
  position: relative;
}

.btn:hover .btn-text span {
  display: inline-block;
  transform: translateY(-100%);
  transition: transform 0.4s;
}

.btn .btn-text span:before {
  position: absolute;
  display: inline-block;
  content: attr(data-hover);
  color: currentColor;
  transform: rotate(0deg) translateY(100%);
  transform-origin: center left;
}

.btn-to-yellow .btn-text,
.btn-to-yellow .btn-icon {
  transition: background-color 0.4s;
}

.btn-to-yellow:hover .btn-text,
.btn-to-yellow:hover .btn-icon {
  background-color: var(--yellow) !important;
}

.footer-link span {
  color: inherit;
  text-decoration-line: none;
  transition: 0.3s;
  text-decoration: none;
  color: var(--nav-color-1);
  background-image: linear-gradient(90deg, currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom 0px right;
  background-size: 0% 1px;
  transition:
    color 0.3s ease,
    opacity 0.3s ease,
    background-size 0.3s ease;
}

.footer-link:hover span {
  background-size: 100% 1px;
  background-position: bottom 0px left;
}

.home-bg-1 {
  z-index: 3;
}

.home-bg-2 {
  z-index: 2;
}

.home-bg-3 {
  z-index: 1;
}

.animation-container {
  transition: opacity 0.4s ease-in-out;
}

.animation-container.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.m-0 {
  margin: 0 !important;
}

.text-span-orange span {
  color: var(--orange);
  opacity: 1;
}

.h1-mix span {
  opacity: 0.5;
}

.home-slides .animation-container video,
.home-slides .animation-container img {
  scale: 1;
  transform-origin: right center;
  transition: scale 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.home-slides .animation-container.is-hidden video,
.home-slides .animation-container.is-hidden img {
  scale: 1;
}

.home-slides .animation-container.is-active video,
.home-slides .animation-container.is-active img {
  scale: 1;
  transition: scale 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Odometer */
[data-odometer-element] {
  display: inline-flex;
  align-items: center;
  font-variant-numeric: tabular-nums;
}

[data-odometer-part="mask"] {
  display: inline-block;
  overflow: clip;
  padding: 0.09em;
  margin: -0.13em;
}

[data-odometer-part="roller"] {
  display: block;
  white-space: pre;
  text-align: center;
  will-change: transform;
}

[data-odometer-part="static"] {
  display: inline-block;
  padding-left: 6px;
  padding-top: 4px;
}

/* Preloader */
.preload-assets {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  pointer-events: none;
}

.loading-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  pointer-events: all;
  --leader-height: 30px;
  clip-path: inset(0% 0% 0% 0%);
  will-change: clip-path;
}

.loading-screen .loader {
  position: absolute;
  inset: 0;
  background: var(--dark);
}

.loader-center {
  position: relative;
  width: 100%;
  margin: auto;
  display: grid;
  place-items: center;
  gap: 14px;
}

.counter-outer {
  position: relative;
  width: min(360px, 62vw);
  display: flex;
  justify-content: flex-end;
}

.counter {
  height: var(--leader-height);
  line-height: var(--leader-height);
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  user-select: none;
  display: flex;
  justify-content: flex-end;
  min-width: 56px;
  letter-spacing: -2px;
  margin-bottom: -10px;
}

.counter span {
  display: inline-block;
  min-width: 9px;
}

.counter span:last-child {
  min-width: 14px;
}

.loader-logo {
  width: min(360px, 62vw);
  margin: 0;
  justify-self: center;
  display: flex;
  justify-content: flex-start;
}

.counter-glow-line {
  width: min(360px, 62vw);
  height: 2px;
  position: relative;
  border-radius: 999px;
  /* overflow: hidden; */
  background: rgba(255, 255, 255, 0.18);
}

.counter-glow-fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform-origin: left center;
  transform: scaleX(calc(var(--loader-progress, 0) * 0.01));
  background: rgba(255, 255, 255, 0.98);
  /* box-shadow: 0 0 8px rgba(255, 255, 255, 0.75), 0 0 20px rgba(255, 255, 255, 0.45), 0 0 32px rgba(255, 255, 255, 0.24); */
  transition: transform 0.3s ease-out;
}

.loader-logo .logo-svg {
  width: 112px;
  max-width: 42%;
  height: auto;
  display: block;
}

.bar {
  display: none;
}

.bar-fill {
  height: 10px;
  display: inline-block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  transition: transform 0.5s;
  transform-origin: left;
  transform: scaleX(calc(var(--loader-counter, 0) * 0.01));
}

.loader-opacity-in {
  opacity: 0;
  transition:
    opacity 0.4s,
    transform 0.4s;
}

.loader-init .loader-opacity-in {
  opacity: 1;
}

.loader-init.loader-klaar .loader-opacity-in {
  opacity: 1;
  transform: none;
}

.assets-loaded .loading-screen {
  pointer-events: none;
}