.cp-video-tabs-with-image-overlay {
  background: #111;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__visual .js-picture {
  height: 100%;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__visual-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__box-wrap {
  left: 50%;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  width: 100%;
  max-width: 1920px;
  max-width: 192rem;
  padding-inline: 140px;
  padding-inline: 14rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  gap: 140px;
  gap: 14rem;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__list {
  position: relative;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__list:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  content: '';
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn {
  font-size: inherit;
  text-align: left;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn span {
  position: relative;
  padding: 20px 0 20px 33px;
  padding: 2rem 0 2rem 3.3rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "genesis-Head-office", sans-serif;
  color: #7c7c7c;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn span:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  content: '';
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn.active span {
  color: #fff;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn.active span:before {
  opacity: 1;
  visibility: visible;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn + .cm-gallery-tab__btn {
  margin: 0;
  margin: 0;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__btn-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: inherit;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__panels {
  width: 54.2682%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  padding: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  gap: 3.2rem;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.cp-video-tabs-with-image-overlay .cm-gallery-tab__panel .cm-section-desc__text {
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 154%;
}

.cp-video-tabs-with-image-overlay__box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  gap: 4.8rem;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.cp-video-tabs-with-image-overlay__box-wrap .cm-section-title__title {
  margin-top: 0;
  font-size: 36px;
  font-size: 3.6rem;
  color: #fff;
}

.cp-video-tabs-with-image-overlay__action {
  overflow: hidden;
  border: 1px solid #737171;
  aspect-ratio: 1.78 / 1;
  contain: size;
}

.cp-video-tabs-with-image-overlay__action video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cp-video-tabs-with-image-overlay__action-video {
  display: none;
}

.cp-video-tabs-with-image-overlay__action-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 104px;
  width: 10.4rem;
  height: 104px;
  height: 10.4rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(17, 17, 17, 0.8);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.cp-video-tabs-with-image-overlay__action-video-btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 24px;
  width: 2.4rem;
  height: 24px;
  height: 2.4rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 12L5 2V22L22 12Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
}

.cp-video-tabs-with-image-overlay__action-video-btn:hover {
  background: rgba(255, 255, 255, 0.6);
}

.cp-video-tabs-with-image-overlay__action-video-btn:hover:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 12L5 2V22L22 12Z" fill="%23111111"/></svg>');
}

.cp-video-tabs-with-image-overlay__action-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}

.cp-video-tabs-with-image-overlay__action-thumb img {
  width: 100%;
  height: 100%;
}

.cp-video-tabs-with-image-overlay__disclaimer.is-pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  gap: 0.8rem;
}

.cp-video-tabs-with-image-overlay__disclaimer-icon {
  width: 24px;
  width: 2.4rem;
  height: 24px;
  height: 2.4rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 8.75C6 5.4363 8.68627 2.75 12 2.75C15.3137 2.75 18 5.4363 18 8.75" stroke="%237C7C7C" stroke-width="1.3"/><path d="M13.9998 19.75C16.2089 19.75 17.9997 17.9592 17.9997 15.75V13.75" stroke="%237C7C7C" stroke-width="1.3"/><path d="M6 8.25H4C3.44771 8.25 3 8.69775 3 9.24997V13.25C3 13.8023 3.44771 14.25 4 14.25H6V8.25Z" stroke="%237C7C7C" stroke-width="1.3"/><path d="M18 8.25H20C20.5523 8.25 21 8.69775 21 9.24997V13.25C21 13.8023 20.5523 14.25 20 14.25H18V8.25Z" stroke="%237C7C7C" stroke-width="1.3"/><path d="M12.4998 21.25C13.3282 21.25 13.9998 20.5784 13.9998 19.75C13.9998 18.9216 13.3282 18.25 12.4998 18.25C11.6713 18.25 10.9998 18.9216 10.9998 19.75C10.9998 20.5784 11.6713 21.25 12.4998 21.25Z" stroke="%237C7C7C" stroke-width="1.3"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1919px) {
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box-wrap {
    padding-inline: 120px;
    padding-inline: 12rem;
  }
}

@media (max-width: 1599px) {
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box-wrap {
    padding-inline: 100px;
    padding-inline: 10rem;
  }
}

@media (max-width: 1359px) {
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box-wrap {
    padding-inline: 76px;
    padding-inline: 7.6rem;
  }
}

@media (max-width: 1199px) {
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__btn span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__panel .cm-section-desc__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .cp-video-tabs-with-image-overlay__box-wrap .cm-section-title__title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.3;
  }
}

@media (max-width: 1023px) {
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box {
    position: relative;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box:before {
    position: absolute;
    bottom: 0;
    left: 20px;
    left: 2rem;
    right: 20px;
    right: 2rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    content: '';
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__box-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    gap: 4rem;
    -webkit-transform: translate(0, -webkit-calc(-50% - 2rem));
    -ms-transform: translate(0, calc(-50% - 2rem));
    transform: translate(0, calc(-50% - 2rem));
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__list {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__btn {
    position: static;
    font-size: 0;
    font-size: 0;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__btn span {
    padding: 0 12px;
    padding: 0 1.2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px;
    line-height: 4rem;
    font-family: "genesis-text-office", sans-serif;
    letter-spacing: -0.01em;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__btn span:before {
    top: auto;
    width: 100%;
    height: 1px;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__btn-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__panels {
    width: 100%;
    padding-inline: 20px;
    padding-inline: 2rem;
  }
  .cp-video-tabs-with-image-overlay .cm-gallery-tab__panel {
    gap: 40px;
    gap: 4rem;
  }
  .cp-video-tabs-with-image-overlay__box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    gap: 4rem;
    -webkit-box-ordinal-group: NaN;
    -webkit-order: inherit;
    -ms-flex-order: inherit;
    order: inherit;
  }
  .cp-video-tabs-with-image-overlay__box-wrap .cm-section-title__title {
    padding-inline: 20px;
    padding-inline: 2rem;
  }
  .cp-video-tabs-with-image-overlay__action-video {
    gap: 40px;
    gap: 4rem;
  }
  .cp-video-tabs-with-image-overlay__action-video-btn {
    width: 54px;
    width: 5.4rem;
    height: 54px;
    height: 5.4rem;
  }
  .cp-video-tabs-with-image-overlay__action-video-btn:before {
    width: 16px;
    width: 1.6rem;
    height: 16px;
    height: 1.6rem;
  }
  .cp-video-tabs-with-image-overlay__disclaimer.is-mo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    gap: 0.8rem;
    text-align: center;
  }
  .cp-video-tabs-with-image-overlay__disclaimer.is-pc {
    display: none;
  }
  .cp-video-tabs-with-image-overlay__disclaimer-icon {
    width: 20px;
    width: 2rem;
    height: 20px;
    height: 2rem;
  }
}