/*----------------- CREW POPUP-------------*/

.vce-popup-root-container {
  height: 100vh !important;
  overflow-x: hidden;
}

.popup-crew {
  height: 100vw;
  background: var(--gradient-colorful);
}

.popup-crew .vce-popup-root-inner .popup-crew-inner-row {
  max-width: 86.67%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.popup-crew .vce-popup-root-wrapper .vce-popup-root {
  padding: 0 !important;
  background-color: var(--color-1) !important;
}

.vce-row.row-crew > .popup-crew-inner-row {
  width: 100%;
}

.popup-crew .popup-crew-inner-row .vce-single-image-container {
  border-radius: var(--border-radius);
  overflow: hidden;
  height: 700px;
}

.popup-crew .popup-crew-inner-row .vce-single-image-container,
.popup-crew .popup-crew-inner-row .vce-single-image-wrapper,
.popup-crew .popup-crew-inner-row .vce-single-image-figure-inner,
.popup-crew .popup-crew-inner-row .vce-single-image-inner {
  height: 700px;
  max-width: 500px;
}

.popup-crew .popup-crew-inner-row > .vce-row-content {
  display: flex;
  gap: var(--gap-xl);
  padding-top: calc(var(--gap-xl) * 1);
}

@media (max-width: 1200px) and (min-width: 1030px) {
  .popup-crew .popup-crew-inner-row > .vce-row-content {
    height: 90vh;
  }
}

.popup-crew .vce-text-block.add-padding {
  margin-bottom: calc(var(--gap-l) - var(--gap-m));
}

.popup-crew .vce-text-block.on-board {
  margin-top: calc(var(--gap-l) - var(--gap-m));
}

.popup-crew .vce-text-block.on-board strong {
  font-weight: 600;
}
/*
.popup-crew .vce-popup-root-inner>.vce-row-container>.vce-row {
    padding: 30px 0;
    background-color: var(--color-1) !important;
    height: auto !important;
    min-height: 100% !important;
}*/

.popup-crew.vce-popup-root-container .vce-popup-root-close-button span:before,
.popup-crew.vce-popup-root-container .vce-popup-root-close-button span:after {
  background-color: #fff;
}

.popup-crew * {
  color: #fff;
}

.popup-crew .vce-popup-root-inner > .vce-row-container,
.popup-crew .vce-popup-root-inner > .vce-row-container > .vce-row,
.popup-crew
  .vce-popup-root-inner
  > .vce-row-container
  > .vce-row
  > .vce-row-content,
.popup-crew
  .vce-popup-root-inner
  > .vce-row-container
  > .vce-row
  > .vce-row-content
  > .vce-col,
.popup-crew
  .vce-popup-root-inner
  > .vce-row-container
  > .vce-row
  > .vce-row-content
  > .vce-col
  > .vce-col-inner {
  height: 100%;
  max-width: unset;
}

.popup-crew
  .vce-popup-root-inner
  > .vce-row-container
  > .vce-row
  > .vce-row-content
  > .vce-col
  > .vce-col-inner
  > .vce-col-content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.popup-crew
  .vce-popup-root-inner
  > .vce-row-container
  > .vce-row
  > .vce-row-content
  > .vce-col
  > .vce-col-inner
  > .vce-col-content
  > .vce-row-container {
  flex: 1 1 100%;
}

.popup-crew-inner-row > .vce-row-content > .vce-col:first-child {
  flex: 0 0 36.7% !important;
}

.popup-crew-inner-row .vce-single-image-container.btn-crew {
  position: absolute;
  bottom: 0;
  max-width: 230px;
  right: 0;
  transform: translateX(55%) translateY(19%);
}

.popup-crew h6 {
  margin-bottom: 1em;
  font-size: 3.52rem;
  text-transform: unset;
  letter-spacing: 0.15rem;
}

.popup-crew h6 strong {
  font-weight: 400;
  color: var(--color-3);
}

.popup-crew .vce-text-block.marquee-block {
  display: flex;
  bottom: 5vw;
  position: absolute;
  z-index: 99999;
  width: 100vw;
}

.vce-text-block.marquee-block * {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vce-text-block.marquee-block ul {
  display: flex;
  gap: 3.6em;
  overflow-x: hidden;
  padding-right: 3.6em;
}

.marquee-block li {
  font-size: var(--h3-font-size) !important;
  font-weight: 500;
  color: var(--color-anthrazit);
  line-height: 1.32;
  white-space: nowrap;
  margin-right: 100px !important;
}

.popup-crew .popup-crew-inner-row .vce-single-image-container,
.popup-crew .popup-crew-inner-row .vce-single-image-wrapper,
.popup-crew .popup-crew-inner-row .vce-single-image-figure-inner,
.popup-crew .popup-crew-inner-row .vce-single-image-inner {
  height: 700px;
  max-width: 500px;
}

@media (max-width: 1500px) {
  .popup-crew .popup-crew-inner-row .vce-single-image-container,
  .popup-crew .popup-crew-inner-row .vce-single-image-wrapper,
  .popup-crew .popup-crew-inner-row .vce-single-image-figure-inner,
  .popup-crew .popup-crew-inner-row .vce-single-image-inner,
  .popup-crew .popup-crew-inner-row .vce-single-image-inner img {
    height: unset;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .popup-crew .popup-crew-inner-row > .vce-row-content {
    flex-direction: column;
    padding-top: 0 !important;
  }

  .popup-crew .popup-crew-inner-row .vce-single-image-container,
  .popup-crew .popup-crew-inner-row .vce-single-image-wrapper,
  .popup-crew .popup-crew-inner-row .vce-single-image-figure-inner,
  .popup-crew .popup-crew-inner-row .vce-single-image-inner,
  .popup-crew .popup-crew-inner-row .vce-single-image-inner img {
    height: 300px;
    max-width: 300px;
  }

  .popup-crew .vce-single-image-inner {
    padding-bottom: 0;
  }

  .popup-crew-inner-row > .vce-row-content > .vce-col:first-child {
    padding-top: 8vw;
  }
  .popup-crew .popup-crew-inner-row > .vce-row-content {
    gap: calc(var(--gap-xl) * 0.7);
  }

  .popup-crew
    .vce-row-container
    > .vce-row
    > .vce-row-content
    > .vce-col:last-child
    > .vce-col-inner {
    margin-bottom: var(--gap-xl) !important;
  }
  .popup-crew .vce-text-block.marquee-block {
    bottom: -3%;
    margin-top: 0;
  }

  .vce-popup-root-close-button-small .vce-icon-button-icon-wrapper {
    width: 25px !important;
    height: 25px !important;
    margin: 20px 15px 0 0;
  }
}

@media (max-width: 768px) {
  .marquee-block li {
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-height: 850px) {
  .popup-crew .vce-text-block.on-board {
    margin-top: 0;
  }
  .popup-crew .vce-text-block.add-padding {
    margin-bottom: 0;
  }
  .popup-crew .popup-crew-inner-row > .vce-row-content {
    gap: var(--gap-l);
    padding-top: var(--gap-l);
  }
  .popup-crew
    .popup-crew-inner-row
    .vce-row-content
    > .vce-col:first-child
    .vce-single-image-container {
    max-height: 400px !important;
  }
}

@media (min-width: 768px) and (max-height: 650px) {
  .popup-crew
    .popup-crew-inner-row
    .vce-row-content
    > .vce-col:last-child
    .vce-col-content {
    gap: var(--gap-s);
  }

  .popup-crew .popup-crew-inner-row > .vce-row-content {
    gap: var(--gap-l);
    padding-top: var(--gap-ls);
  }
}

@media (min-width: 768px) and (max-height: 590px) {
  .popup-crew .marquee-block {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-height: 980px) {
  .popup-crew
    .popup-crew-inner-row
    .vce-row-content
    > .vce-col:first-child
    .vce-single-image-container {
    max-height: 600px;
  }
  .popup-crew .popup-crew-inner-row > .vce-row-content {
    gap: var(--gap-l);
    padding-top: calc(var(--gap-l) * 1.4);
  }

  .popup-crew .vce-text-block.marquee-block {
    bottom: 2vw;
  }
}