b {
  font-family: var(--ldp-font-3); }

.hidden {
  display: none !important; }

.tag-text {
  display: inline-block;
  font-size: 14px;
  font-family: var(--ldp-font-3);
  color: #FF7694;
  padding: 0px 6px;
  border-radius: 8px;
  border: 1px solid #FF7694;
  height: 24px;
  line-height: 24px;
  position: relative;
  top: -2px;
  text-transform: uppercase; }
  .tag-text--1 {
    color: #F59F0A;
    border-color: #F59F0A; }
  .tag-text--2 {
    color: #2962FF;
    border-color: #2962FF; }

#page-omni .tyt-accordion .accordion--item .accordion--item--content {
  padding-right: 28px; }

@media (min-width: 992px) {
  #page-omni .rp__zone2 .bg-wrapper .block--content .row > div:first-child {
    padding-right: 12px; }
  #page-omni .rp__zone2 .bg-wrapper .block--content .row > div:last-child {
    padding-left: 12px; } }

@media (min-width: 1200px) {
  #page-omni .rp__zone2 .rp__zone2-3 .tyt-accordion.js-accordion {
    margin-top: 80px; }
    #page-omni .rp__zone2 .rp__zone2-3 .tyt-accordion.js-accordion .accordion--item--content .content--wrapper {
      padding-right: 30px; }
  #page-omni .rp__zone2 .block--title .row > div:first-child, #page-omni .rp__zone2 .block--content .row > div:first-child {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding-right: 12px; }
  #page-omni .rp__zone2 .block--title .row > div:last-child, #page-omni .rp__zone2 .block--content .row > div:last-child {
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
    max-width: 52%;
    padding-left: 12px; } }

@media (max-width: 991px) {
  #page-omni .tyt-accordion .accordion--item .accordion--item--content {
    padding-right: 0; } }

.video-box {
  position: relative;
  background-image: url(https://cdn.hstatic.net/files/1000001117/file/hr-crm-omni-video-bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 600px; }
  .video-box .video {
    /*width: 300px;height: 618px;object-fit: cover;*/
    position: relative;
    padding-top: 216.78%;
    min-height: 640px;
    width: 52%;
    margin-left: 25%;
    background-image: url(https://cdn.hstatic.net/files/1000001117/file/hr-crm-omni-video-phone.webp);
    background-size: contain;
    background-repeat: no-repeat; }
    .video-box .video video {
      max-width: 100%;
      aspect-ratio: 143 / 310;
      border-radius: 22px; }
    .video-box .video .play-pause-btn {
      position: absolute;
      bottom: 20px;
      left: 20px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #111827;
      border: none;
      outline: none;
      opacity: 1;
      z-index: 0; }
      .video-box .video .play-pause-btn:before {
        content: '';
        position: absolute;
        top: 8px;
        left: 8px;
        width: 14px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.79062 2.09314C4.63821 1.98427 4.43774 1.96972 4.27121 2.05542C4.10467 2.14112 4 2.31271 4 2.5V12.5C4 12.6873 4.10467 12.8589 4.27121 12.9446C4.43774 13.0303 4.63821 13.0157 4.79062 12.9069L11.7906 7.90687C11.922 7.81301 12 7.66148 12 7.5C12 7.33853 11.922 7.18699 11.7906 7.09314L4.79062 2.09314Z' fill='%23fff'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      .video-box .video .play-pause-btn.play:before {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49935 12.3333H8.16602V5.66663H6.49935V12.3333ZM8.99935 0.666626C4.39935 0.666626 0.666016 4.39996 0.666016 8.99996C0.666016 13.6 4.39935 17.3333 8.99935 17.3333C13.5993 17.3333 17.3327 13.6 17.3327 8.99996C17.3327 4.39996 13.5993 0.666626 8.99935 0.666626ZM8.99935 15.6666C5.32435 15.6666 2.33268 12.675 2.33268 8.99996C2.33268 5.32496 5.32435 2.33329 8.99935 2.33329C12.6743 2.33329 15.666 5.32496 15.666 8.99996C15.666 12.675 12.6743 15.6666 8.99935 15.6666ZM9.83268 12.3333H11.4993V5.66663H9.83268V12.3333Z' fill='white'/%3E%3C/svg%3E"); }
  .video-box--2 {
    /*background-image: url(https://file.hstatic.net/1000001117/file/hr-ai-z3-video-bg2.webp);*/
    background-image: url(https://file.hstatic.net/1000001117/file/hr-ai-video-2-bg.webp);
    display: flex;
    gap: 2.5%;
    padding-left: 4%;
    padding-bottom: 18%; }
    .video-box--2 .img {
      width: 40%;
      margin-top: 32%; }
    .video-box--2 .video {
      width: 57%;
      margin: 0;
      min-height: 540px;
      background-image: url(https://file.hstatic.net/1000001117/file/hr-ai-z3-video-phone-2.webp); }
      .video-box--2 .video video {
        aspect-ratio: 51 / 90; }
      .video-box--2 .video .play-pause-btn {
        bottom: 20px; }
  @media (min-width: 1366px) {
    .video-box .video {
      padding: 15px; }
      .video-box .video video {
        position: absolute;
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        height: auto;
        object-fit: cover; }
    .video-box--2 {
      margin-top: 50px; }
      .video-box--2 .video video {
        width: calc(100% - 40px); } }
  @media (max-width: 1365px) and (min-width: 992px) {
    .video-box .video {
      padding: 3%;
      margin-top: 15%; }
    .video-box:not(.video-box--2) {
      padding-bottom: 5%; }
    .video-box.video-change.ready {
      padding-bottom: 5%;
      /*&.video-box--2{
			.video{
			.play-pause-btn{bottom: 55px;}
		}
		}*/ }
      .video-box.video-change.ready .video {
        min-height: auto; }
        .video-box.video-change.ready .video .play-pause-btn {
          bottom: 20px; } }
  @media (max-width: 991px) {
    .video-box .video {
      width: 65%;
      margin-left: 18%;
      padding: 3.33%; }
      .video-box .video video {
        position: relative; }
    .video-box--2 {
      padding-top: 22%; }
      .video-box--2 .video {
        margin: 0; } }
  @media (max-width: 767px) {
    .video-box .video {
      min-height: 395px; }
      .video-box .video video {
        border-radius: 16px; }
      .video-box .video .play-pause-btn {
        bottom: 20px;
        left: 15px; }
    .video-box--2 .video {
      min-height: 280px; }
      .video-box--2 .video .play-pause-btn {
        bottom: 16px;
        left: 12px; } }