@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; } }

[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 {
  margin-top: 60px; }
  @media (max-width: 767px) {
    .btn-action {
      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; }
  .btn-icon--2 {
    background: #FFD800;
    color: #000; }
    .btn-icon--2 .icon svg path {
      fill: #000; }
    .btn-icon--2:hover .title,
    .btn-icon--2:hover .text {
      color: #000; }
  @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); } }

.color-1 {
  color: #1D4FD7 !important; }

.heading-title {
  margin-bottom: 64px; }
  .heading-title .subtitle {
    font-size: 24px;
    font-family: var(--ldp-font-3);
    margin-bottom: 12px; }
  .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: 991px) {
    .heading-title {
      margin-bottom: 30px; }
      .heading-title .title {
        font-size: 30px; } }
  @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; }

.list-check ul {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 10px 20px;
  margin-bottom: 24px; }
  .list-check ul li {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-family: var(--ldp-font-3);
    text-transform: uppercase; }
    .list-check ul li:before {
      content: '';
      position: absolute;
      top: 4px;
      left: 0;
      width: 14px;
      height: 14px;
      background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M4.8819 11.7195L0.0874939 6.43951L1.68261 4.67953L4.8819 8.19952L12.069 0.269531L13.6641 2.02953L4.8819 11.7195Z' fill='%230048E5'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain; }

@media (max-width: 767px) {
  .list-check ul li {
    font-size: 14px; }
    .list-check ul li:before {
      top: 2px; } }

@media (max-width: 576px) {
  .lazyload-image .lazyload-image__placeholder.aspect-ratio.has-mb {
    padding-bottom: calc((var(--height-imgmb) / var(--width-imgmb)) * 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; } }

.icon-svg {
  flex: 0 0 var(--icon-width);
  width: var(--icon-width);
  height: var(--icon-height);
  transition: all 0.3s; }

.btn-link {
  font-size: 18px;
  font-family: var(--ldp-font-3);
  color: #4B5563;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important; }
  .btn-link .icon-svg {
    transition: all 0.3s; }
    .btn-link .icon-svg svg {
      fill: #4B5563; }
  .btn-link:hover {
    color: #111827; }
  @media (max-width: 767px) {
    .btn-link {
      font-size: 16px;
      gap: 0; }
      .btn-link .icon-svg {
        transform: scale(0.8); } }

.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 .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: #EF4343;
    font-size: 14px;
    font-family: var(--ldp-font-3);
    line-height: 20px;
    border: 1px solid #EF4343;
    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;
  line-height: 150%; }
  .content-box .detail .desc ul {
    list-style: disc;
    padding-left: 25px; }

.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: 18px; }
      .content-box .detail .title .text-tag {
        font-size: 12px; }
    .content-box .detail .desc {
      margin-top: 8px; } }

.section-hrv-overview {
  padding: 0; }
  @media (max-width: 991px) {
    .section-hrv-overview {
      overflow-x: hidden; } }

.overview-main-summary {
  background: #fff;
  /*border-radius: 48px 48px 0 0;*/
  padding: 48px 0 110px;
  position: relative; }
  .overview-main-summary:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://cdn.hstatic.net/files/1000001117/file/hr-inventory-z1-bg.png");
    background-size: cover;
    background-position: center; }
  .overview-main-summary > div {
    position: relative; }
  .overview-main-summary h1 {
    font-size: 56px;
    font-family: var(--ldp-font-3);
    margin-bottom: 16px; }
  .overview-main-summary .subtitle {
    font-size: 24px;
    margin-bottom: 16px;
    text-align: center; }
  .overview-main-summary .btn-action {
    margin-top: 0;
    margin-bottom: 40px; }
  .overview-main-summary .logo-partner {
    gap: 40px;
    flex-flow: nowrap;
    margin-bottom: 40px; }
    .overview-main-summary .logo-partner svg,
    .overview-main-summary .logo-partner img {
      max-height: 40px;
      width: auto; }
    .overview-main-summary .logo-partner .img-bg {
      background: #4B5563;
      -webkit-mask: var(--img) center/contain;
      mask: var(--img) center/contain;
      mask-repeat: no-repeat;
      height: 30px;
      width: 110px; }
  .overview-main-summary .summary-mb {
    display: none; }
  .overview-main-summary .summary-desc {
    margin-top: 30px;
    font-size: 24px;
    font-family: var(--ldp-font-2); }
  .overview-main-summary .summary-logo {
    display: flex;
    align-items: center;
    gap: 62px;
    margin-top: 40px; }
    .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; }
  .overview-main-summary .summary-list {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    padding: 20px;
    background: linear-gradient(72deg, rgba(255, 74, 46, 0.2) 0%, rgba(255, 125, 38, 0) 50%, rgba(254, 177, 31, 0.2) 100%), linear-gradient(150deg, rgba(255, 74, 46, 0.2) 0%, rgba(255, 125, 38, 0) 50%, rgba(254, 177, 31, 0.2) 100%);
    border-radius: 48px; }
    .overview-main-summary .summary-list .item {
      flex: 0 0 auto;
      width: calc(50% - 10px);
      background: #fff;
      border-radius: 30px;
      overflow: hidden; }
      .overview-main-summary .summary-list .item .content {
        padding: 20px;
        display: flex;
        gap: 18px; }
        .overview-main-summary .summary-list .item .content .icon {
          flex: 0 0 auto;
          width: 48px; }
        .overview-main-summary .summary-list .item .content .title {
          font-size: 20px;
          font-family: var(--ldp-font-3);
          margin-bottom: 8px; }
  @media (min-width: 1200px) and (max-width: 1366px) {
    .overview-main-summary h1 {
      font-size: 54px; } }
  @media (max-width: 991px) {
    .overview-main-summary h1 {
      font-size: 32px; }
    .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 {
      padding: 24px 0 45px;
      /*border-radius: 24px 24px 0 0;*/ }
      .overview-main-summary .subtitle {
        font-size: 16px; }
      .overview-main-summary .btn-action {
        margin-bottom: 24px; }
      .overview-main-summary .logo-partner {
        margin-bottom: 20px;
        gap: 15px; }
        .overview-main-summary .logo-partner svg {
          max-height: 28px; }
        .overview-main-summary .logo-partner .img-bg {
          height: 25px;
          width: 100px; }
      .overview-main-summary .summary-desc {
        font-size: 16px; }
      .overview-main-summary .summary-list {
        gap: 10px;
        border-radius: 30px;
        padding: 15px; }
        .overview-main-summary .summary-list .item {
          width: 100%;
          border-radius: 24px; }
          .overview-main-summary .summary-list .item .content {
            padding: 15px;
            gap: 10px; }
            .overview-main-summary .summary-list .item .content .icon {
              width: 40px; }
            .overview-main-summary .summary-list .item .content .title {
              font-size: 16px; } }

.section-hrv-z2 {
  background: #082366; }
  .section-hrv-z2 .content-banner {
    border-radius: 48px 48px 0 0;
    overflow: hidden; }
  .section-hrv-z2 .list-content {
    background: #fff;
    border-radius: 0 0 48px 48px;
    overflow: hidden;
    display: flex;
    flex-flow: wrap;
    gap: 30px;
    padding: 20px; }
    .section-hrv-z2 .list-content .content-item {
      display: flex;
      gap: 8px;
      flex: 0 0 auto;
      width: calc(100% / 3 - 20px); }
      .section-hrv-z2 .list-content .content-item .icon {
        flex: 0 0 auto;
        width: 32px; }
  @media (max-width: 767px) {
    .section-hrv-z2 .content-banner {
      border-radius: 24px 24px 0 0; }
    .section-hrv-z2 .list-content {
      border-radius: 0 0 24px 24px;
      gap: 15px;
      padding: 15px; }
      .section-hrv-z2 .list-content .content-item {
        width: 100%; }
        .section-hrv-z2 .list-content .content-item .icon {
          width: 25px; } }

.section-hrv-z5 {
  background: #fff; }
  .section-hrv-z5 .list-content {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    margin-top: 30px; }
    .section-hrv-z5 .list-content .content-item {
      flex: 0 0 calc(100% / 3 - 13.5px);
      padding: 20px;
      border-top: 4px #2463EB solid;
      line-height: 1.5; }
      .section-hrv-z5 .list-content .content-item .title {
        font-size: 24px;
        font-family: var(--ldp-font-3);
        margin-bottom: 8px; }
  @media (max-width: 991px) {
    .section-hrv-z5 .list-content .content-item {
      flex: 0 0 100%;
      border-top: none;
      border-left: 3px #2463EB solid; } }
  @media (max-width: 767px) {
    .section-hrv-z5 .list-content .content-item {
      padding: 0 15px; }
      .section-hrv-z5 .list-content .content-item .title {
        font-size: 18px; } }
  @media (max-width: 576px) {
    .section-hrv-z5 .content-banner .lazyload-image .lazyload-image__placeholder.aspect-ratio {
      padding-bottom: calc((var(--height-imgmb) / var(--width-imgmb)) * 100%); }
      .section-hrv-z5 .content-banner .lazyload-image .lazyload-image__placeholder.aspect-ratio img {
        border-radius: 10px; } }

.accordion-tab {
  gap: 20px; }
  .accordion-tab .banner-mb {
    display: none; }
  .accordion-tab .accordion-col {
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px); }
  .accordion-tab .image img {
    border-radius: 24px; }
  .accordion-tab .accordion--item {
    background: #fff;
    border-radius: 24px;
    border: 1px solid transparent;
    padding: 20px 30px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 16px; }
    .accordion-tab .accordion--item .coming-soon {
      font-size: 14px;
      font-family: var(--ldp-font-3);
      color: #737373;
      padding: 0 6px;
      height: 24px;
      line-height: 24px;
      border: 1px solid;
      border-radius: 8px;
      display: inline-block;
      margin-bottom: 16px;
      text-transform: uppercase; }
    .accordion-tab .accordion--item .icon-svg {
      color: #BCBEC0; }
    .accordion-tab .accordion--item--left {
      flex: 0 0 auto;
      width: 60px; }
    .accordion-tab .accordion--item--right {
      flex: 0 0 auto;
      width: calc(100% - 76px); }
    .accordion-tab .accordion--item--title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      font-size: 24px;
      font-family: var(--ldp-font-3);
      margin-bottom: 0; }
      .accordion-tab .accordion--item--title .title {
        flex: 0 0 auto; }
    .accordion-tab .accordion--item--heading {
      cursor: pointer; }
    .accordion-tab .accordion--item--content {
      display: none;
      padding-top: 16px; }
      .accordion-tab .accordion--item--content .desc {
        line-height: 1.5;
        padding-right: 20px; }
        .accordion-tab .accordion--item--content .desc ul {
          list-style: disc;
          padding-left: 25px; }
        .accordion-tab .accordion--item--content .desc .note {
          color: #F8509D; }
        .accordion-tab .accordion--item--content .desc .coming-soon {
          margin: 0; }
    .accordion-tab .accordion--item:not(:last-child) {
      margin-bottom: 10px; }
    .accordion-tab .accordion--item.open {
      border-color: #2463EB; }
      .accordion-tab .accordion--item.open .coming-soon {
        color: #FF7694; }
      .accordion-tab .accordion--item.open .icon-svg {
        transform: rotate(-180deg); }
  @media (min-width: 992px) {
    .accordion-tab .accordion--item:hover {
      border-color: #2463EB; } }
  @media (max-width: 991px) {
    .accordion-tab .banner-mb {
      display: block; }
    .accordion-tab .image {
      display: none; }
    .accordion-tab .accordion-col {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .accordion-tab .accordion--item {
      position: relative;
      padding: 20px; }
      .accordion-tab .accordion--item:not(:last-child) {
        margin-bottom: 0; }
      .accordion-tab .accordion--item--left {
        width: 50px;
        position: absolute;
        top: 20px;
        left: 20px; }
      .accordion-tab .accordion--item--right {
        width: 100%; }
      .accordion-tab .accordion--item--heading {
        padding-left: 55px;
        padding-top: 12px; }
      .accordion-tab .accordion--item--content .desc {
        padding-left: 55px;
        margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .accordion-tab {
      margin: 0; }
      .accordion-tab .accordion--item {
        padding-bottom: 16px;
        border-radius: 12px; }
        .accordion-tab .accordion--item--left {
          width: 40px;
          left: 10px; }
        .accordion-tab .accordion--item--title {
          font-size: 18px; }
          .accordion-tab .accordion--item--title .icon {
            width: 35px; }
          .accordion-tab .accordion--item--title .title {
            padding-right: 0;
            width: calc(100% - 72px); }
        .accordion-tab .accordion--item--heading {
          padding: 0 0 0 40px; }
          .accordion-tab .accordion--item--heading .coming-soon {
            font-size: 12px;
            margin-bottom: 10px; }
        .accordion-tab .accordion--item--content {
          padding: 0; }
          .accordion-tab .accordion--item--content .desc {
            font-size: 14px;
            padding-left: 0;
            margin-top: 10px; }
            .accordion-tab .accordion--item--content .desc .coming-soon {
              font-size: 12px; } }

.tab-heading {
  margin-bottom: 40px; }
  .tab-heading .subtitle {
    display: flex;
    align-items: center;
    gap: 8px; }
    .tab-heading .subtitle .num {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #111827;
      color: #fff;
      border-radius: 24px;
      font-size: 14px;
      width: 40px;
      height: 40px;
      flex: 0 0 auto; }
  .tab-heading .title {
    margin: 0;
    font-size: 32px;
    font-family: var(--ldp-font-3); }
  @media (max-width: 991px) {
    .tab-heading .title {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .tab-heading {
      margin-bottom: 20px; }
      .tab-heading .subtitle .num {
        width: 30px;
        height: 30px;
        font-size: 12px; }
      .tab-heading .title {
        font-size: 20px; } }

.section-hrv-z3 {
  background: #fff; }
  .section-hrv-z3 .item {
    display: flex;
    gap: 8px;
    padding: 20px 0; }
    .section-hrv-z3 .item .icon {
      flex: 0 0 auto;
      width: 64px; }
    .section-hrv-z3 .item .title {
      font-size: 20px;
      font-family: var(--ldp-font-3);
      margin-bottom: 8px; }
  .section-hrv-z3 .tab-group:not(:first-child) {
    margin-top: 40px;
    padding-top: 60px;
    border-top: 1px #9CA3B0 solid; }
  .section-hrv-z3 .tab-group .row {
    margin: 0; }
  .section-hrv-z3 .tab-group--3 .list-item {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    margin-top: 20px; }
    .section-hrv-z3 .tab-group--3 .list-item .item {
      flex: 0 0 auto;
      width: calc(50% - 10px); }
  .section-hrv-z3 .row-list {
    gap: 20px; }
    .section-hrv-z3 .row-list > div {
      flex: 0 0 auto;
      width: calc(100% / 3 - 13.5px); }
  @media (max-width: 991px) {
    .section-hrv-z3 .row-list {
      gap: 0; }
      .section-hrv-z3 .row-list > div {
        width: 100%; }
      .section-hrv-z3 .row-list .tab-col--2 {
        order: 1;
        margin-top: 20px; }
    .section-hrv-z3 .tab-group--3 .list-item {
      gap: 0; }
      .section-hrv-z3 .tab-group--3 .list-item .item {
        width: 100%;
        padding: 10px 0; } }
  @media (max-width: 767px) {
    .section-hrv-z3 .item {
      padding: 10px 0; }
      .section-hrv-z3 .item .icon {
        width: 40px; }
      .section-hrv-z3 .item .title {
        font-size: 18px; }
    .section-hrv-z3 .tab-group:not(:first-child) {
      margin-top: 15px;
      padding-top: 30px; } }

.section-hrv-z4 {
  background: #F3F4F6; }
  .section-hrv-z4 .content-list {
    display: flex;
    flex-flow: wrap;
    gap: 12px; }
  .section-hrv-z4 .item {
    flex: 0 0 auto;
    width: calc(50% - 6px);
    background: #fff;
    border-radius: 24px;
    border: 1px #E5E7EB solid;
    padding: 20px; }
    .section-hrv-z4 .item .icon {
      width: 64px;
      margin-bottom: 10px; }
  @media (min-width: 992px) {
    .section-hrv-z4 .row {
      margin: 0;
      gap: 20px; }
      .section-hrv-z4 .row > div {
        padding: 0;
        width: calc(50% - 10px);
        max-width: calc(50% - 10px); } }
  @media (max-width: 991px) {
    .section-hrv-z4 .row {
      gap: 20px; } }
  @media (max-width: 767px) {
    .section-hrv-z4 .content-list {
      gap: 10px; }
    .section-hrv-z4 .item {
      width: 100%;
      border-radius: 12px;
      padding: 15px;
      display: flex;
      align-items: center;
      gap: 10px; }
      .section-hrv-z4 .item .icon {
        flex: 0 0 auto;
        width: 40px;
        margin: 0; } }

.section-hrv-z6 {
  background: #F8F8FA;
  overflow: hidden; }
  .section-hrv-z6 .list-item {
    margin: 0;
    gap: 20px; }
    .section-hrv-z6 .list-item .item {
      border-radius: 38px;
      /*border: 1px #E5E7EB solid;*/
      border: none; }
      .section-hrv-z6 .list-item .item .item-detail {
        padding: 24px; }
        .section-hrv-z6 .list-item .item .item-detail .item-title {
          font-size: 20px;
          font-family: var(--ldp-font-3);
          margin-bottom: 12px;
          line-height: 1.4;
          min-height: 56px; }
        .section-hrv-z6 .list-item .item .item-detail .item-desc {
          line-height: 1.5; }
          .section-hrv-z6 .list-item .item .item-detail .item-desc ul {
            list-style: disc;
            padding-left: 25px; }
            .section-hrv-z6 .list-item .item .item-detail .item-desc ul li:not(last-child) {
              margin-bottom: 20px; }
  @media (min-width: 992px) {
    .section-hrv-z6 .row-col {
      position: relative;
      gap: 20px; }
      .section-hrv-z6 .row-col > div {
        flex: 0 0 auto; }
      .section-hrv-z6 .row-col .slide-content {
        width: 40%; }
      .section-hrv-z6 .row-col .slide-list {
        width: calc(60% - 20px); }
    .section-hrv-z6 #slide-custom-dots {
      position: relative; }
      .section-hrv-z6 #slide-custom-dots .owl-dot {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        padding: 16px 16px 16px 40px;
        transition: all 0.3s; }
        .section-hrv-z6 #slide-custom-dots .owl-dot .dot-title {
          font-size: 24px;
          font-family: var(--ldp-font-3);
          min-height: 58px;
          margin-bottom: 12px; }
        .section-hrv-z6 #slide-custom-dots .owl-dot .dot-desc ul {
          list-style: disc;
          padding-left: 25px; }
          .section-hrv-z6 #slide-custom-dots .owl-dot .dot-desc ul li:not(last-child) {
            margin-bottom: 20px; }
        .section-hrv-z6 #slide-custom-dots .owl-dot.active {
          opacity: 1;
          visibility: visible; }
    .section-hrv-z6 .list-item {
      position: unset; }
      .section-hrv-z6 .list-item:not(.owl-loaded) {
        display: flex;
        flex-flow: nowrap;
        overflow: hidden; }
        .section-hrv-z6 .list-item:not(.owl-loaded) .item {
          flex: 0 0 80%;
          margin-right: 20px; }
      .section-hrv-z6 .list-item .item {
        background: transparent;
        /*border: 1px #B3E5FC solid;*/
        border-radius: 24px;
        overflow: hidden; }
        .section-hrv-z6 .list-item .item .item-detail {
          display: none; }
      .section-hrv-z6 .list-item .owl-item {
        opacity: 0.4; }
        .section-hrv-z6 .list-item .owl-item.main-active {
          opacity: 1; }
      .section-hrv-z6 .list-item .owl-nav {
        position: absolute;
        bottom: 16px;
        left: 40px;
        display: flex;
        gap: 16px; }
        .section-hrv-z6 .list-item .owl-nav button {
          border: none;
          outline: none; }
          .section-hrv-z6 .list-item .owl-nav button img {
            width: 48px;
            height: 48px; }
          .section-hrv-z6 .list-item .owl-nav button.owl-next img {
            transform: rotate(180deg); } }
  @media (min-width: 1200px) {
    .section-hrv-z6 {
      --max-width: 1140px; }
      .section-hrv-z6 .container-fluid {
        --width: calc(100% - var(--max-width));
        padding-left: calc(var(--width) / 2); } }
  @media (min-width: 1366px) {
    .section-hrv-z6 {
      --max-width: 1280px; }
      .section-hrv-z6 .container-fluid {
        max-width: 100%; } }
  @media (max-width: 991px) {
    .section-hrv-z6 .row {
      margin: 0; }
    .section-hrv-z6 .slide-content {
      display: none; }
    .section-hrv-z6 .slide-list {
      width: 100%; }
    .section-hrv-z6 .list-item {
      display: flex;
      flex-flow: nowrap;
      gap: 10px;
      overflow-x: scroll; }
      .section-hrv-z6 .list-item .item {
        flex: 0 0 auto;
        width: 80%;
        height: auto; }
        .section-hrv-z6 .list-item .item .item-detail .item-title {
          min-height: auto; } }
  @media (max-width: 767px) {
    .section-hrv-z6 .list-item .item {
      border-radius: 18px;
      overflow: hidden; }
      .section-hrv-z6 .list-item .item .item-detail {
        padding: 15px; }
        .section-hrv-z6 .list-item .item .item-detail .item-title {
          font-size: 18px; } }

.section-hrv-z7 {
  background: #2463EB; }
  .section-hrv-z7 .list-item {
    margin: 0;
    gap: 20px; }
    .section-hrv-z7 .list-item .item {
      flex: 0 0 auto;
      width: calc(100% / 5 - 16px); }
      .section-hrv-z7 .list-item .item .desc {
        font-size: 20px;
        font-family: var(--ldp-font-3);
        text-align: center;
        padding: 24px 23px; }
  @media (max-width: 991px) {
    .section-hrv-z7 .list-item {
      gap: 10px;
      justify-content: center; }
      .section-hrv-z7 .list-item .item {
        width: calc(100% / 3 - 15px); }
        .section-hrv-z7 .list-item .item .desc {
          font-size: 18px;
          padding: 20px; } }
  @media (max-width: 767px) {
    .section-hrv-z7 .list-item .item {
      width: calc(50% - 5px); }
      .section-hrv-z7 .list-item .item .desc {
        font-size: 16px;
        padding: 15px; } }

.section-hrv-faqs {
  background: #fff; }
  .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;
        margin: 8px 0; }
    .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; } }