@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.btn-section {
  margin-top: 60px; }

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

.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;
  border: none;
  outline: none !important; }
  .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 .title,
  .btn-icon:hover .text {
    color: #2463EB; }
  .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;
    font-family: var(--ldp-font-3);
    margin-bottom: 16px;
    text-transform: uppercase; }
  .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: 0; }
  @media (max-width: 991px) {
    .section-hrv-overview {
      overflow-x: hidden; } }

.overview-main-summary {
  background: #F0F9FF;
  border-radius: 48px 48px 0 0;
  padding: 48px 0 100px; }
  .overview-main-summary h1 {
    font-size: 56px;
    font-family: var(--ldp-font-3);
    color: #1D4FD7; }
  .overview-main-summary .subtitle {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center; }
  .overview-main-summary .btn-action {
    margin-bottom: 40px; }
  .overview-main-summary .logo-partner {
    gap: 40px;
    flex-flow: nowrap;
    margin-bottom: 30px; }
    .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-video {
    position: relative; }
    .overview-main-summary .summary-video .img-video {
      opacity: 0;
      border-radius: 48px; }
    .overview-main-summary .summary-video video {
      max-width: 100%;
      border-radius: 48px; }
  .overview-main-summary .summary-desc {
    margin-top: 40px;
    font-family: var(--ldp-font-2); }
  .overview-main-summary .summary-logo {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px; }
    .overview-main-summary .summary-logo .logo-item img {
      transition: all 0.5s;
      filter: grayscale(1);
      opacity: 0.6; }
    .overview-main-summary .summary-logo .logo-item:hover img {
      filter: grayscale(0);
      opacity: 1; }
  @media (min-width: 992px) {
    .overview-main-summary .summary-video .img-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 48px;
      opacity: 0; }
    .overview-main-summary .summary-video video {
      max-width: 100%;
      border-radius: 48px; } }
  @media (max-width: 991px) {
    .overview-main-summary h1 {
      font-size: 32px; }
    .overview-main-summary .summary-logo {
      /*gap: 30px;margin-top: 24px;width: max-content;*/
      /*animation: scroll-left 20s linear infinite;*/
      /*
   animation: scroll-left 20s linear infinite;
   .logo-item{
   flex-shrink: 0;
   object-fit: cover;border: 1px solid red;
   img{max-width: 80px;max-height: 30px;}
   }
*/
      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; }
    .overview-main-summary .summary-video .img-video {
      opacity: 1; }
    .overview-main-summary .summary-video video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; } }
  @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-video video,
      .overview-main-summary .summary-video .img-video {
        border-radius: 24px; } }

.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 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: #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;
    font-size: 18px;
    line-height: 150%; }

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

.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-sticky {
  background: #1D4FD7; }
  .section-hrv-sticky .sticky-item {
    padding: 48px 40px;
    border-radius: 40px;
    top: 90px;
    position: sticky;
    -webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    transition: top 0.4s ease;
    /*height: 100vh;*/
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.24), 0 2px 4px 0 rgba(0, 0, 0, 0.12); }
    .section-hrv-sticky .sticky-item:not(:last-child) {
      margin-bottom: 40px; }
    .section-hrv-sticky .sticky-item .item-detail .title {
      font-size: 32px;
      font-family: var(--ldp-font-3);
      margin-bottom: 12px; }
    .section-hrv-sticky .sticky-item .item-detail .desc,
    .section-hrv-sticky .sticky-item .item-detail .list-desc {
      font-size: 18px;
      margin: 0;
      line-height: 150%; }
    .section-hrv-sticky .sticky-item .item-detail .list-desc {
      padding-left: 25px;
      list-style: disc; }
      .section-hrv-sticky .sticky-item .item-detail .list-desc li ~ li {
        margin-top: 12px; }
    .section-hrv-sticky .sticky-item .item-detail .btn-more {
      margin-top: 20px; }
      .section-hrv-sticky .sticky-item .item-detail .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;
        /*
   .link-title{
   background-image: linear-gradient(to right, #2463EB 0%, #2463EB 100%);
   background-size: 0px 1px;
   background-position: 0px 90%;
   background-repeat: no-repeat;
   transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   }
*/ }
        .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link .icon {
          transition: all 0.3s; }
          .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link .icon svg {
            fill: #4B5563; }
        .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link:hover {
          /*.link-title{background-size: 100% 1px;}*/
          color: #111827; }
          .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link:hover .icon {
            margin-left: 4px; }
            .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link:hover .icon svg {
              fill: #2463EB; }
    .section-hrv-sticky .sticky-item .img-box img {
      border-radius: 24px; }
    .section-hrv-sticky .sticky-item:nth-child(odd) {
      background: #fff; }
    .section-hrv-sticky .sticky-item:nth-child(even) {
      background: #DFEFFF; }
  @media (min-width: 1200px) {
    .section-hrv-sticky .sticky-item {
      padding: 70px 110px 70px 40px; } }
  @media (min-width: 992px) {
    .section-hrv-sticky .sticky-item .row > div:first-child {
      padding-right: 20px; }
    .section-hrv-sticky .sticky-item .row > div:last-child {
      padding-left: 20px; }
    .section-hrv-sticky .sticky-item .item-detail {
      padding: 0 18px; } }
  @media (max-width: 991px) {
    .section-hrv-sticky .sticky-item {
      padding: 20px;
      border-radius: 24px; }
      .section-hrv-sticky .sticky-item:not(:last-child) {
        margin-bottom: 16px; }
      .section-hrv-sticky .sticky-item .row {
        gap: 24px; }
      .section-hrv-sticky .sticky-item .item-detail .title {
        font-size: 20px; }
      .section-hrv-sticky .sticky-item .item-detail .desc {
        font-size: 16px; }
      .section-hrv-sticky .sticky-item .video-box video,
      .section-hrv-sticky .sticky-item .img-box img {
        border-radius: 16px; } }
  @media (max-width: 767px) {
    .section-hrv-sticky .sticky-item .item-detail .title {
      font-size: 18px; }
    .section-hrv-sticky .sticky-item .item-detail .list-desc {
      font-size: 14px; }
    .section-hrv-sticky .sticky-item .item-detail .btn-more .btn-link {
      font-size: 16px; } }

.section-hrv-logo {
  background: #F9FAFB;
  padding: 0; }
  .section-hrv-logo:before {
    background: #E1F3FE; }
  .section-hrv-logo .hrv-counter {
    padding: 50px 0; }
    .section-hrv-logo .hrv-counter .counter-title {
      font-size: 32px;
      font-family: var(--ldp-font-3);
      margin-bottom: 56px; }
    .section-hrv-logo .hrv-counter .list-counter {
      gap: 24px 40px; }
      .section-hrv-logo .hrv-counter .list-counter .counter-item {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px); }
        .section-hrv-logo .hrv-counter .list-counter .counter-item .num {
          font-size: 48px;
          font-family: var(--ldp-font-3);
          color: #1D4FD7; }
        .section-hrv-logo .hrv-counter .list-counter .counter-item .desc {
          font-size: 18px;
          color: #4B5563; }
  .section-hrv-logo .slide-logo {
    display: flex;
    gap: 24px;
    padding: 0 30px; }
    .section-hrv-logo .slide-logo .column {
      width: calc(50% - 12px);
      height: 100%;
      max-height: 800px;
      position: relative;
      overflow: hidden; }
      .section-hrv-logo .slide-logo .column .logo-list {
        display: flex;
        flex-direction: column;
        will-change: transform;
        backface-visibility: hidden; }
        .section-hrv-logo .slide-logo .column .logo-list.scroll {
          animation: scroll 48s linear infinite; }
        .section-hrv-logo .slide-logo .column .logo-list.reverse.scroll {
          animation: scroll-reverse 48s linear infinite; }
        .section-hrv-logo .slide-logo .column .logo-list .logo-item {
          width: 100%;
          height: 184px;
          background: #fff;
          border-radius: 16px;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 40px;
          margin-bottom: 24px; }
          .section-hrv-logo .slide-logo .column .logo-list .logo-item img {
            max-width: 140px;
            max-height: 70px; }
          .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size1 img {
            max-width: 190px; }
          .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size2 img {
            max-height: 100px; }
          .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size3 img {
            max-width: 195px; }
  @media (min-width: 992px) {
    .section-hrv-logo {
      /*
   .slide-logo{
   .column {overflow: hidden;}
   }
*/ }
      .section-hrv-logo .row {
        margin: 0; }
        .section-hrv-logo .row > div {
          padding: 0; }
        .section-hrv-logo .row.row-col > div:first-child {
          padding-right: 10px; }
        .section-hrv-logo .row.row-col > div:last-child {
          padding-left: 45px; } }
  @media (max-width: 991px) {
    .section-hrv-logo {
      overflow-x: hidden; }
      .section-hrv-logo .hrv-counter {
        padding: 24px 0;
        /*
   position: relative;
   z-index: 1;
   background: #F9FAFB;
*/ }
        .section-hrv-logo .hrv-counter .counter-title {
          font-size: 24px; }
        .section-hrv-logo .hrv-counter .list-counter {
          margin: 0; }
          .section-hrv-logo .hrv-counter .list-counter .counter-item .num {
            font-size: 32px; }
          .section-hrv-logo .hrv-counter .list-counter .counter-item .desc {
            font-size: 14px; }
      .section-hrv-logo .slide-logo {
        gap: 14px;
        padding: 0; }
        .section-hrv-logo .slide-logo .column {
          width: calc(50% - 7px);
          /*height: 100%;max-height: 500px;*/
          height: 500px; }
          .section-hrv-logo .slide-logo .column .logo-list.scroll {
            animation: scroll 45s linear infinite; }
          .section-hrv-logo .slide-logo .column .logo-list.reverse.scroll {
            animation: scroll-reverse 45s linear infinite; }
          .section-hrv-logo .slide-logo .column .logo-list .logo-item {
            height: 112px;
            margin-bottom: 14px; }
            .section-hrv-logo .slide-logo .column .logo-list .logo-item img {
              max-width: 80px;
              max-height: 40px; }
            .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size1 img {
              max-width: 110px; }
            .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size2 img {
              max-height: 70px; }
            .section-hrv-logo .slide-logo .column .logo-list .logo-item.item-size3 img {
              max-width: 120px; } }

.section-hrv-theme {
  background: #062058;
  overflow: hidden; }
  .section-hrv-theme .container-fluid {
    padding: 0; }
  .section-hrv-theme .heading-title {
    margin-bottom: 60px; }
  .section-hrv-theme .list-theme {
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
    .section-hrv-theme .list-theme .theme-slide {
      display: flex;
      flex-flow: wrap;
      gap: 20px; }
      .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: calc(25% - 16px); }
        .section-hrv-theme .list-theme .theme-slide .theme-item--2 {
          width: calc(16.6% - 16px); }
        .section-hrv-theme .list-theme .theme-slide .theme-item .item-title {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 0 0 24px 24px;
          backdrop-filter: blur(19.95px);
          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;
          white-space: break-spaces; }
  .section-hrv-theme .btn-action {
    margin-top: 60px; }
  @media (max-width: 991px) {
    .section-hrv-theme .list-theme .theme-slide {
      gap: 10px; }
      .section-hrv-theme .list-theme .theme-slide .theme-item {
        order: var(--order); }
        .section-hrv-theme .list-theme .theme-slide .theme-item img {
          width: 100%; }
        .section-hrv-theme .list-theme .theme-slide .theme-item--1 {
          width: 100%; }
        .section-hrv-theme .list-theme .theme-slide .theme-item--2 {
          width: calc(50% - 5px); } }
  @media (max-width: 767px) {
    .section-hrv-theme .heading-title {
      margin-bottom: 30px; }
    .section-hrv-theme .list-theme .theme-slide {
      gap: 8px; }
      .section-hrv-theme .list-theme .theme-slide .theme-item .item-title {
        border-radius: 0 0 20px 20px;
        padding: 5px 10px;
        min-height: 45px; }
    .section-hrv-theme .btn-action {
      margin-top: 30px; } }

.section-hrv-col-tab {
  background: #E0F0FF;
  overflow: hidden; }
  .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 {
    border-radius: 24px;
    padding: 14px 24px;
    border: 1px solid #ADE0FF;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.3s; }
    .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;
      align-items: center;
      gap: 18px;
      font-size: 20px;
      font-family: var(--ldp-font-3);
      margin-bottom: 0; }
      .section-hrv-col-tab .accordion--item--title .icon img {
        max-width: 48px; }
    .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;
      padding: 0 40px 0 67px;
      margin-top: 8px;
      font-size: 18px;
      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 {
        font-size: 18px; }
        .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: 10px; }
    .section-hrv-col-tab .accordion--item:not(.open) {
      cursor: pointer; }
    .section-hrv-col-tab .accordion--item.open, .section-hrv-col-tab .accordion--item:hover {
      position: relative;
      border-color: #2463EB;
      background: #fff;
      box-shadow: 4px 4px 14.7px rgba(36, 99, 235, 0.1); }
  @media (min-width: 1366px) {
    .section-hrv-col-tab .col-content {
      padding-right: 0; }
    .section-hrv-col-tab .col-image {
      padding-left: 20px; }
    .section-hrv-col-tab .accordion--item--content .desc {
      padding-right: 85px; } }
  @media (min-width: 992px) {
    .section-hrv-col-tab .accordion--item {
      display: flex;
      align-items: center; }
      .section-hrv-col-tab .accordion--item-heading {
        flex: 0 0 auto; } }
  @media (max-width: 991px) {
    .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 {
        padding: 20px 0 0;
        margin-top: 0; }
        .section-hrv-col-tab .accordion--item--content .desc {
          margin-bottom: 15px; }
      .section-hrv-col-tab .accordion--item.open:before {
        z-index: -1; }
      .section-hrv-col-tab .accordion--item .coming-soon {
        font-size: 12px;
        margin: 0; } }
  @media (max-width: 767px) {
    .section-hrv-col-tab .accordion--item {
      padding: 15px;
      border-radius: 12px; }
      .section-hrv-col-tab .accordion--item--title {
        font-size: 16px;
        gap: 10px; }
        .section-hrv-col-tab .accordion--item--title .icon img {
          max-width: 40px; }
      .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-go {
  background: #fff; }
  .section-hrv-go .list-step {
    border-radius: 48px;
    padding: 40px 15px;
    background: #F0F9FF;
    gap: 20px; }
    .section-hrv-go .list-step .step-item {
      flex: 0 0 auto;
      width: calc(100% / 5 - 16px);
      padding: 0 16px; }
      .section-hrv-go .list-step .step-item .num {
        position: relative;
        margin: 24px 0 8px; }
        .section-hrv-go .list-step .step-item .num:before {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          width: calc(100% - 46px);
          height: 1px;
          display: inline-block;
          border: 1px dashed #007CFF; }
        .section-hrv-go .list-step .step-item .num span {
          display: inline-block;
          font-size: 20px;
          font-family: var(--ldp-font-3);
          color: #fff;
          background: #007CFF;
          border-radius: 20px;
          width: 38px;
          text-align: center; }
      .section-hrv-go .list-step .step-item .desc {
        font-size: 18px;
        line-height: 1.5; }
  @media (max-width: 991px) {
    .section-hrv-go .list-step {
      justify-content: center; }
      .section-hrv-go .list-step .step-item {
        width: calc(50% - 10px); } }
  @media (max-width: 767px) {
    .section-hrv-go .list-step {
      border-radius: 24px;
      padding: 15px 10px;
      gap: 20px 10px;
      margin: 0; }
      .section-hrv-go .list-step .step-item {
        width: calc(50% - 5px);
        padding: 0 5px; }
        .section-hrv-go .list-step .step-item .num span {
          font-size: 16px; }
        .section-hrv-go .list-step .step-item .desc {
          font-size: 14px; } }

.section-hrv-store {
  background: #1D4FD7; }
  .section-hrv-store .list-web {
    gap: 20px; }
    .section-hrv-store .list-web .web-item {
      flex: 0 0 auto;
      width: calc(100% / 3 - 13.5px);
      text-align: center;
      background: #fff;
      border-radius: 12px;
      border: 1px solid #1D4FD7;
      transition: all 0.3s;
      /*cursor: pointer;*/
      /*
   &:hover {
   border-color: #3CD2FF;
   box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
   }
*/ }
      .section-hrv-store .list-web .web-item--small {
        width: calc(100% / 6 - 17px); }
      .section-hrv-store .list-web .web-item .img img {
        border-radius: 12px 12px 0 0; }
      .section-hrv-store .list-web .web-item .title {
        font-size: 20px;
        font-family: var(--ldp-font-3);
        color: #2463EB;
        padding: 10px 10px 14px; }
  .section-hrv-store .btn-more {
    margin-top: 60px; }
    .section-hrv-store .btn-more .note {
      font-family: var(--ldp-font-3);
      color: #000;
      margin-bottom: 14px; }
  @media (max-width: 991px) {
    .section-hrv-store .list-web .web-item {
      width: 100%;
      order: var(--order); }
      .section-hrv-store .list-web .web-item--small {
        width: calc(50% - 10px); } }
  @media (max-width: 767px) {
    .section-hrv-store .list-web {
      margin: 0;
      gap: 15px; }
      .section-hrv-store .list-web .web-item .title {
        font-size: 16px; }
    .section-hrv-store .btn-more {
      margin-top: 30px; } }

.modal-web .modal-dialog {
  max-width: 1064px; }

.modal-web .modal-content {
  background: transparent;
  border: none;
  color: #fff; }

.modal-web__heading .close {
  color: #fff;
  float: none;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none; }
  .modal-web__heading .close svg {
    width: 24px;
    height: 24px;
    fill: currentcolor; }

.modal-web__heading .heading-info {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 68px 0; }
  .modal-web__heading .heading-info .name {
    font-size: 24px;
    font-family: var(--ldp-font-3);
    margin-bottom: 2px; }
  .modal-web__heading .heading-info .btn-web {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px; }

.modal-web__img {
  text-align: center;
  /*
   max-height: calc(100vh - 250px);
   overflow-y: scroll;
*/ }
  .modal-web__img img {
    width: 100%; }

@media (max-width: 991px) {
  .modal-web__heading .close {
    color: #fff;
    float: none;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none; }
    .modal-web__heading .close svg {
      width: 24px;
      height: 24px;
      fill: currentcolor; }
  .modal-web__heading .heading-info {
    margin: 30px 0; } }

.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: #F3F4F6; }
  .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.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; } }