@font-face {
  font-family: 'UTM Bebas';
  src: url("https://file.hstatic.net/1000001117/file/utm_bebas_e01444cb7e884d8698fe3e11e8c83ce7.ttf") format("truetype"); }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* 1.2 - HTML5 Elements */
article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: var(--ldp-font-1);
  font-size: 16px;
  color: #111827;
  line-height: 1.3;
  overflow-x: hidden;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

a,
a:hover {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

a:hover {
  text-decoration: none; }

img,
svg {
  max-width: 100%; }

ol,
ul {
  margin: 0; }

p {
  margin: 0 0 10px; }

.hidden {
  display: none !important; }

/*============ 0. svg & css3 ==============*/
@keyframes downscroll {
  0% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(5px); } }

@keyframes right-chevron {
  0% {
    opacity: 0.6;
    transform: translateX(-30px); }
  100% {
    opacity: 1;
    transform: translateX(-10px); } }

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

@keyframes scroll {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-50%); } }

@keyframes scroll-reverse {
  0% {
    transform: translateY(-50%); }
  100% {
    transform: translateY(0); } }

@keyframes scroll-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

@keyframes theme-marquee {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }

@keyframes theme-marquee2 {
  from {
    transform: translateX(-50%); }
  to {
    transform: translateX(0); } }

/*======== GENERAL ========= */
.owl-carousel .owl-item img {
  width: auto !important; }

/*
   .os-animation,.staggered-animation{opacity: 0;}
   .os-animation.animated,.staggered-animation.animated{ opacity: 1;}
   @media(max-width:991px){
   .os-animation,.staggered-animation{opacity: 1;animation-name:none!important}
   .os-animation.animated,.staggered-animation.animated{ opacity: 1;animation-name:none!important}
   }
*/
/*======== MAIN LDP ========= */
@media (min-width: 1366px) {
  .container {
    max-width: 1280px; } }

@media (min-width: 1600px) {
  .container-fluid {
    max-width: 1800px; } }

@media (min-width: 992px) {
  .template-ldp .mainFooter-hrv-new {
    background: #fff;
    border: none; } }

[class^="section-hrv-"] {
  padding: 80px 0 125px; }

/*@media (max-width:991px) { [class^="section-hrv-"]{overflow-x: hidden;} }*/
@media (max-width: 767px) {
  [class^="section-hrv-"] {
    padding: 40px 0 60px; } }

/*Test chat mess*/
.fb_dialog_content iframe {
  bottom: 90px !important;
  right: -5px !important; }

.fb_dialog.fb_dialog_mobile img {
  bottom: 90px !important;
  right: 7px !important; }

/*End Test chat mess*/
/*============Header============*/
.navItem-language,
.widget-language:not(.language-new),
.language_mobile > div {
  display: none; }

@media (max-width: 991px) {
  .header-topbar {
    padding: 6px 0; } }

.mainHeader-hrv-new .mainmenu-hrv__left .menu-item .menu-link:before {
  top: 18px; }

/*============END Header============*/
.lds-spinner {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  right: 0;
  margin: auto;
  top: 38%;
  transform: translateY(-50%); }

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff; }

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s; }

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s; }

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s; }

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s; }

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s; }

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s; }

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s; }

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s; }

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s; }

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s; }

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s; }

@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.lazyload-image img.lazyloaded + .lds-spinner {
  display: none; }

.lazyload-image img + .lds-spinner div:after {
  background: #ccc; }

.btn-action.btn-section {
  margin-top: 60px; }

@media (max-width: 767px) {
  .btn-action.btn-section {
    margin-top: 24px; } }

.btn-icon {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-family: var(--ldp-font-3);
  padding: 8px 28px 8px 8px;
  background: #2463EB;
  color: #fff;
  border-radius: 64px; }
  .btn-icon:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 64px;
    transition: width 0.5s; }
  .btn-icon .icon {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-right: 16px; }
    .btn-icon .icon svg {
      transition: all 0.5s; }
  .btn-icon .title,
  .btn-icon .text {
    position: relative;
    transition: all 0.5s; }
  .btn-icon:hover:before {
    width: calc(100% - 16px);
    height: calc(100% - 16px); }
  .btn-icon:hover .icon svg {
    transform: rotate(45deg);
    margin-left: 15px; }
  .btn-icon--white {
    /*font-size: 24px;padding: 8px 28px 8px 8px;*/
    background: #fff;
    color: #111827; }
    .btn-icon--white:before {
      background: #2463EB;
      /*top: 8px;left: 8px;width: 64px;height: 64px;*/ }
    .btn-icon--white .icon {
      /*width: 64px;height: 64px;line-height: 64px;margin-right: 14px;*/ }
      .btn-icon--white .icon svg {
        /*width: 30px;height: 30px;*/ }
        .btn-icon--white .icon svg path {
          fill: #fff; }
    .btn-icon--white:hover {
      /*&:before{width: calc(100% - 16px);height: calc(100% - 16px);}*/ }
      .btn-icon--white:hover .title,
      .btn-icon--white:hover .text {
        color: #fff; }
  .btn-icon--white-2 {
    background: none;
    border: 1px solid #fff; }
  @media (max-width: 767px) {
    .btn-icon {
      font-size: 16px;
      padding: 4px 16px 4px 4px; }
      .btn-icon:before {
        top: 4px;
        left: 4px;
        width: 40px;
        height: 40px; }
      .btn-icon .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 8px; }
        .btn-icon .icon svg {
          width: 18px;
          height: 18px; }
      .btn-icon:hover:before {
        width: calc(100% - 8px);
        height: calc(100% - 8px); } }

.heading-title {
  margin-bottom: 64px; }
  .heading-title .subtitle {
    font-size: 24px;
    margin-bottom: 16px; }
  .heading-title .title {
    font-size: 48px;
    font-family: var(--ldp-font-3);
    margin-bottom: 16px; }
  .heading-title .desc {
    font-size: 24px;
    margin: 0;
    line-height: 150%; }
  @media (max-width: 767px) {
    .heading-title {
      margin-bottom: 30px; }
      .heading-title .subtitle {
        font-size: 14px; }
      .heading-title .title {
        font-size: 24px;
        margin-bottom: 8px; }
      .heading-title .desc {
        font-size: 16px; } }

.cl-white {
  color: #fff !important; }

.section-hrv-overview {
  padding-bottom: 80px;
  background-image: url("https://cdn.hstatic.net/files/1000001117/file/hr-omni-z1-bg.webp");
  background-size: cover;
  background-position: center; }
  @media (max-width: 991px) {
    .section-hrv-overview {
      overflow-x: hidden; } }
  @media (max-width: 767px) {
    .section-hrv-overview {
      padding: 24px 0 40px; } }

.overview-main-summary {
  /*background-image: url('https://cdn.hstatic.net/files/1000001117/file/hr-omni-z1-bg.webp');
  background-size: cover;
  background-position: center;*/
  /*border-radius: 48px 48px 0 0;*/ }
  .overview-main-summary h1 {
    font-size: 56px;
    font-family: var(--ldp-font-3); }
  .overview-main-summary .subtitle {
    font-size: 24px;
    margin-bottom: 16px;
    text-align: center; }
  .overview-main-summary .btn-action {
    margin: 40px 0 60px; }
  .overview-main-summary .summary-tab {
    background: linear-gradient(0deg, white 0%, white 100%), rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 12px rgba(0, 73, 156, 0.12);
    border-radius: 48px;
    padding: 24px;
    margin-bottom: 60px; }
    .overview-main-summary .summary-tab > div {
      flex: 0 0 100%; }
    .overview-main-summary .summary-tab .tab-title {
      display: flex;
      gap: 10px;
      margin-bottom: 20px; }
      .overview-main-summary .summary-tab .tab-title > div {
        flex: 0 0 auto;
        width: calc(100% / 5 - 8px); }
      .overview-main-summary .summary-tab .tab-title .title-item {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 20px 10px;
        border-radius: 24px;
        border: 1px #E5E7EB solid;
        transition: all 0.3s;
        cursor: pointer; }
        .overview-main-summary .summary-tab .tab-title .title-item .item-icon img {
          max-width: 48px; }
        .overview-main-summary .summary-tab .tab-title .title-item .item-title {
          font-size: 20px;
          font-family: var(--ldp-font-3); }
        .overview-main-summary .summary-tab .tab-title .title-item.open, .overview-main-summary .summary-tab .tab-title .title-item:hover {
          background: #EBF4FF;
          box-shadow: 0 4px 4px rgba(1, 19, 99, 0.05);
          border-color: #9DD0FF; }
  .overview-main-summary .summary-desc {
    font-size: 24px;
    font-family: var(--ldp-font-2); }
  .overview-main-summary .summary-logo {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px; }
    .overview-main-summary .summary-logo .logo-item img {
      transition: all 0.5s;
      filter: grayscale(1);
      opacity: 0.8; }
    .overview-main-summary .summary-logo .logo-item:hover img {
      filter: grayscale(0);
      opacity: 1; }
  @media (max-width: 991px) {
    .overview-main-summary h1 {
      font-size: 32px; }
    .overview-main-summary .summary-tab {
      flex-flow: column-reverse; }
      .overview-main-summary .summary-tab .tab-title {
        flex-flow: column;
        gap: 6px;
        margin: 10px 0 0; }
        .overview-main-summary .summary-tab .tab-title > div {
          width: 100%; }
    .overview-main-summary .summary-logo {
      margin-top: 24px;
      pointer-events: none;
      touch-action: none;
      transition: all 0.3s; }
      .overview-main-summary .summary-logo .logo-item img {
        max-width: 80px;
        max-height: 30px; }
      .overview-main-summary .summary-logo:not(.slick-initialized) {
        display: flex;
        align-items: center;
        overflow: hidden;
        /*opacity: 0;*/
        gap: 30px; }
        .overview-main-summary .summary-logo:not(.slick-initialized) .logo-item {
          flex: 0 0 auto; }
      .overview-main-summary .summary-logo .slick-track {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-left: 0; }
    .overview-main-summary .summary-desc {
      margin-top: 20px; } }
  @media (max-width: 767px) {
    .overview-main-summary {
      /*border-radius: 24px 24px 0 0;*/ }
      .overview-main-summary .subtitle {
        font-size: 16px; }
      .overview-main-summary .btn-action {
        margin: 24px 0 32px; }
      .overview-main-summary .summary-desc {
        font-size: 14px; }
      .overview-main-summary .summary-logo {
        margin-top: 16px; }
      .overview-main-summary .summary-tab {
        margin: 0;
        border-radius: 24px;
        padding: 10px; }
        .overview-main-summary .summary-tab .tab-title .title-item {
          padding: 10px;
          border-radius: 20px; }
          .overview-main-summary .summary-tab .tab-title .title-item .item-title {
            font-size: 16px; }
        .overview-main-summary .summary-tab .tab-img .lazyload-image .lazyload-image__placeholder.aspect-ratio {
          padding-bottom: calc((var(--height-img-mb) / var(--width-img-mb)) * 100%); } }

.bd-top {
  position: relative;
  border-radius: 48px 48px 0 0;
  margin-top: -48px; }
  @media (max-width: 767px) {
    .bd-top {
      border-radius: 24px 24px 0 0;
      margin-top: -20px; } }

.video-box {
  position: relative; }
  .video-box video {
    max-width: 100%;
    width: 100%;
    border-radius: 24px; }
    .video-box video.no-video ~ .play-pause-btn {
      display: none; }
  .video-box .play-pause-btn {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #111827;
    border: none;
    outline: none;
    opacity: 1;
    z-index: 0; }
    .video-box .play-pause-btn:before {
      content: '';
      position: absolute;
      top: 12px;
      left: 12px;
      width: 24px;
      height: 24px;
      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 .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"); }
  @media (max-width: 991px) {
    .video-box video.no-video-mb ~ .play-pause-btn {
      display: none; } }
  @media (max-width: 767px) {
    .video-box {
      display: flex; }
      .video-box video {
        border-radius: 12px; }
      .video-box .play-pause-btn {
        width: 40px;
        height: 40px; }
        .video-box .play-pause-btn:before {
          top: 10px;
          left: 10px;
          width: 20px;
          height: 20px; } }

.content-box .img img {
  border-radius: 24px; }

.content-box .detail {
  margin-top: 24px; }
  .content-box .detail .title {
    font-size: 24px;
    font-family: var(--ldp-font-3);
    margin-bottom: 8px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 8px; }
    .content-box .detail .title .text-tag {
      color: #FF7694;
      font-size: 14px;
      font-family: var(--ldp-font-3);
      line-height: 20px;
      border: 1px solid #FF7694;
      border-radius: 8px;
      padding: 2px 6px 0;
      text-transform: uppercase; }
    .content-box .detail .title .coming-soon {
      color: #fff;
      border: 1px solid #fff; }
    .content-box .detail .title.has-tag {
      display: inline-block; }
      .content-box .detail .title.has-tag .text-tag {
        /*
   color: #A855F7;
   border-color: #A855F7;
*/
        text-transform: uppercase;
        padding: 2px 6px 0;
        display: inline-block; }
  .content-box .detail .desc {
    margin: 0;
    font-size: 18px;
    line-height: 150%; }
  .content-box .detail .btn-more {
    margin-top: 8px; }
    .content-box .detail .btn-more .btn-link {
      font-size: 18px;
      font-family: var(--ldp-font-3);
      color: #111827;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none; }
      .content-box .detail .btn-more .btn-link .icon {
        transition: all 0.3s; }
        .content-box .detail .btn-more .btn-link .icon svg {
          fill: currentcolor; }
      .content-box .detail .btn-more .btn-link:hover .icon {
        margin-left: 4px; }
        .content-box .detail .btn-more .btn-link:hover .icon svg {
          fill: #2463EB; }

.content-box .lds-spinner {
  position: absolute;
  overflow: hidden;
  background-color: #DDDBDD;
  transition: all 0.3s;
  top: 0;
  transform: none;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  transition: all 0.3s; }
  .content-box .lds-spinner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
    animation: shimmer 3s infinite; }
  .content-box .lds-spinner div {
    display: none; }

.content-box .lazyload-image img.lazyloaded + .lds-spinner {
  opacity: 0;
  visibility: hidden; }

@media (max-width: 991px) {
  .content-box .detail {
    padding: 16px; }
    .content-box .detail .title {
      font-size: 20px; }
      .content-box .detail .title .text-tag {
        font-size: 12px; }
    .content-box .detail .desc {
      font-size: 16px;
      margin-top: 8px; } }

@media (max-width: 767px) {
  .content-box .detail .btn-more .btn-link {
    font-size: 16px; } }

.section-hrv-col {
  padding: 80px 0 125px;
  background: #1D4FD7;
  overflow: hidden; }
  .section-hrv-col:before {
    background: #fff; }
  .section-hrv-col .list-col {
    gap: 40px 24px; }
    .section-hrv-col .list-col .content-box {
      -ms-flex: 0 0 calc(50% - 12px);
      flex: 0 0 calc(50% - 12px);
      max-width: calc(50% - 12px);
      color: #fff;
      /*
   .title{color: #fff;}
   .desc{color: rgba(255,255,255,0.7);}
*/ }
      .section-hrv-col .list-col .content-box .desc .note {
        font-size: 14px;
        margin-top: 20px; }
      .section-hrv-col .list-col .content-box .detail .title.has-tag .text-tag {
        color: #fff;
        border-color: #fff; }
  @media (max-width: 991px) {
    .section-hrv-col {
      overflow-x: hidden; }
      .section-hrv-col .list-col .content-box .detail {
        padding: 0; } }
  @media (max-width: 767px) {
    .section-hrv-col {
      padding: 40px 0 65px; }
      .section-hrv-col .list-col {
        gap: 32px 0;
        margin: 0; }
        .section-hrv-col .list-col .content-box {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }

.section-hrv-theme {
  background: linear-gradient(0deg, #2463EB 0%, #2463EB 100%), #2580F3;
  overflow: hidden; }
  .section-hrv-theme .heading-title {
    margin-bottom: 60px; }
  .section-hrv-theme .container-fluid {
    padding: 0; }
  .section-hrv-theme .list-theme {
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
    .section-hrv-theme .list-theme .theme-slide {
      display: inline-flex;
      gap: 20px;
      animation: theme-marquee 40s linear infinite; }
      .section-hrv-theme .list-theme .theme-slide--2 {
        margin-top: 20px;
        animation: theme-marquee2 40s linear infinite; }
      .section-hrv-theme .list-theme .theme-slide .theme-item {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        position: relative; }
        .section-hrv-theme .list-theme .theme-slide .theme-item a {
          display: block;
          width: 100%; }
        .section-hrv-theme .list-theme .theme-slide .theme-item--1 {
          width: 305px; }
        .section-hrv-theme .list-theme .theme-slide .theme-item--2 {
          width: 197px; }
        .section-hrv-theme .list-theme .theme-slide .theme-item .item-title {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 0 0 24px 24px;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto;
          min-height: 52px;
          padding: 0 10px;
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          color: #000;
          font-family: var(--ldp-font-3);
          text-align: center; }
  .section-hrv-theme .btn-more {
    margin-top: 60px; }
  .section-hrv-theme .btn-theme {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    font-family: var(--ldp-font-3);
    padding: 8px 28px 8px 8px;
    border-radius: 60px;
    background: #fff; }
    .section-hrv-theme .btn-theme .btn--1 {
      background: #2463EB;
      color: #fff;
      padding: 18px 24px;
      border-radius: 60px;
      outline: none;
      border: none; }
    .section-hrv-theme .btn-theme .btn--2 {
      color: #111827; }
      .section-hrv-theme .btn-theme .btn--2 span {
        color: #2463EB; }
  @media (min-width: 992px) {
    .section-hrv-theme .list-theme .theme-slide:hover {
      animation-play-state: paused; } }
  @media (max-width: 767px) {
    .section-hrv-theme .heading-title {
      margin-bottom: 30px; }
    .section-hrv-theme .list-theme .theme-slide {
      gap: 8px;
      animation: theme-marquee 45s linear infinite; }
      .section-hrv-theme .list-theme .theme-slide--2 {
        margin-top: 8px;
        animation: theme-marquee2 45s linear infinite; }
      .section-hrv-theme .list-theme .theme-slide .theme-item--1 {
        width: 245px; }
      .section-hrv-theme .list-theme .theme-slide .theme-item--2 {
        width: 158px; }
      .section-hrv-theme .list-theme .theme-slide .theme-item .item-title {
        border-radius: 0 0 20px 20px; }
    .section-hrv-theme .btn-more {
      padding: 0 15px;
      margin-top: 30px; }
    .section-hrv-theme .btn-theme {
      padding: 8px;
      font-size: 14px;
      flex-flow: wrap;
      justify-content: center;
      gap: 12px; }
      .section-hrv-theme .btn-theme .btn--1 {
        padding: 10px 15px; } }

.section-hrv-col-tab {
  background: #fff;
  overflow: hidden; }
  .section-hrv-col-tab .row {
    background: #E2F6FF;
    border-radius: 48px;
    padding: 24px; }
    .section-hrv-col-tab .row > div {
      flex: 0 0 auto; }
    .section-hrv-col-tab .row .col-content {
      width: 28.5%; }
    .section-hrv-col-tab .row .col-image {
      width: 71.5%;
      padding-left: 20px; }
  .section-hrv-col-tab .banner-mb,
  .section-hrv-col-tab .title-mb {
    display: none; }
  .section-hrv-col-tab .image img {
    border-radius: 24px; }
  .section-hrv-col-tab .accordion--item {
    background: #fff;
    border-radius: 24px;
    box-shadow: 4px 4px 14.7px rgba(36, 99, 235, 0.1), 0 4px 4px rgba(1, 19, 99, 0.05);
    border: 1px #9DD0FF solid; }
    .section-hrv-col-tab .accordion--item .coming-soon {
      font-size: 14px;
      font-family: var(--ldp-font-3);
      color: #CF94FF;
      padding: 0 6px;
      height: 24px;
      line-height: 24px;
      border: 1px solid;
      border-radius: 8px;
      display: inline-block;
      text-transform: uppercase; }
    .section-hrv-col-tab .accordion--item .icon-svg {
      flex: 0 0 var(--icon-width);
      width: var(--icon-width);
      height: var(--icon-height);
      color: #008CFF;
      transition: all 0.3s; }
    .section-hrv-col-tab .accordion--item--title {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      font-size: 20px;
      font-family: var(--ldp-font-3);
      margin-bottom: 0;
      padding: 24px 22px; }
      .section-hrv-col-tab .accordion--item--title .icon img {
        max-width: 30px;
        transition: all 0.3s; }
    .section-hrv-col-tab .accordion--item--heading {
      position: relative;
      z-index: 2;
      padding: 24px 24px 0;
      cursor: pointer; }
    .section-hrv-col-tab .accordion--item--content {
      display: none;
      margin-top: 8px;
      line-height: 1.6;
      position: relative; }
      .section-hrv-col-tab .accordion--item--content .note {
        font-size: 14px;
        font-family: var(--ldp-font-2); }
      .section-hrv-col-tab .accordion--item--content .desc {
        padding: 0 22px 24px;
        opacity: 0;
        transition: all 0.3s; }
        .section-hrv-col-tab .accordion--item--content .desc .note {
          color: #F8509D; }
        .section-hrv-col-tab .accordion--item--content .desc .coming-soon {
          margin: 0; }
    .section-hrv-col-tab .accordion--item:not(:last-child) {
      margin-bottom: 8px; }
    .section-hrv-col-tab .accordion--item:not(.open) {
      cursor: pointer; }
    .section-hrv-col-tab .accordion--item.open .accordion--item--title {
      padding-bottom: 0; }
      .section-hrv-col-tab .accordion--item.open .accordion--item--title .icon img {
        transform: rotate(180deg); }
    .section-hrv-col-tab .accordion--item.open .accordion--item--content .desc {
      opacity: 1; }
  .section-hrv-col-tab .video-box.video-box-bg {
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    padding-top: 60px;
    border-radius: 24px;
    height: 100%; }
    .section-hrv-col-tab .video-box.video-box-bg .video {
      position: relative;
      max-width: 28%;
      margin: 0 auto;
      padding: 10px;
      height: calc(100% - 55px); }
      .section-hrv-col-tab .video-box.video-box-bg .video:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("https://cdn.hstatic.net/files/1000001117/file/hr-omni-z2-phone.webp");
        background-size: contain;
        background-repeat: no-repeat; }
      .section-hrv-col-tab .video-box.video-box-bg .video video {
        border-radius: 25px;
        height: 100%; }
      .section-hrv-col-tab .video-box.video-box-bg .video .play-pause-btn {
        bottom: 20px;
        left: 20px;
        width: 36px;
        height: 36px; }
        .section-hrv-col-tab .video-box.video-box-bg .video .play-pause-btn:before {
          top: 10px;
          left: 10px;
          width: 16px;
          height: 16px; }
  .section-hrv-col-tab .video-box.btn-none .video {
    display: inline-flex; }
  @media (min-width: 1366px) {
    .section-hrv-col-tab .col-content {
      padding-right: 0; } }
  @media (max-width: 991px) {
    .section-hrv-col-tab .row .col-content {
      width: 100%; }
    .section-hrv-col-tab .col-image {
      display: none; }
    .section-hrv-col-tab .banner-mb {
      display: block; }
    .section-hrv-col-tab .accordion--item {
      height: 100%;
      border-color: #b4c3cb; }
      .section-hrv-col-tab .accordion--item--content {
        margin-top: 0; }
        .section-hrv-col-tab .accordion--item--content .desc {
          margin: 15px 0 0; }
      .section-hrv-col-tab .accordion--item.open:before {
        z-index: -1; }
      .section-hrv-col-tab .accordion--item .coming-soon {
        font-size: 12px;
        margin: 0; }
    .section-hrv-col-tab .video-box.video-box-bg .video {
      max-width: 35%; } }
  @media (max-width: 767px) {
    .section-hrv-col-tab .row {
      margin: 0;
      border-radius: 24px;
      padding: 10px; }
    .section-hrv-col-tab .accordion--item {
      border-radius: 12px; }
      .section-hrv-col-tab .accordion--item--title {
        padding: 15px;
        font-size: 16px;
        gap: 10px; }
        .section-hrv-col-tab .accordion--item--title .icon img {
          max-width: 25px; }
      .section-hrv-col-tab .accordion--item--heading {
        padding: 16px 16px 0; }
      .section-hrv-col-tab .accordion--item--content {
        font-size: 14px;
        margin-top: 0; }
        .section-hrv-col-tab .accordion--item--content .desc {
          padding: 0 15px 15px; }
    .section-hrv-col-tab .video-box.video-box-bg {
      padding-top: 30px; }
      .section-hrv-col-tab .video-box.video-box-bg .video {
        max-width: 55%;
        padding: 6px; }
    .section-hrv-col-tab .video-box.btn-none video {
      border-radius: 12px; } }

.section-hrv-slide {
  background: #F2F3F4; }
  .section-hrv-slide .list-group {
    display: block;
    padding: 30px 24px 24px;
    border-radius: 48px; }
    .section-hrv-slide .list-group--1 {
      background: #B6E9FF; }
    .section-hrv-slide .list-group--2 {
      background: #BCBDF3; }
    .section-hrv-slide .list-group--3 {
      background: #FBC1F0; }
    .section-hrv-slide .list-group--4 {
      background: #B7EFE4; }
    .section-hrv-slide .list-group--5 {
      background: #E2F49F; }
  .section-hrv-slide .list-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px; }
    .section-hrv-slide .list-title .num {
      flex: 0 0 auto;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-family: var(--ldp-font-4);
      color: #fff;
      background: #111827;
      border-radius: 50%; }
    .section-hrv-slide .list-title .title {
      font-size: 32px;
      font-family: var(--ldp-font-3); }
  .section-hrv-slide .list-content {
    display: flex;
    gap: 24px; }
    .section-hrv-slide .list-content > div {
      flex: 0 0 auto;
      width: calc(50% - 12px); }
    .section-hrv-slide .list-content .content-box {
      background: #fff;
      border-radius: 24px; }
      .section-hrv-slide .list-content .content-box .detail {
        margin: 0;
        padding: 24px; }
        .section-hrv-slide .list-content .content-box .detail .desc {
          font-size: 16px; }
      .section-hrv-slide .list-content .content-box .lds-spinner {
        border-radius: 24px 24px 0 0; }
    .section-hrv-slide .list-content.slick-initialized .slick-arrow {
      position: absolute;
      bottom: 0;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      border: 1px solid #111827;
      outline: none;
      border-radius: 50%;
      padding: 10px;
      z-index: 2; }
      .section-hrv-slide .list-content.slick-initialized .slick-arrow img {
        width: 20px;
        height: 20px; }
      .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-prev {
        right: 68px; }
        .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-prev img {
          transform: rotate(180deg); }
      .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-next {
        right: 20px; }
      .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-disabled {
        opacity: 0.5;
        cursor: no-drop; }
    .section-hrv-slide .list-content.slick-initialized .slick-dots {
      display: flex;
      justify-content: start;
      gap: 8px;
      font-size: 0;
      position: absolute;
      bottom: 20px; }
      .section-hrv-slide .list-content.slick-initialized .slick-dots button {
        border: none;
        outline: none;
        width: 6px;
        height: 6px;
        border-radius: 10px;
        background: rgba(17, 24, 39, 0.5);
        transition: all 0.3s; }
      .section-hrv-slide .list-content.slick-initialized .slick-dots .slick-active button {
        background: #111827;
        width: 40px; }
  .section-hrv-slide .slide-list.slick-initialized .slick-arrow {
    position: absolute;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(5, 43, 100, 0.2);
    padding: 10px;
    z-index: 2; }
    .section-hrv-slide .slide-list.slick-initialized .slick-arrow img {
      width: 24px;
      height: 24px; }
    .section-hrv-slide .slide-list.slick-initialized .slick-arrow.slick-prev {
      left: -24px; }
      .section-hrv-slide .slide-list.slick-initialized .slick-arrow.slick-prev img {
        transform: rotate(180deg); }
    .section-hrv-slide .slide-list.slick-initialized .slick-arrow.slick-next {
      right: -24px; }
    .section-hrv-slide .slide-list.slick-initialized .slick-arrow.slick-disabled {
      opacity: 0.5;
      cursor: no-drop; }
  .section-hrv-slide .slide-list.slick-initialized .slick-dots {
    display: flex;
    justify-content: center;
    gap: 12px;
    font-size: 0;
    margin-top: 60px; }
    .section-hrv-slide .slide-list.slick-initialized .slick-dots button {
      border: none;
      outline: none;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      background: #D1D5DB;
      transition: all 0.3s; }
    .section-hrv-slide .slide-list.slick-initialized .slick-dots .slick-active button {
      background: #2463EB;
      width: 66px; }
  @media (min-width: 992px) {
    .section-hrv-slide .slide-list:not(.slick-initialized) {
      display: flex;
      overflow: hidden; }
      .section-hrv-slide .slide-list:not(.slick-initialized) .list-group {
        flex: 0 0 100%; } }
  @media (max-width: 991px) {
    .section-hrv-slide .list-group {
      padding: 30px 0 24px; }
      .section-hrv-slide .list-group:not(:last-child) {
        margin-bottom: 24px; }
    .section-hrv-slide .list-title {
      padding: 0 10px; }
    .section-hrv-slide .list-content {
      display: block;
      padding-bottom: 55px; }
      .section-hrv-slide .list-content:not(.slick-initialized) {
        display: flex;
        overflow: hidden; }
        .section-hrv-slide .list-content:not(.slick-initialized) .content-box {
          flex: 0 0 80%; }
      .section-hrv-slide .list-content > div {
        width: 100%; }
      .section-hrv-slide .list-content .slick-track {
        display: flex;
        gap: 10px; } }
  @media (max-width: 767px) {
    .section-hrv-slide .list-group {
      border-radius: 24px;
      padding: 20px 0; }
    .section-hrv-slide .list-title {
      margin-bottom: 16px; }
      .section-hrv-slide .list-title .title {
        font-size: 20px; }
    .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-prev {
      right: 58px; }
    .section-hrv-slide .list-content.slick-initialized .slick-arrow.slick-next {
      right: 10px; }
    .section-hrv-slide .list-content.slick-initialized .slick-dots {
      bottom: 15px;
      left: 10px; }
    .section-hrv-slide .list-content .content-box {
      border-radius: 18px;
      height: auto; }
      .section-hrv-slide .list-content .content-box .detail {
        padding: 24px 10px; } }

.section-hrv-order {
  background: #F8F9FA; }
  .section-hrv-order .content-box {
    background: #fff;
    border-radius: 24px;
    border: 1px #E5E7EB solid; }
    .section-hrv-order .content-box .detail {
      margin: 0;
      padding: 24px 22px; }
      .section-hrv-order .content-box .detail .title {
        font-size: 20px; }
      .section-hrv-order .content-box .detail .desc {
        font-size: 16px; }
    .section-hrv-order .content-box .lds-spinner {
      border-radius: 24px 24px 0 0; }
  .section-hrv-order .list-order {
    gap: 40px 20px; }
    .section-hrv-order .list-order > div {
      flex: 0 0 auto;
      width: calc(50% - 10px); }
  @media (max-width: 991px) {
    .section-hrv-order .list-order {
      padding-bottom: 55px;
      flex-flow: nowrap; }
      .section-hrv-order .list-order:not(.slick-initialized) {
        display: flex;
        overflow: hidden; }
        .section-hrv-order .list-order:not(.slick-initialized) .content-box {
          flex: 0 0 80%; }
      .section-hrv-order .list-order > div {
        width: 100%; }
      .section-hrv-order .list-order .slick-track {
        display: flex;
        gap: 10px; }
      .section-hrv-order .list-order.slick-initialized .slick-arrow {
        position: absolute;
        bottom: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 1px solid #111827;
        outline: none;
        border-radius: 50%;
        padding: 10px;
        z-index: 2; }
        .section-hrv-order .list-order.slick-initialized .slick-arrow img {
          width: 20px;
          height: 20px; }
        .section-hrv-order .list-order.slick-initialized .slick-arrow.slick-prev {
          right: 68px; }
          .section-hrv-order .list-order.slick-initialized .slick-arrow.slick-prev img {
            transform: rotate(180deg); }
        .section-hrv-order .list-order.slick-initialized .slick-arrow.slick-next {
          right: 20px; }
        .section-hrv-order .list-order.slick-initialized .slick-arrow.slick-disabled {
          opacity: 0.5;
          cursor: no-drop; }
      .section-hrv-order .list-order.slick-initialized .slick-dots {
        display: flex;
        justify-content: start;
        gap: 8px;
        font-size: 0;
        position: absolute;
        bottom: 20px;
        padding-left: 12px; }
        .section-hrv-order .list-order.slick-initialized .slick-dots button {
          border: none;
          outline: none;
          width: 6px;
          height: 6px;
          border-radius: 10px;
          background: rgba(17, 24, 39, 0.5);
          transition: all 0.3s; }
        .section-hrv-order .list-order.slick-initialized .slick-dots .slick-active button {
          background: #111827;
          width: 40px; } }
  @media (max-width: 767px) {
    .section-hrv-order .list-order {
      gap: 10px; }
      .section-hrv-order .list-order > div {
        width: 100%; }
    .section-hrv-order .content-box {
      border-radius: 18px; }
      .section-hrv-order .content-box .detail {
        padding: 24px 10px; }
      .section-hrv-order .content-box .lds-spinner {
        border-radius: 18px 18px 0 0; } }

.section-hrv-solution {
  background: #fff;
  overflow: hidden; }
  .section-hrv-solution .list-content:not(.owl-loaded) {
    display: flex; }
    .section-hrv-solution .list-content:not(.owl-loaded) .slide-item {
      flex: 0 0 calc(100% / 2 - 24px);
      margin-right: 30px; }
  .section-hrv-solution .list-content .owl-stage-outer {
    overflow: visible; }
    .section-hrv-solution .list-content .owl-stage-outer .owl-stage {
      display: flex; }
  .section-hrv-solution .list-content .owl-nav {
    display: flex !important;
    justify-content: end;
    gap: 16px;
    margin-top: 40px; }
    .section-hrv-solution .list-content .owl-nav button {
      outline: none; }
      .section-hrv-solution .list-content .owl-nav button img {
        width: 48px;
        height: 48px; }
      .section-hrv-solution .list-content .owl-nav button.owl-prev img {
        transform: rotate(180deg); }
      .section-hrv-solution .list-content .owl-nav button.disabled img {
        opacity: 0.5;
        cursor: no-drop; }
  .section-hrv-solution .list-content .owl-dots .owl-dot {
    pointer-events: none; }
  .section-hrv-solution .list-content:not(.has-change) .owl-item:not(.active) {
    opacity: 0; }
  .section-hrv-solution .list-content:not(.has-change) .owl-nav .owl-prev {
    opacity: 0.5;
    cursor: no-drop;
    pointer-events: none; }
  .section-hrv-solution .slide-item {
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
    height: 100%; }
    .section-hrv-solution .slide-item .img img {
      border-radius: 40px 40px 0 0; }
    .section-hrv-solution .slide-item .detail {
      padding: 24px;
      margin: 0; }
    .section-hrv-solution .slide-item .lds-spinner {
      border-radius: 0; }
    .section-hrv-solution .slide-item .btn-more {
      margin-top: 20px; }
      .section-hrv-solution .slide-item .btn-more .btn-link {
        font-size: 18px;
        font-family: var(--ldp-font-3);
        color: #4B5563;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        text-decoration: none; }
        .section-hrv-solution .slide-item .btn-more .btn-link .icon {
          transition: all 0.3s; }
          .section-hrv-solution .slide-item .btn-more .btn-link .icon svg {
            fill: #4B5563; }
        .section-hrv-solution .slide-item .btn-more .btn-link:hover {
          color: #111827; }
          .section-hrv-solution .slide-item .btn-more .btn-link:hover .icon {
            margin-left: 4px; }
            .section-hrv-solution .slide-item .btn-more .btn-link:hover .icon svg {
              fill: #2463EB; }
  @media (max-width: 991px) {
    .section-hrv-solution {
      overflow-x: hidden; }
      .section-hrv-solution .list-content:not(.owl-loaded) {
        display: flex; }
        .section-hrv-solution .list-content:not(.owl-loaded) .slide-item {
          flex: 0 0 calc(100% - 24px);
          margin-right: 8px; }
      .section-hrv-solution .list-content .owl-stage-outer .owl-stage {
        display: flex;
        overflow: hidden; }
      .section-hrv-solution .list-content .owl-nav {
        bottom: -16px;
        gap: 8px; }
        .section-hrv-solution .list-content .owl-nav button img {
          width: 40px;
          height: 40px; }
      .section-hrv-solution .list-content .owl-dots {
        display: flex;
        gap: 8px;
        margin-top: 32px; }
        .section-hrv-solution .list-content .owl-dots .owl-dot {
          width: 6px;
          height: 6px;
          border-radius: 6px;
          font-size: 0;
          background: #D1D5DB;
          transition: all 0.3s; }
          .section-hrv-solution .list-content .owl-dots .owl-dot.active {
            width: 40px;
            background: #2463EB; }
      .section-hrv-solution .list-content .slide-item {
        height: 100%; }
        .section-hrv-solution .list-content .slide-item .img img {
          border-radius: 24px 24px 0 0; }
        .section-hrv-solution .list-content .slide-item .detail {
          padding: 16px; }
      .section-hrv-solution .btn-action.btn-section {
        margin-top: 32px; }
      .section-hrv-solution .list-content .owl-nav {
        position: absolute;
        right: 0;
        bottom: -15px;
        display: none !important;
        /*display: flex !important;
      justify-content: end;*/ } }
  @media (max-width: 767px) {
    .section-hrv-solution {
      margin-top: -24px; }
      .section-hrv-solution .slide-item {
        border-radius: 24px; } }

.modal-backdrop.popup-web.show {
  opacity: 0.9; }

.modal-bitrix__heading .close {
  float: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  outline: none; }
  .modal-bitrix__heading .close svg {
    width: 25px;
    height: 25px; }

.section-hrv-faqs {
  background: #F8F9FA; }
  .section-hrv-faqs .accordion-questions {
    max-width: 1064px;
    margin: 0 auto; }
  .section-hrv-faqs .questions-item {
    padding: 0 0 18px; }
    .section-hrv-faqs .questions-item__title {
      padding: 18px 24px 0 32px;
      cursor: pointer; }
      .section-hrv-faqs .questions-item__title h3 {
        font-size: 18px;
        font-family: var(--ldp-font-3);
        position: relative;
        padding-right: 24px;
        margin: 0; }
        .section-hrv-faqs .questions-item__title h3:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 24px;
          height: 24px;
          background-image: url("https://cdn.hstatic.net/files/1000001117/file/tabler_plus.png");
          background-size: 20px;
          background-repeat: no-repeat;
          background-position: center; }
    .section-hrv-faqs .questions-item__content {
      display: none;
      padding: 12px 48px 12px 64px;
      line-height: 1.5; }
      .section-hrv-faqs .questions-item__content p {
        margin: 0; }
      .section-hrv-faqs .questions-item__content b {
        font-family: var(--ldp-font-3); }
      .section-hrv-faqs .questions-item__content a {
        padding-bottom: 2px;
        text-decoration: none;
        letter-spacing: -0.43px;
        color: #2463EB;
        background-image: linear-gradient(to right, #2463EB 0%, #2463EB 100%);
        background-size: 100% 1px;
        background-position: 0 90%;
        background-repeat: no-repeat;
        transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; }
        .section-hrv-faqs .questions-item__content a:hover {
          background-size: 0 1px;
          text-decoration: none; }
      .section-hrv-faqs .questions-item__content ul {
        padding-left: 25px;
        list-style: disc; }
    .section-hrv-faqs .questions-item.is-active .questions-item__title h3:before {
      background-image: url("https://cdn.hstatic.net/files/1000001117/file/tabler_minus.png"); }
  @media (max-width: 767px) {
    .section-hrv-faqs .heading-title {
      margin-bottom: 10px; }
    .section-hrv-faqs .questions-item {
      padding: 0 0 15px; }
      .section-hrv-faqs .questions-item__title {
        padding: 15px 10px 0; }
        .section-hrv-faqs .questions-item__title h3 {
          font-size: 16px; }
      .section-hrv-faqs .questions-item__content {
        padding: 8px 10px 0 20px;
        font-size: 14px; } }