@charset "UTF-8";
@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: 40px; }

@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;
  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 .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: 40px; }
  .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: 16px; }
      .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 110px;
  /*rotator style 1*/ }
  .overview-main-summary h1 {
    font-size: 56px;
    font-family: var(--ldp-font-3);
    display: flex;
    justify-content: center; }
  .overview-main-summary .rotator-wrapper {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    transition: all 0.5s ease; }
  .overview-main-summary .rotator-title {
    flex-shrink: 0; }
    .overview-main-summary .rotator-title:first-child {
      margin-right: 16px; }
    .overview-main-summary .rotator-title:last-child {
      margin-left: 16px; }
  .overview-main-summary .rotator-box {
    display: inline-block;
    width: 480px;
    height: 67px;
    overflow: hidden;
    position: relative;
    transition: width 0.5s ease; }
  .overview-main-summary .rotator-content {
    position: absolute;
    top: 0;
    left: 0;
    transition: top 0.5s ease;
    color: #1D4FD7; }
  .overview-main-summary .rotator-content div {
    white-space: nowrap;
    /*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: 64px; }
    .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-banner {
    position: relative; }
    .overview-main-summary .summary-banner .img-loading {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .overview-main-summary .summary-banner .img-loading img {
        height: auto; }
    .overview-main-summary .summary-banner #riveCanvas {
      opacity: 0;
      /*transition: opacity 0.5s ease-in-out;*/ }
    .overview-main-summary .summary-banner .lazyload-image img.lazyloaded + .lds-spinner {
      display: none; }
    .overview-main-summary .summary-banner .lazyload-image img + .lds-spinner div:after {
      background: #ccc; }
    .overview-main-summary .summary-banner #riveCanvas {
      width: 100%; }
  .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: 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; }
  @media (max-width: 1365px) {
    .overview-main-summary .rotator-wrapper {
      flex-flow: column;
      white-space: normal; }
    .overview-main-summary .rotator-title:first-child, .overview-main-summary .rotator-title:last-child {
      margin: 0; }
    .overview-main-summary .rotator-box {
      width: 570px !important;
      /*height: 38px;*/
      text-align: center; }
    .overview-main-summary .rotator-content {
      width: 100%; } }
  @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 .rotator-box {
      height: 38px; } }
  @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: 32px;
        gap: 15px; }
        .overview-main-summary .logo-partner svg {
          max-height: 28px; }
        .overview-main-summary .logo-partner .img-bg {
          height: 25px;
          width: 100px; } }

.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 5px 0;
      text-transform: uppercase; }
      .content-box .detail .title .text-tag--2 {
        color: #1EB99D;
        border-color: #1EB99D; }
    .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 5px 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-tab {
  background: #fff; }
  .section-hrv-tab:before {
    background: #E1F3FE; }
  .section-hrv-tab .tab-title .list-title {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 24px; }
    .section-hrv-tab .tab-title .list-title .title {
      font-size: 18px;
      font-family: var(--ldp-font-3);
      padding: 9px 16px;
      border-radius: 60px;
      border: 1px solid #E5E7EB;
      background: #fff;
      transition: all 0.3s;
      cursor: pointer; }
      .section-hrv-tab .tab-title .list-title .title.active {
        color: #fff;
        background: #2463EB;
        border-color: #2463EB; }
      .section-hrv-tab .tab-title .list-title .title:not(.active):hover {
        color: #111827;
        background: #F9FAFB; }
  .section-hrv-tab .tab-detail .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;
    text-transform: uppercase; }
  .section-hrv-tab .tab-detail .detail {
    display: none; }
    .section-hrv-tab .tab-detail .detail.show {
      display: block; }
    .section-hrv-tab .tab-detail .detail .video-box {
      aspect-ratio: 1 / 1;
      /* hoặc 4/3, 21/9 tuỳ video */
      overflow: hidden; }
      .section-hrv-tab .tab-detail .detail .video-box video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        opacity: 0;
        transition: all 0.3s; }
        .section-hrv-tab .tab-detail .detail .video-box video.ready, .section-hrv-tab .tab-detail .detail .video-box video.no-video {
          opacity: 1; }
  .section-hrv-tab .tab-detail .list-item .owl-carousel:not(.owl-loaded) {
    display: flex !important;
    /*flex-flow: nowrap;overflow: hidden;*/ }
    .section-hrv-tab .tab-detail .list-item .owl-carousel:not(.owl-loaded) .tab-item {
      flex: 0 0 100%;
      width: 100%; }
    .section-hrv-tab .tab-detail .list-item .owl-carousel:not(.owl-loaded) .play-pause-btn {
      opacity: 0; }
  @media (min-width: 992px) {
    .section-hrv-tab .tab-detail {
      /*
   .list-item{
   .owl-carousel{
   display: flex !important;
   justify-content: space-between;
   gap: 80px;
   }
   .owl-dots {
   display: flex;
   flex-direction: column;
   flex: 0 0 calc(50% - 40px);
   }
   .owl-dots .owl-dot{
   position: relative;margin-bottom: 15px;
   }
   .owl-dots .owl-dot:before{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 4px;
   height: 100%;
   border-radius: 5px;
   background: #eee;
   }
   .slide-progress {
   position: absolute;
   top: 0;
   left: 0;
   width: 4px;
   height: 0;
   max-height: 100%;
   background: #7fc242;
   transition: height 0s;
   border-radius: 5px;
   }
   .tab-item{
   .video-box{
   video{
   width: calc(50% - 40px);
   }
   }
   .detail-box{display: none;}
   &.owl-item:not(.active){
   .video-box{
   video{
   width: 100%;
   }
   }
   }
   }

   }
*/ }
      .section-hrv-tab .tab-detail .list-item {
        display: flex;
        gap: 80px; }
        .section-hrv-tab .tab-detail .list-item > div {
          flex: 0 0 calc(50% - 40px);
          max-width: calc(50% - 40px); }
        .section-hrv-tab .tab-detail .list-item .tab-item .detail-box {
          display: none; }
        .section-hrv-tab .tab-detail .list-item .owl-dots {
          display: none; }
        .section-hrv-tab .tab-detail .list-item .btn-dot {
          position: relative;
          cursor: pointer;
          padding: 20px;
          border-radius: 16px;
          transition: all 0.3s;
          border: 1px solid transparent; }
          .section-hrv-tab .tab-detail .list-item .btn-dot:before {
            content: '';
            position: absolute;
            top: 0;
            left: -26px;
            width: 6px;
            height: 100%;
            border-radius: 10px;
            background: #D1D5DB; }
          .section-hrv-tab .tab-detail .list-item .btn-dot .title {
            font-size: 24px;
            font-family: var(--ldp-font-3);
            display: flex;
            gap: 16px; }
            .section-hrv-tab .tab-detail .list-item .btn-dot .title .icon {
              flex: 0 0 28px; }
              .section-hrv-tab .tab-detail .list-item .btn-dot .title .icon svg {
                fill: #4B5563;
                transition: all 0.3s; }
              .section-hrv-tab .tab-detail .list-item .btn-dot .title .icon--2 svg {
                stroke: #4B5563; }
          .section-hrv-tab .tab-detail .list-item .btn-dot .desc {
            font-size: 18px;
            margin-top: 8px;
            line-height: 150%;
            padding-left: 45px; }
          .section-hrv-tab .tab-detail .list-item .btn-dot .slide-progress {
            position: absolute;
            top: 0;
            left: -26px;
            width: 6px;
            height: 0;
            max-height: 100%;
            background: #2463EB;
            transition: height 0s;
            border-radius: 10px; }
          .section-hrv-tab .tab-detail .list-item .btn-dot:not(:first-child) .desc {
            display: none; }
          .section-hrv-tab .tab-detail .list-item .btn-dot:not(:last-child) {
            margin-bottom: 16px; }
          .section-hrv-tab .tab-detail .list-item .btn-dot.active, .section-hrv-tab .tab-detail .list-item .btn-dot:hover {
            background: #F0F6FF;
            border-color: rgba(173, 224, 255, 0.5); }
            .section-hrv-tab .tab-detail .list-item .btn-dot.active .title, .section-hrv-tab .tab-detail .list-item .btn-dot:hover .title {
              color: #111827; }
              .section-hrv-tab .tab-detail .list-item .btn-dot.active .title .icon svg, .section-hrv-tab .tab-detail .list-item .btn-dot:hover .title .icon svg {
                fill: #2463EB; }
              .section-hrv-tab .tab-detail .list-item .btn-dot.active .title .icon--2 svg, .section-hrv-tab .tab-detail .list-item .btn-dot:hover .title .icon--2 svg {
                stroke: #2463EB; }
          .section-hrv-tab .tab-detail .list-item .btn-dot.active {
            /*.desc{display: block;}*/ }
      .section-hrv-tab .tab-detail #col-tab-6 .list-item .btn-dot {
        padding: 20px 35px 20px 20px; } }
  @media (max-width: 991px) {
    .section-hrv-tab {
      overflow-x: hidden; }
      .section-hrv-tab .list-dot {
        display: none; }
      .section-hrv-tab .tab-detail .list-item {
        /*
   .owl-nav{
   position: absolute;
   right: 0;
   bottom: -16px;
   display: flex !important;
   justify-content: end;
   gap: 8px;
   button{outline: none;
   img{
   width: 40px;
   height: 40px;
   }
   &.owl-prev{
   img{transform: rotate(180deg);}
   }
   &.disabled{
   img{opacity: 0.5;cursor: no-drop;}
   }
   }
   }
*/ }
        .section-hrv-tab .tab-detail .list-item .owl-carousel .owl-stage {
          display: flex; }
        .section-hrv-tab .tab-detail .list-item .owl-dots {
          display: flex;
          gap: 8px;
          margin-top: 32px; }
          .section-hrv-tab .tab-detail .list-item .owl-dots .owl-dot {
            width: 6px;
            height: 6px;
            border-radius: 6px;
            font-size: 0;
            background: #D1D5DB;
            transition: all 0.3s; }
            .section-hrv-tab .tab-detail .list-item .owl-dots .owl-dot.active {
              width: 40px;
              background: #2463EB; }
        .section-hrv-tab .tab-detail .list-item .tab-item {
          border: 1px solid #E5E7EB;
          border-radius: 24px;
          height: 100%;
          overflow: hidden; }
          .section-hrv-tab .tab-detail .list-item .tab-item .detail-box {
            padding: 16px; }
            .section-hrv-tab .tab-detail .list-item .tab-item .detail-box .title {
              font-size: 20px;
              font-family: var(--ldp-font-3);
              display: flex;
              justify-content: space-between;
              flex-flow: row-reverse;
              align-items: center;
              gap: 12px; }
              .section-hrv-tab .tab-detail .list-item .tab-item .detail-box .title .icon {
                flex: 0 0 24px; }
                .section-hrv-tab .tab-detail .list-item .tab-item .detail-box .title .icon svg {
                  fill: #2463EB; }
            .section-hrv-tab .tab-detail .list-item .tab-item .detail-box .desc {
              font-size: 16px;
              margin-top: 8px;
              line-height: 150%; }
      .section-hrv-tab .tab-detail .detail .video-box video {
        opacity: 1; } }
  @media (max-width: 767px) {
    .section-hrv-tab .tab-title .list-title {
      gap: 4px;
      margin-bottom: 16px; }
      .section-hrv-tab .tab-title .list-title .title {
        font-size: 14px;
        padding: 9px 12px; } }

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

.section-hrv-sticky {
  background: #E1F3FE; }
  .section-hrv-sticky:before {
    background: #F9FAFB; }
  .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: 24px;
      font-family: var(--ldp-font-3);
      margin-bottom: 12px; }
    .section-hrv-sticky .sticky-item .item-detail .desc {
      font-size: 18px;
      margin: 0;
      line-height: 150%; }
    .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--1, .section-hrv-sticky .sticky-item--3 {
      background: #fff; }
    .section-hrv-sticky .sticky-item--2, .section-hrv-sticky .sticky-item--4 {
      background: #1E3FAE;
      color: #fff; }
      .section-hrv-sticky .sticky-item--2 .item-detail .desc, .section-hrv-sticky .sticky-item--4 .item-detail .desc {
        color: rgba(255, 255, 255, 0.7); }
      .section-hrv-sticky .sticky-item--2 .item-detail .btn-more .btn-link, .section-hrv-sticky .sticky-item--4 .item-detail .btn-more .btn-link {
        color: rgba(255, 255, 255, 0.7);
        /*
   .link-title{
   background-image: linear-gradient(to right, #fff 0%, #fff 100%);
   }
*/ }
        .section-hrv-sticky .sticky-item--2 .item-detail .btn-more .btn-link .icon svg, .section-hrv-sticky .sticky-item--4 .item-detail .btn-more .btn-link .icon svg {
          fill: rgba(255, 255, 255, 0.7); }
        .section-hrv-sticky .sticky-item--2 .item-detail .btn-more .btn-link:hover, .section-hrv-sticky .sticky-item--4 .item-detail .btn-more .btn-link:hover {
          color: #fff; }
          .section-hrv-sticky .sticky-item--2 .item-detail .btn-more .btn-link:hover .icon svg, .section-hrv-sticky .sticky-item--4 .item-detail .btn-more .btn-link:hover .icon svg {
            fill: #fff; }
  @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; } }

.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-freetrial {
  background: #1D4FD7;
  /*
   .heading-title{
   .desc{display: none;color: rgba (255,255,255,0.7) }
   }
*/ }
  .section-hrv-freetrial:before {
    background: #F3F4F6; }
  .section-hrv-freetrial .container {
    position: relative;
    z-index: 1; }
  @media (min-width: 992px) {
    .section-hrv-freetrial .btn-icon--white {
      font-size: 24px;
      padding: 8px 28px 8px 8px; }
      .section-hrv-freetrial .btn-icon--white:before {
        top: 8px;
        left: 8px;
        width: 64px;
        height: 64px; }
      .section-hrv-freetrial .btn-icon--white .icon {
        width: 64px;
        height: 64px;
        line-height: 64px;
        margin-right: 14px; }
        .section-hrv-freetrial .btn-icon--white .icon svg {
          width: 30px;
          height: 30px; }
      .section-hrv-freetrial .btn-icon--white:hover:before {
        width: calc(100% - 16px);
        height: calc(100% - 16px); } }
  @media (max-width: 991px) {
    .section-hrv-freetrial {
      overflow-x: hidden;
      /*
   .heading-title{
   .desc{display: block;}
   }
*/ }
  }
  @media (max-width: 767px) {
    .section-hrv-freetrial .heading-title .title {
      font-size: 18px; } }

.section-hpbd-summary {
  position: relative;
  background-color: #2463EB;
  padding: 40px 0 95px;
  background-image: url("https://cdn.hstatic.net/files/1000033225/file/hpbd-summary-bg-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; }
  .section-hpbd-summary .summary-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 70px; }
    .section-hpbd-summary .summary-heading .subtitle {
      font-size: 28px;
      font-family: var(--ldp-font-2); }
      .section-hpbd-summary .summary-heading .subtitle img {
        margin: 0 5px; }
      .section-hpbd-summary .summary-heading .subtitle .img--1 img {
        max-height: 40px; }
      .section-hpbd-summary .summary-heading .subtitle .img--2 img {
        max-height: 48px; }
    .section-hpbd-summary .summary-heading .title {
      font-size: 48px;
      font-family: var(--ldp-font-3);
      margin: 24px 0; }
    .section-hpbd-summary .summary-heading .time {
      font-size: 24px;
      font-family: var(--ldp-font-2); }
  .section-hpbd-summary .summary-sale {
    max-width: 1082px;
    margin: 0 auto;
    gap: 14px;
    align-items: center; }
    .section-hpbd-summary .summary-sale .banner {
      -ms-flex: 0 0 48%;
      flex: 0 0 48%;
      max-width: 48%;
      position: relative;
      z-index: 1; }
    .section-hpbd-summary .summary-sale .list-sale {
      -ms-flex: 0 0 calc(52% - 14px);
      flex: 0 0 calc(52% - 14px);
      max-width: calc(52% - 14px);
      position: relative;
      padding: 30px 0 24px;
      display: flex;
      flex-flow: wrap;
      gap: 8px; }
      .section-hpbd-summary .summary-sale .list-sale:before {
        content: '';
        position: absolute;
        top: 6px;
        right: 0;
        width: 132%;
        height: 100%;
        background: linear-gradient(270deg, #1F8BFF 0%, #00B7FF 100%);
        border-radius: 24px; }
      .section-hpbd-summary .summary-sale .list-sale .sale-item {
        position: relative;
        padding: 22px 24px 12px;
        border-radius: 24px;
        font-family: var(--ldp-font-2); }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .desc1 {
          margin-bottom: 12px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .num {
          color: #2463EB;
          font-size: 48px;
          line-height: 0.8;
          letter-spacing: -3px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .title {
          text-transform: uppercase;
          line-height: 1.1; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .desc2 {
          font-size: 14px;
          margin-top: 12px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .bg-text {
          color: transparent;
          -webkit-text-fill-color: transparent;
          display: inline-block;
          background: linear-gradient(90deg, #1567E6 0%, #6E4AFF 82%);
          -webkit-background-clip: text;
          background-clip: text;
          padding-right: 28px;
          font-size: 19px;
          font-family: var(--ldp-font-3);
          position: relative;
          margin-bottom: 4px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item .bg-text:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 23px;
            height: 20px;
            background-image: url("https://cdn.hstatic.net/files/1000033225/file/hpbd-star.webp");
            background-size: contain;
            background-repeat: no-repeat; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item .tt-group {
          display: flex;
          align-items: center;
          gap: 3px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--1, .section-hpbd-summary .summary-sale .list-sale .sale-item--2 {
          -ms-flex: 0 0 calc(50% - 4px);
          flex: 0 0 calc(50% - 4px);
          max-width: calc(50% - 4px); }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--3, .section-hpbd-summary .summary-sale .list-sale .sale-item--4, .section-hpbd-summary .summary-sale .list-sale .sale-item--5 {
          -ms-flex: 0 0 calc(100% / 3 - 5.5px);
          flex: 0 0 calc(100% / 3 - 5.5px);
          max-width: calc(100% / 3 - 5.5px);
          background: #fff; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--1 {
          background: #B8F5FF; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--1 .num {
            font-size: 60px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--1 .title {
            margin-top: 10px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--2 {
          background: #FFE5FA; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--3 {
          padding: 22px 14px 14px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--3 .title {
            font-size: 24px;
            color: #2463EB; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item--4, .section-hpbd-summary .summary-sale .list-sale .sale-item--5 {
          padding: 22px 18px 14px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--4 .desc1, .section-hpbd-summary .summary-sale .list-sale .sale-item--5 .desc1 {
            margin-bottom: 6px; }
  .section-hpbd-summary .summary-btn {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 24px; }
  .section-hpbd-summary .summary-deals .block-deals {
    background: linear-gradient(180deg, #069AFE 0%, rgba(6, 154, 254, 0) 100%);
    border-radius: 24px;
    padding: 12px 15px 12px;
    position: relative;
    z-index: 1;
    max-width: 586px;
    margin: 0 0 0 auto; }
    .section-hpbd-summary .summary-deals .block-deals__title h2 {
      font-size: 24px;
      font-family: var(--ldp-font-3);
      margin-bottom: 60px; }
      .section-hpbd-summary .summary-deals .block-deals__title h2 .size-up {
        text-transform: uppercase; }
  @media (min-width: 992px) {
    .section-hpbd-summary .summary-sale .list-sale {
      padding-right: 40px; } }
  @media (max-width: 991px) {
    .section-hpbd-summary .summary-heading {
      margin-bottom: 10px; }
    .section-hpbd-summary .summary-sale {
      flex-flow: wrap;
      gap: 20px; }
      .section-hpbd-summary .summary-sale .banner,
      .section-hpbd-summary .summary-sale .list-sale {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .section-hpbd-summary .summary-sale .list-sale {
        padding: 15px; }
        .section-hpbd-summary .summary-sale .list-sale:before {
          top: 0;
          width: 100%; }
    .section-hpbd-summary .summary-deals .block-deals {
      margin: 0 auto; } }
  @media (max-width: 767px) {
    .section-hpbd-summary {
      padding: 40px 0 60px;
      background-size: contain;
      background-image: url("https://cdn.hstatic.net/files/1000033225/file/hpbd-summary-bg-mb.webp"); }
      .section-hpbd-summary .summary-heading .subtitle {
        font-size: 16px; }
        .section-hpbd-summary .summary-heading .subtitle .span-sub {
          display: block; }
        .section-hpbd-summary .summary-heading .subtitle .img--1 img {
          max-height: 30px; }
        .section-hpbd-summary .summary-heading .subtitle .img--2 img {
          max-height: 38px; }
      .section-hpbd-summary .summary-heading .title {
        font-size: 30px;
        margin: 15px 0;
        line-height: 1.4; }
      .section-hpbd-summary .summary-heading .time {
        font-size: 18px; }
      .section-hpbd-summary .summary-sale .list-sale {
        flex-flow: wrap;
        gap: 4px;
        padding: 10px; }
        .section-hpbd-summary .summary-sale .list-sale:before {
          border-radius: 16px; }
        .section-hpbd-summary .summary-sale .list-sale .sale-item {
          padding: 10px;
          border-radius: 16px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item .desc1 {
            margin-bottom: 8px;
            font-size: 12px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item .num {
            font-size: 30px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item .title,
          .section-hpbd-summary .summary-sale .list-sale .sale-item .desc2 {
            font-size: 12px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item .desc2 {
            margin-top: 8px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--1, .section-hpbd-summary .summary-sale .list-sale .sale-item--2, .section-hpbd-summary .summary-sale .list-sale .sale-item--4, .section-hpbd-summary .summary-sale .list-sale .sale-item--5 {
            -ms-flex: 0 0 calc(50% - 2px);
            flex: 0 0 calc(50% - 2px);
            max-width: calc(50% - 2px); }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--1 .num {
            font-size: 36px; }
          .section-hpbd-summary .summary-sale .list-sale .sale-item--3 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            order: 1; }
            .section-hpbd-summary .summary-sale .list-sale .sale-item--3 .title {
              font-size: 16px; }
      .section-hpbd-summary .summary-deals .block-deals {
        padding: 15px 8px 12px; }
        .section-hpbd-summary .summary-deals .block-deals__title h2 {
          font-size: 18px;
          margin-bottom: 20px; }
      .section-hpbd-summary .summary-btn {
        flex-flow: wrap;
        justify-content: center;
        gap: 10px; } }

.listing-event {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  /*
   @media (min-width:1200px) {
   .event-item.event-item__1{
   .box-bottom ul li {font-size: 12px;}
   }
   }
*/ }
  .listing-event .event-item {
    flex: 0 0 auto;
    width: calc(100% / 3);
    padding: 0;
    margin-top: -12px; }
  .listing-event .event-item .box-link {
    height: 100%;
    background: #fff;
    border-radius: 12px 12px 6px 6px;
    color: #3d5067;
    overflow: hidden;
    position: relative;
    box-shadow: 3px 3px 8px rgba(106, 157, 255, 0.7);
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear; }
  .listing-event .event-item .box-top {
    min-height: 130px;
    padding-left: 10px;
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column; }
    .listing-event .event-item .box-top .box-svg .lazyload-image__placeholder {
      padding-bottom: 78%; }
    .listing-event .event-item .box-top .box-svg img
, .listing-event .event-item .box-top .box-svg svg {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 82%;
      height: 98%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      font-family: "blur-up: auto" , "object-fit: cover";
      object-fit: contain; }
    .listing-event .event-item .box-top .box-tag {
      display: inline-block;
      text-transform: uppercase;
      font-weight: 600;
      position: relative;
      margin: 35px 0 -14px; }
      .listing-event .event-item .box-top .box-tag .span-tag {
        font-size: 16px; }
      .listing-event .event-item .box-top .box-tag:before {
        content: "";
        width: 100%;
        height: 100%;
        top: -2px;
        position: absolute;
        background-image: url("https://file.hstatic.net/1000033225/file/vector-4.webp");
        background-size: contain;
        background-repeat: no-repeat; }
      .listing-event .event-item .box-top .box-tag:after {
        content: ".";
        font-size: 36px;
        position: absolute;
        top: -21px;
        left: 5px; }
    .listing-event .event-item .box-top .box-percent {
      font-family: 'UTM Bebas';
      font-size: 56px; }
    .listing-event .event-item .box-top .box-live {
      /*margin-top: 35px;*/
      display: flex;
      align-items: center;
      color: #F93279;
      font-size: 17px;
      margin-bottom: 4px; }
      .listing-event .event-item .box-top .box-live img {
        max-width: 14px; }
      .listing-event .event-item .box-top .box-live span {
        display: inline-block;
        margin: 6px 0 0 5px; }
  .listing-event .event-item .box-bottom {
    text-align: left;
    background: #fff;
    padding: 15px 14px 28px; }
    .listing-event .event-item .box-bottom ul {
      margin: 0; }
      .listing-event .event-item .box-bottom ul li {
        position: relative;
        text-transform: uppercase;
        padding: 0 20px;
        font-size: 14px;
        color: #3D5067; }
        .listing-event .event-item .box-bottom ul li:before {
          content: "";
          position: absolute;
          left: 8px;
          top: 4px;
          width: 8px;
          height: 8px;
          background: #FFC403;
          border-radius: 50%; }
  .listing-event .event-item.event-item__1 .box-top {
    background-image: url("//file.hstatic.net/1000033225/file/bg-event-item-05th3.jpg");
    background-size: cover;
    background-position: center right;
    border-bottom: 1px solid #ffca28; }
  .listing-event .event-item.event-item__1 .box-top .box-svg img {
    width: 90%; }
  .listing-event .event-item.event-item__2 .box-top {
    background: #f0fff5;
    border-bottom: 1px solid #ffe594;
    color: #007427; }
    .listing-event .event-item.event-item__2 .box-top .box-tag .span-tag {
      display: inline-block;
      padding: 3px 0 1px 17px; }
    .listing-event .event-item.event-item__2 .box-top .box-tag:after {
      top: -18px; }
    .listing-event .event-item.event-item__2 .box-top .box-percent .icon-percent {
      position: relative;
      margin-right: 8px; }
      .listing-event .event-item.event-item__2 .box-top .box-percent .icon-percent:before {
        content: "%";
        position: absolute;
        font-size: 27px;
        right: -18px;
        top: 8px; }
  .listing-event .event-item.event-item__2 .box-top {
    padding-left: 25px; }
  .listing-event .event-item.event-item__2 .box-top .box-svg svg {
    /*height:62%;top: 54%;*/
    width: 36px;
    height: 24px;
    position: unset;
    transform: translate(0, 36px);
    margin-bottom: 39px; }
  .listing-event .event-item.event-item__2 .box-top .box-svg span {
    color: #F26E23;
    font-size: 15px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -0.585px;
    text-transform: uppercase; }
  .listing-event .event-item.event-item__2 .box-bottom__title {
    color: #6D4C41;
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    /* 16.8px */
    letter-spacing: -0.585px;
    text-transform: uppercase; }
  .listing-event .event-item.event-item__2 .box-bottom__price span:first-child {
    color: #F26E23;
    font-family: 'UTM Bebas';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 60%;
    /* 58.8px */
    letter-spacing: -0.689px;
    text-transform: uppercase; }
  .listing-event .event-item.event-item__2 .box-bottom__price span:last-child {
    color: #EF6C00;
    font-family: 'UTM Bebas';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 28px */
    letter-spacing: -0.689px;
    text-transform: uppercase;
    margin: -5px 0 0 3px;
    position: absolute; }
  .listing-event .event-item.event-item__3 .box-top {
    background-image: url("https://file.hstatic.net/1000033225/file/bkg-deal-2_a367d4c19e64461f8df31ff2d9f240fd.jpg");
    background-size: cover;
    background-position: center right;
    border-bottom: 1px solid #4EC2F7;
    color: #1357ec;
    padding-left: 28px; }
    .listing-event .event-item.event-item__3 .box-top .box-tag {
      margin-top: 15px;
      height: 30px;
      line-height: 30px; }
      .listing-event .event-item.event-item__3 .box-top .box-tag .span-tag {
        padding-left: 15px; }
      .listing-event .event-item.event-item__3 .box-top .box-tag:before {
        /*background-image: url(https://file.hstatic.net/1000033225/file/vector3_1e96f64254b44039a651386cb7a3c021.png);*/
        background: #1357ec;
        -webkit-mask: url("https://file.hstatic.net/1000033225/file/vector-1.webp") center/contain;
        mask: url("https://file.hstatic.net/1000033225/file/vector-1.webp");
        mask-repeat: no-repeat;
        mask-size: 106px; }
      .listing-event .event-item.event-item__3 .box-top .box-tag:after {
        top: -7px; }
    .listing-event .event-item.event-item__3 .box-top .box-percent {
      margin-top: -6px; }
      .listing-event .event-item.event-item__3 .box-top .box-percent .icon-percent {
        position: relative;
        margin-right: 8px; }
        .listing-event .event-item.event-item__3 .box-top .box-percent .icon-percent:before {
          content: "%";
          position: absolute;
          font-size: 27px;
          right: -18px;
          top: 10px; }
    .listing-event .event-item.event-item__3 .box-top .box-text {
      text-transform: uppercase;
      font-size: 12px;
      margin-top: -10px;
      padding-left: 5px; }
  .listing-event .event-item.event-item__3 .box-bottom ul li {
    padding: 0 10px 0 20px;
    /*font-size: 13px;*/ }
  @media (min-width: 992px) {
    .listing-event .event-item.event-item__3 .box-top .box-svg .lazyload-image__placeholder {
      padding-bottom: 85%; }
    .listing-event .event-item.event-item__3 .box-top .box-tag {
      height: 30px;
      line-height: 30px; } }
  @media (max-width: 767px) {
    .listing-event .event-item.event-item__3 .box-top {
      padding-left: 15px; } }
  .listing-event .event-item.event-item__4 .box-top {
    background: #E1FDFF;
    border-bottom: 1px solid #FFCDD7;
    color: #0505A9;
    padding-left: 18px;
    text-transform: uppercase;
    font-size: 13px; }
    .listing-event .event-item.event-item__4 .box-top .box-tag:before {
      background-image: url("https://file.hstatic.net/1000033225/file/vector-2.webp"); }
    .listing-event .event-item.event-item__4 .box-top .box-tag .span-tag {
      display: inline-block;
      padding: 3px 0 1px 17px; }
    .listing-event .event-item.event-item__4 .box-top .box-tag:after {
      top: -19px; }
    .listing-event .event-item.event-item__4 .box-top .box-percent .icon-percent {
      position: relative;
      margin-right: 6px; }
      .listing-event .event-item.event-item__4 .box-top .box-percent .icon-percent:before {
        content: "%";
        position: absolute;
        font-size: 27px;
        right: -18px;
        top: 8px; }
  .listing-event .event-item.event-item__5 {
    /*
   .box-top {
   background: #ffeff3;
   background-size: cover;background-position: center right; border-bottom:1px solid #4EC2F7;padding-left: 15px;
   svg{
   margin-left: 11px;
   }
   span{
   color: #204470;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   margin-top: 5px;
   line-height: 140%;
   letter-spacing: -0.587px;
   text-transform: uppercase;
   }
   }
*/ }
    .listing-event .event-item.event-item__5 .box-top {
      background: #FFEFF3;
      border-bottom: 1px solid #FFCDD7;
      color: #F93279;
      padding-left: 15px; }
      .listing-event .event-item.event-item__5 .box-top .box-tag:before {
        background-image: url("https://file.hstatic.net/1000033225/file/vector-3.webp"); }
      .listing-event .event-item.event-item__5 .box-top .box-tag .span-tag {
        display: inline-block;
        padding: 3px 0 1px 17px; }
      .listing-event .event-item.event-item__5 .box-top .box-tag:after {
        top: -19px; }
      .listing-event .event-item.event-item__5 .box-top .box-percent .icon-percent {
        position: relative;
        margin-right: 6px;
        color: #F93279; }
        .listing-event .event-item.event-item__5 .box-top .box-percent .icon-percent:before {
          content: "%";
          position: absolute;
          font-size: 20px;
          right: -12px;
          top: 8px;
          color: #F93279; }
      .listing-event .event-item.event-item__5 .box-top .top-title {
        margin-top: -6px;
        font-size: 13px; }
    .listing-event .event-item.event-item__5 .box-bottom .bottom-note {
      font-size: 11px;
      text-transform: none;
      line-height: 17px;
      display: block; }
  @media (min-width: 768px) {
    .listing-event .event-item {
      -webkit-order: 3;
      order: 3; }
    .listing-event .event-item.event-item__1 {
      -webkit-order: 2;
      order: 2;
      margin-top: -25px;
      /*.box-bottom ul li{font-size: 11.5px; }*/ }
      .listing-event .event-item.event-item__1 .box-link {
        position: relative;
        z-index: 3;
        height: calc(100% - 6px);
        margin-left: -5px;
        margin-right: -5px;
        -ms-transform: scale(1.12) translateY(-5px);
        -webkit-transform: scale(1.12) translateY(-5px);
        transform: scale(1.12) translateY(-5px); }
      .listing-event .event-item.event-item__1 .box-bottom {
        padding: 15px 4px 20px 10px; }
    .listing-event .event-item.event-item__2 {
      -webkit-order: 1;
      order: 1; }
      .listing-event .event-item.event-item__2 .box-top {
        padding-left: 25px; }
      .listing-event .event-item.event-item__2 .box-top .box-svg svg {
        /*height:62%;top: 54%;*/
        width: 36px;
        height: 24px;
        position: unset;
        transform: translate(0, 36px);
        margin-bottom: 39px; }
      .listing-event .event-item.event-item__2 .box-top .box-svg span {
        color: #F26E23;
        font-size: 15px;
        font-style: normal;
        font-weight: 450;
        line-height: 120%;
        /* 19.2px */
        letter-spacing: -0.585px;
        text-transform: uppercase; }
      .listing-event .event-item.event-item__2 .box-bottom {
        padding-right: 20px;
        padding-left: 8px; }
    .listing-event .event-item.event-item__3 .box-top .box-svg img {
      height: 43%;
      top: 55%;
      left: 52%; }
    .listing-event .event-item.event-item__3 .box-bottom {
      padding-left: 24px;
      padding-right: 8px; }
    .listing-event .event-item.event-item__4 .box-link {
      position: relative;
      z-index: 2; }
    .listing-event .event-item.event-item__4 .box-top .box-svg svg {
      height: 55%;
      top: 60%; }
    .listing-event .event-item.event-item__4 .box-bottom {
      padding-left: 8px;
      padding-right: 8px;
      padding-bottom: 10px; }
    .listing-event .event-item.event-item__4 .box-bottom ul li {
      padding-left: 22px;
      padding-right: 15px; }
    .listing-event .event-item.event-item__5 .box-top .box-svg svg {
      height: 76%;
      top: 68%; }
    .listing-event .event-item.event-item__5 .box-bottom {
      padding-left: 8px;
      padding-right: 8px;
      padding-bottom: 10px; }
    .listing-event .event-item.event-item__5 .box-bottom ul li {
      padding-left: 22px;
      padding-right: 18px; } }
  @media (min-width: 1200px) {
    .listing-event .event-item.event-item__1 .box-bottom ul li {
      padding: 0 18px 0 25px;
      font-size: 14px; }
      .listing-event .event-item.event-item__1 .box-bottom ul li:before {
        left: 12px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .listing-event .event-item .box-bottom ul li,
    .listing-event .event-item.event-item__3 .box-bottom ul li {
      font-size: 10px; }
    .listing-event .event-item.event-item__2 .box-top .box-percent,
    .listing-event .event-item.event-item__4 .box-top .box-percent {
      font-size: 40px; }
      .listing-event .event-item.event-item__2 .box-top .box-percent .icon-percent:before,
      .listing-event .event-item.event-item__4 .box-top .box-percent .icon-percent:before {
        font-size: 18px;
        right: -10px;
        top: 7px; }
    .listing-event .event-item.event-item__3 .box-percent {
      font-size: 60px !important;
      margin-top: -12px !important; }
      .listing-event .event-item.event-item__3 .box-percent .icon-percent:before {
        top: 8px !important; } }
  @media (max-width: 991px) {
    .listing-event .event-item .box-top {
      min-height: 130px; }
    .listing-event .event-item.event-item__1 .box-bottom ul li {
      font-size: 11px; }
    .listing-event .event-item.event-item__2 .box-top .box-tag {
      margin: 12px 0 -14px; } }
  @media (max-width: 767px) {
    .listing-event {
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap; }
    .listing-event .event-item {
      width: 50%;
      -webkit-order: 2;
      order: 2;
      margin-top: -5px; }
      .listing-event .event-item .box-top .box-svg .lazyload-image__placeholder {
        padding-bottom: 75%; }
      .listing-event .event-item .box-bottom {
        padding: 10px 10px 16px; }
        .listing-event .event-item .box-bottom ul li {
          font-size: 14px !important; }
          .listing-event .event-item .box-bottom ul li:before {
            top: 5px;
            width: 6px;
            height: 6px;
            left: 2px; }
    .listing-event .event-item.event-item__1 {
      width: 100%;
      -webkit-order: 1;
      order: 1; }
      .listing-event .event-item.event-item__1 .box-link {
        position: relative;
        z-index: 3; }
      .listing-event .event-item.event-item__1 .box-top .box-svg .lazyload-image__placeholder {
        padding-bottom: 30%; }
      .listing-event .event-item.event-item__1 .box-top .box-svg img {
        width: 74%; }
      .listing-event .event-item.event-item__1 .box-bottom {
        padding: 12px 20px; }
        .listing-event .event-item.event-item__1 .box-bottom ul {
          max-width: 220px;
          margin: 0 auto; }
    .listing-event .event-item.event-item__5 .box-top .box-svg svg {
      top: 62%; }
    .listing-event .event-item.event-item__2 .box-link,
    .listing-event .event-item.event-item__3 .box-link {
      position: relative;
      z-index: 2; }
    .listing-event .event-item.event-item__3 .box-top .box-svg .lazyload-image__placeholder {
      padding-bottom: 50%; } }

.summary-banner {
  padding-bottom: 50px; }
  .summary-banner .banner .lazyload-image {
    width: 140%;
    position: absolute;
    top: -5%;
    left: 6%; }
  .summary-banner .listing-event .event-item__1, .summary-banner .listing-event .event-item__4 {
    width: 40%; }
  .summary-banner .listing-event .event-item__2, .summary-banner .listing-event .event-item__3 {
    width: 30%; }
    .summary-banner .listing-event .event-item__2 .box-link, .summary-banner .listing-event .event-item__3 .box-link {
      height: 90%; }
    .summary-banner .listing-event .event-item__2 .box-top, .summary-banner .listing-event .event-item__3 .box-top {
      min-height: 120px;
      -webkit-justify-content: end;
      justify-content: end; }
  .summary-banner .listing-event .event-item__5 {
    width: 50%; }
  .summary-banner .listing-event .event-item__4, .summary-banner .listing-event .event-item__5 {
    margin-top: -30px;
    background: #F8F8F8;
    border-radius: 8px; }
    .summary-banner .listing-event .event-item__4 .box-link,
    .summary-banner .listing-event .event-item__4 .box-top, .summary-banner .listing-event .event-item__5 .box-link,
    .summary-banner .listing-event .event-item__5 .box-top {
      background: #F8F8F8; }
  .summary-banner .listing-event .event-item .box-top {
    padding-left: 0; }
    .summary-banner .listing-event .event-item .box-top .box-tag {
      margin: 10px 0 0; }
  .summary-banner .listing-event .event-item .box-bottom ul li {
    font-size: 14.63px;
    font-family: var(--ldp-font-3);
    text-transform: unset; }
    .summary-banner .listing-event .event-item .box-bottom ul li:before {
      top: 5px; }
  .summary-banner .listing-event .event-item__1 {
    z-index: 4; }
    .summary-banner .listing-event .event-item__1 .box-top {
      padding: 0 20px; }
    .summary-banner .listing-event .event-item__1 .box-bottom {
      padding: 15px 4px 20px 5px; }
      .summary-banner .listing-event .event-item__1 .box-bottom ul li {
        font-size: 16.72px;
        padding: 0 6px 0 25px; }
  .summary-banner .listing-event .event-item__2 {
    z-index: 3; }
    .summary-banner .listing-event .event-item__2 .box-top {
      padding-left: 20px; }
      .summary-banner .listing-event .event-item__2 .box-top .box-tag:before {
        top: -1px; }
      .summary-banner .listing-event .event-item__2 .box-top .box-tag:after {
        top: -20px; }
      .summary-banner .listing-event .event-item__2 .box-top .box-tag .span-tag {
        font-size: 20px; }
      .summary-banner .listing-event .event-item__2 .box-top .box-percent {
        font-size: 71.55px;
        line-height: 1; }
        .summary-banner .listing-event .event-item__2 .box-top .box-percent .icon-percent:before {
          font-size: 30.67px;
          right: -18px;
          top: 18px; }
    .summary-banner .listing-event .event-item__2 .box-bottom {
      padding-left: 5px; }
  .summary-banner .listing-event .event-item__3 {
    z-index: 3; }
    .summary-banner .listing-event .event-item__3 .box-top {
      padding-left: 35px; }
      .summary-banner .listing-event .event-item__3 .box-top .box-tag:before {
        top: -1px; }
      .summary-banner .listing-event .event-item__3 .box-top .box-tag:after {
        top: -12px; }
      .summary-banner .listing-event .event-item__3 .box-top .box-tag .span-tag {
        font-size: 20px;
        padding-left: 24px; }
      .summary-banner .listing-event .event-item__3 .box-top .box-percent {
        font-size: 71.55px;
        line-height: 1; }
        .summary-banner .listing-event .event-item__3 .box-top .box-percent .icon-percent:before {
          font-size: 30.67px;
          right: -18px;
          top: 18px; }
    .summary-banner .listing-event .event-item__3 .box-bottom ul li {
      padding: 0 0 0 20px; }
      .summary-banner .listing-event .event-item__3 .box-bottom ul li img {
        max-width: 15px; }
  .summary-banner .listing-event .event-item__4 .box-link {
    padding: 30px 8px 18px 12px; }
  .summary-banner .listing-event .event-item__4 .box-top {
    min-height: auto;
    border-color: #6C798F;
    display: flex;
    flex-flow: row;
    align-items: end;
    gap: 16px;
    -webkit-justify-content: start;
    justify-content: start;
    padding-bottom: 5px; }
    .summary-banner .listing-event .event-item__4 .box-top .box-tag:before {
      top: 1px; }
    .summary-banner .listing-event .event-item__4 .box-top .box-tag .span-tag {
      padding: 3px 5px 2px 14px; }
    .summary-banner .listing-event .event-item__4 .box-top .box-percent {
      font-size: 47px;
      line-height: 0.8;
      margin-bottom: 6px; }
      .summary-banner .listing-event .event-item__4 .box-top .box-percent .icon-percent:before {
        top: 15px; }
    .summary-banner .listing-event .event-item__4 .box-top .box-right {
      text-transform: none;
      color: #3D5067;
      font-size: 14.63px; }
  .summary-banner .listing-event .event-item__4 .box-desc {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 10px; }
    .summary-banner .listing-event .event-item__4 .box-desc .desc-left {
      font-size: 20.9px;
      font-family: var(--ldp-font-3);
      text-transform: uppercase;
      text-align: right;
      color: #0505A9;
      line-height: 1.1; }
    .summary-banner .listing-event .event-item__4 .box-desc .desc-right {
      font-size: 14.63px; }
  .summary-banner .listing-event .event-item__5 .box-bottom {
    background: #F8F8F8;
    padding: 45px 10px 18px 9px;
    font-family: var(--ldp-font-2); }
    .summary-banner .listing-event .event-item__5 .box-bottom .bottom-title {
      color: #2463EB;
      font-size: 25.08px;
      text-transform: uppercase;
      padding-left: 18px; }
    .summary-banner .listing-event .event-item__5 .box-bottom ul li {
      font-family: var(--ldp-font-1);
      padding-right: 5px; }
      .summary-banner .listing-event .event-item__5 .box-bottom ul li:not(:last-child) {
        margin-bottom: 3px; }
      .summary-banner .listing-event .event-item__5 .box-bottom ul li img {
        max-height: 16px; }
  @media (max-width: 991px) {
    .summary-banner .banner .lazyload-image {
      position: relative;
      width: 112%;
      top: 0;
      left: 1%; } }
  @media (max-width: 767px) {
    .summary-banner {
      padding-bottom: 0; }
      .summary-banner .listing-event .event-item__1 {
        width: 100%;
        -webkit-order: 1;
        order: 1; }
        .summary-banner .listing-event .event-item__1 .box-bottom ul {
          max-width: 100%; }
          .summary-banner .listing-event .event-item__1 .box-bottom ul li {
            padding: 0 6px 0 18px; }
      .summary-banner .listing-event .event-item__2, .summary-banner .listing-event .event-item__3 {
        width: 50%; }
      .summary-banner .listing-event .event-item__4, .summary-banner .listing-event .event-item__5 {
        width: 100%; }
      .summary-banner .listing-event .event-item__2 {
        -webkit-order: 2;
        order: 2; }
        .summary-banner .listing-event .event-item__2 .box-top {
          padding-bottom: 2px; }
          .summary-banner .listing-event .event-item__2 .box-top .box-tag:after {
            top: -22px; }
          .summary-banner .listing-event .event-item__2 .box-top .box-tag .span-tag {
            font-size: 16px; }
      .summary-banner .listing-event .event-item__3 {
        -webkit-order: 3;
        order: 3; }
        .summary-banner .listing-event .event-item__3 .box-top {
          padding-bottom: 2px; }
          .summary-banner .listing-event .event-item__3 .box-top .box-tag .span-tag {
            font-size: 16px; }
      .summary-banner .listing-event .event-item__4 {
        -webkit-order: 4;
        order: 4;
        z-index: 1; }
      .summary-banner .listing-event .event-item__5 {
        -webkit-order: 5;
        order: 5; }
        .summary-banner .listing-event .event-item__5 .box-bottom .bottom-title {
          font-size: 20px;
          margin-bottom: 5px; }
      .summary-banner .listing-event .event-item__2 .box-link, .summary-banner .listing-event .event-item__3 .box-link {
        height: 100%; } }

#modalBusiness_signup .modal-heading .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  margin: 0;
  padding: 0;
  outline: none;
  opacity: 1;
  float: initial;
  text-shadow: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: #e5e5e5;
  border: 1px solid #e5e5e5; }

#modalBusiness_signup .modal-heading .modal-close svg {
  display: block;
  fill: #33475b;
  width: 20px;
  height: 100%;
  opacity: 0.7;
  margin: auto;
  -webkit-transition: -webkit-transform 0.25s , opacity 0.25s;
  -moz-transition: -moz-transform 0.25s , opacity 0.25s;
  transition: transform 0.25s , opacity 0.25s; }

#modalBusiness_signup .modal-heading .modal-close:hover svg {
  opacity: 1;
  -webkit-transform: scale(1.12);
  -moz-transform: scale(1.12);
  transform: scale(1.12); }

#modalBusiness_signup .modal-header {
  border: none; }

#modalBusiness_signup .b24-form-header {
  padding-top: 0; }
  #modalBusiness_signup .b24-form-header .b24-form-header-title {
    color: #2463EB;
    font-family: var(--ldp-font-3);
    text-transform: uppercase; }

.section-hrv-tab.has-hpbd {
  margin-top: -50px; }

@media (max-width: 767px) {
  .section-hrv-tab.has-hpbd {
    margin-top: -24px; } }

.section-hrv-theme {
  background: #1D4FD7;
  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: #E1F3FE;
  overflow: hidden; }
  .section-hrv-col-tab .col-tab .nav-tabs {
    margin: 24px 0 64px;
    justify-content: center;
    gap: 8px;
    border: none;
    position: relative; }
    .section-hrv-col-tab .col-tab .nav-tabs .nav-link {
      background: transparent;
      color: #111827;
      border: 1px #2463EB solid;
      border-radius: 50px;
      font-size: 18px;
      font-family: var(--ldp-font-3);
      padding: 12px 16px; }
      .section-hrv-col-tab .col-tab .nav-tabs .nav-link:hover, .section-hrv-col-tab .col-tab .nav-tabs .nav-link.active {
        background: #2463EB;
        color: #fff; }
  .section-hrv-col-tab .col-tab .tab-content .tab-title {
    font-size: 32px;
    font-family: var(--ldp-font-3);
    margin: 50px 0 24px; }
    .section-hrv-col-tab .col-tab .tab-content .tab-title .tag-text {
      color: #00C3FF;
      font-size: 18px;
      border: 1px solid #00C3FF;
      padding: 4px 8px;
      border-radius: 8px; }
  .section-hrv-col-tab .col-tab .banner-mb,
  .section-hrv-col-tab .col-tab .title-mb {
    display: none; }
  .section-hrv-col-tab .col-tab .image img {
    border-radius: 24px; }
  .section-hrv-col-tab .col-tab .accordion--item {
    border-radius: 24px;
    padding: 24px;
    border: 1px solid #ADE0FF; }
    .section-hrv-col-tab .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 .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 .col-tab .accordion--item--title {
      display: flex;
      align-items: center;
      gap: 18px;
      font-size: 24px;
      font-family: var(--ldp-font-3);
      margin-bottom: 0; }
      .section-hrv-col-tab .col-tab .accordion--item--title .icon img {
        max-width: 48px; }
    .section-hrv-col-tab .col-tab .accordion--item--heading {
      position: relative;
      z-index: 2;
      padding: 24px 24px 0;
      cursor: pointer; }
    .section-hrv-col-tab .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 .col-tab .accordion--item--content .note {
        font-size: 14px;
        font-family: var(--ldp-font-2); }
      .section-hrv-col-tab .col-tab .accordion--item--content .desc {
        font-size: 18px; }
        .section-hrv-col-tab .col-tab .accordion--item--content .desc .note {
          color: #F8509D; }
        .section-hrv-col-tab .col-tab .accordion--item--content .desc .coming-soon {
          margin: 0; }
    .section-hrv-col-tab .col-tab .accordion--item:not(:last-child) {
      margin-bottom: 15px; }
    .section-hrv-col-tab .col-tab .accordion--item:not(.open) {
      cursor: pointer; }
    .section-hrv-col-tab .col-tab .accordion--item.open, .section-hrv-col-tab .col-tab .accordion--item:hover {
      position: relative;
      border-color: rgba(173, 224, 255, 0.5);
      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: 25px; }
    .section-hrv-col-tab .col-tab .accordion--item--content .desc {
      padding-right: 85px; } }
  @media (max-width: 991px) {
    .section-hrv-col-tab .col-image {
      display: none; }
    .section-hrv-col-tab .col-tab {
      /*
   .pd-mb{
   padding-top: 146%;position: relative;
   >div{
   position: absolute;
   left: 50%;
   top: 50%;
   border: none;
   overflow: hidden;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   }
   }
*/ }
      .section-hrv-col-tab .col-tab .banner-mb,
      .section-hrv-col-tab .col-tab .title-mb {
        display: block; }
      .section-hrv-col-tab .col-tab .title-mb {
        font-size: 24px;
        font-family: var(--ldp-font-3);
        line-height: 1.3;
        margin: 10px 0;
        display: flex;
        align-items: center;
        gap: 10px; }
        .section-hrv-col-tab .col-tab .title-mb .icon img {
          max-width: 35px; }
      .section-hrv-col-tab .col-tab .accordion--item {
        height: 100%; }
        .section-hrv-col-tab .col-tab .accordion--item-heading {
          display: none; }
        .section-hrv-col-tab .col-tab .accordion--item--content {
          padding: 0;
          display: block;
          margin-top: 0; }
          .section-hrv-col-tab .col-tab .accordion--item--content .desc {
            margin-bottom: 15px; }
        .section-hrv-col-tab .col-tab .accordion--item.open:before {
          z-index: -1; }
        .section-hrv-col-tab .col-tab .accordion--item .coming-soon {
          font-size: 12px;
          margin: 0; }
    .section-hrv-col-tab .tyt-accordion:not(.owl-loaded) {
      display: flex;
      overflow: hidden; }
      .section-hrv-col-tab .tyt-accordion:not(.owl-loaded) .accordion--item {
        flex: 0 0 90%;
        margin-right: 8px; }
    .section-hrv-col-tab .tyt-accordion.owl-loaded.owl-hidden {
      opacity: 1; }
    .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-stage {
      display: flex; }
      .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-stage .owl-item {
        padding-left: 3px; }
    .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-nav {
      margin-top: 20px;
      text-align: right; }
      .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-nav button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        outline: none; }
        .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-nav button.owl-prev {
          margin-right: 8px; }
          .section-hrv-col-tab .tyt-accordion.owl-loaded .owl-nav button.owl-prev img {
            transform: rotate(180deg); }
    .section-hrv-col-tab .owl-dots {
      display: flex;
      gap: 8px;
      margin-top: 32px; }
      .section-hrv-col-tab .owl-dots .owl-dot {
        width: 6px;
        height: 6px;
        border-radius: 6px;
        font-size: 0;
        background: #D1D5DB;
        transition: all 0.3s;
        outline: none; }
        .section-hrv-col-tab .owl-dots .owl-dot.active {
          width: 40px;
          background: #2463EB; } }
  @media (max-width: 767px) {
    .section-hrv-col-tab .col-tab .title-mb {
      font-size: 16px;
      margin-bottom: 8px; }
    .section-hrv-col-tab .col-tab .nav-tabs {
      /*
   justify-content: start;flex-flow: nowrap;margin: 24px 0 30px;
   overflow-x: scroll;overflow-y: hidden;padding-bottom: 3px;
*/
      margin: 24px 0 30px; }
      .section-hrv-col-tab .col-tab .nav-tabs .nav-item {
        flex: 0 0 auto; }
      .section-hrv-col-tab .col-tab .nav-tabs .nav-link {
        font-size: 14px; }
    .section-hrv-col-tab .col-tab .tab-content .tab-title {
      margin: 0 0 24px;
      font-size: 20px; }
      .section-hrv-col-tab .col-tab .tab-content .tab-title .tag-text {
        font-size: 14px; }
    .section-hrv-col-tab .col-tab .accordion--item {
      padding: 15px;
      border-radius: 12px; }
      .section-hrv-col-tab .col-tab .accordion--item--title {
        font-size: 16px; }
      .section-hrv-col-tab .col-tab .accordion--item--heading {
        padding: 16px 16px 0; }
      .section-hrv-col-tab .col-tab .accordion--item--content {
        font-size: 14px;
        margin-top: 0; } }

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