/* ------------------------- Scaling System by Osmo [https://osmo.supply/] -------------------------  */

/* Desktop */
:root {
  --size-unit: 16;
  /* body font-size in design - no px */
  --size-container-ideal: 1440;
  /* screen-size in design - no px */
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 834;
    /* screen-size in design - no px */
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 550;
    /* screen-size in design - no px */
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390;
    /* screen-size in design - no px */
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}

/* Implementation */
body {
  font-size: var(--size-font);
}

/* Start text-reveal */
[data-split="heading"] {
  visibility: hidden;
}

.wf-design-mode [data-split="heading"],
.w-editor [data-split="heading"] {
  visibility: visible !important;
}

/* end text-reveal */

/* Start elements-reveal */
[data-reveal-group] {
  visibility: hidden;
}

.wf-design-mode [data-reveal-group],
.w-editor [data-reveal-group] {
  visibility: visible !important;
}

/* end elements-reveal */

/* Start rotating-text */

[data-rotating-words] {
  display: inline-block;
  position: relative;
}

.rotating-text__inner {
  display: inline-block;
}

.rotating-text__word {
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
}

.rotating-line {
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  white-space: nowrap;
}

.rotating-line-mask {
  overflow-x: visible !important;
  overflow-y: clip !important;
}

/* End rotating-text */

/* Start flick-cards */

[data-flick-cards-dragger] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
  touch-action: pan-y;
}

/* Position Slides (also in Webflow Designer) */
[data-flick-cards-item-status] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-card__media {
  transition: opacity 0.2s ease;
  opacity: 0.5;
}

[data-flick-cards-item-status="2-before"] .flick-card__media,
[data-flick-cards-item-status="2-after"] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) .flick-card__media {
  transition: opacity 0.2s ease;
  opacity: 0.75;
}

[data-flick-cards-item-status="active"] .flick-card__media,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__media {
  opacity: 1;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) {
  z-index: 4;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) {
  transform: translate(25%, 1%) rotate(10deg) scale(0.9, 0.9);
  z-index: 3;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(3) {
  transform: translate(45%, 5%) rotate(15deg) scale(0.8, 0.8);
  z-index: 2;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) {
  transform: translate(-25%, 1%) rotate(-10deg) scale(0.9, 0.9);
  z-index: 3;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(2) {
  transform: translate(-45%, 5%) rotate(-15deg) scale(0.8, 0.8);
  z-index: 2;
}

/* Animate Button */
[data-flick-cards-item-status] .flick-card__btn,
:is(.wf-design-mode, .w-editor) .flick-group__item .flick-card__btn {
  transition: opacity 0.4s cubic-bezier(0.625, 0.05, 0, 1), 1s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  transform: translate(0%, 50%) rotate(0.001deg);
}

[data-flick-cards-item-status="active"] .flick-card__btn,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__btn {
  opacity: 1;
  transform: translate(0%, 0%) rotate(0.001deg);
}

/* end flick-cards */

/* Start 3d-image-carousel */

.wf-design-mode .img-carousel__panel {
  position: relative;
}

.wf-design-mode .img-carousel__list {
  overflow: auto;
  justify-content: flex-start;
}

.img-carousel__panel:nth-of-type(even) {
  justify-content: center;
}

/* end 3d-image-carousel */

/* Marquee CSS Keyframe Animation */

@keyframes translateX {
  to {
    transform: translateX(-100%);
  }
}

[data-css-marquee-list] {
  animation: translateX 30s linear;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}

/* end marquee */

/* Archive */

.career2_list-wrapper {
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.career2_icon-wrapper {
  transition: transform 0.4s ease;
}

.career2_accordion.is-open .career2_icon-wrapper {
  transform: rotate(180deg);
}

/* end Archive */