* {
  -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: 'sfuiText_regular',sans-serif;
  font-size: 18px;
  color: #596A7D;
  line-height: 1.5;
  overflow-x: hidden;
  background: #ffffff;
  -webkit-font-smoothing: antialiased; }
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

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

a:hover {
  text-decoration: none; }

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

ol, ul {
  margin: 0; }

p {
  margin: 0 0 10px; }

/*============ 0. svg & css3 ==============*/
.brand-tchouse--1 {
  fill: #000; }

.brand-juno-1 {
  fill: #e01b22; }

.brand-concung-1 {
  fill: #ea377c; }

@-webkit-keyframes bubble-ripple {
  0% {
    transform: scale(1);
    opacity: .75; }
  25% {
    transform: scale(1);
    opacity: .75; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

@keyframes bubble-ripple {
  0% {
    transform: scale(1);
    opacity: .75; }
  25% {
    transform: scale(1);
    opacity: .75; }
  100% {
    transform: scale(1.5);
    opacity: 0; } }

@keyframes pulseripple3 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1), 0 0 0 18px rgba(255, 255, 255, 0.1), 0 0 0 24px rgba(255, 255, 255, 0.1); }
  100% {
    box-shadow: 0 0 0 18px rgba(255, 255, 255, 0.1), 0 0 0 24px rgba(255, 255, 255, 0.1), 0 0 0 38px rgba(255, 255, 255, 0); } }

@-webkit-keyframes linedash {
  to {
    stroke-dashoffset: 0; } }

@keyframes linedash {
  to {
    stroke-dashoffset: 0; } }

@keyframes linedash_1 {
  from {
    stroke-dashoffset: 238; }
  to {
    stroke-dashoffset: -238; } }

@keyframes linedash_2 {
  from {
    stroke-dashoffset: 180; }
  to {
    stroke-dashoffset: -180; } }

@keyframes linedash_3 {
  from {
    stroke-dashoffset: 247; }
  to {
    stroke-dashoffset: -247; } }

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

/*======== 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 ========= */
.homepage-heading {
  margin-bottom: 30px;
  margin-bottom: 30px; }
  .homepage-heading h2 {
    line-height: 1.4;
    font-size: 28px;
    color: #080A33;
    margin: 0 0 5px;
    font-family: 'sfuiText_semibold'; }
  .homepage-heading h2.cl-white {
    color: #ffffff; }
  .homepage-heading h2.bigTitle {
    font-size: 32px;
    font-family: var(--hrv-font-family-bold); }
  .homepage-heading .kicker {
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 20px;
    color: #3C3C3C;
    margin: 0 0 5px;
    font-family: 'sfuiText_bold'; }
  .homepage-heading .subtitle {
    font-size: 18px;
    color: #4f4f4f;
    margin: 0; }
  .homepage-heading .subtitle.cl-grey {
    color: #DEDEDE; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .homepage-heading h2.bigTitle {
      font-size: 28px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .homepage-heading h2 {
      font-size: 24px; }
    .homepage-heading h2.bigTitle {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .homepage-heading {
      margin-bottom: 20px; }
    .homepage-heading h2 {
      font-size: 20px; }
    .homepage-heading h2.bigTitle {
      font-size: 22px; }
    .homepage-heading .subtitle {
      font-size: 16px; } }

.homepage-actions {
  /*.btn-trial--blue.btn-hover-vertical:before{background-color: #ffb800;}
	.btn-trial--red.btn-hover-vertical:before{background-color: #ffb800;}*/ }
  .homepage-actions .btn-hover-vertical:before {
    background-color: #2A72FF; }
  .homepage-actions .btn-trial {
    display: inline-block;
    margin: 0;
    padding: 12px 24px;
    min-width: 280px;
    text-align: center;
    font-size: 18px;
    font-family: 'sfuiText_bold';
    text-transform: uppercase;
    color: #ffffff;
    background: #ffb800;
    border: 1px solid #ffb800;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); }
    .homepage-actions .btn-trial--arrow {
      padding-right: 5px; }
    .homepage-actions .btn-trial .arrow-svg {
      overflow: hidden;
      height: 14px;
      margin-left: 6px;
      margin-bottom: 2px;
      stroke: currentColor;
      stroke-width: 2;
      fill: transparent; }
      .homepage-actions .btn-trial .arrow-svg--inner {
        transform: translateX(-30px);
        transition: transform 200ms cubic-bezier(0.4, 0.22, 0.28, 1); }
    .homepage-actions .btn-trial--white {
      color: #FFB800;
      background: transparent; }
    .homepage-actions .btn-trial:hover, .homepage-actions .btn-trial:focus {
      color: #ffffff;
      background: #2A72FF;
      border-color: #2A72FF; }
    .homepage-actions .btn-trial:hover .arrow-svg--inner {
      -webkit-animation: right-chevron 0.4s  ease-in  alternate infinite;
      animation: right-chevron 0.4s  ease-in  alternate infinite; }
    .homepage-actions .btn-trial--white:hover, .homepage-actions .btn-trial--white:focus {
      color: #ffffff;
      background: #2A72FF;
      border-color: #2A72FF; }
    .homepage-actions .btn-trial--blue {
      background: #2B7AFE;
      border-color: #2B7AFE; }
    .homepage-actions .btn-trial--red {
      background: #E01B22;
      border-color: #E01B22;
      width: auto;
      min-width: 110px;
      margin-top: 24px; }
  .homepage-actions .txt-note {
    color: #26323d;
    margin: 5px 0 10px; }
  .homepage-actions .txt-note a {
    color: #ffffff; }
  @media (max-width: 767px) {
    .homepage-actions .btn-trial {
      font-size: 15px;
      min-width: 200px; } }

.sitelink-action {
  margin: 0; }
  .sitelink-action .link--secondary {
    color: #ffb800;
    font-size: 18px;
    text-decoration: none;
    font-family: 'sfuiText_bold';
    text-transform: uppercase; }
  .sitelink-action .link--secondary .link--arrow {
    overflow: hidden;
    height: 14px;
    margin-left: 8px;
    margin-bottom: 2px;
    stroke: currentColor;
    stroke-width: 2;
    fill: transparent; }
  .sitelink-action .link--secondary .link--arrow .link--arrow-inner {
    transform: translateX(-30px);
    transition: transform 200ms cubic-bezier(0.4, 0.22, 0.28, 1); }
  .sitelink-action .link--secondary:hover .link--arrow-inner,
  .sitelink-action .link--secondary:focus .link--arrow-inner {
    transform: translateX(-12px);
    transition: transform 300ms cubic-bezier(0.4, 0.22, 0.28, 1); }

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

@media (max-width: 767px) {
  [class^="section-hrv-"] {
    padding: 40px 0; } }

.overview-main-summary {
  padding: 60px 0; }
  .overview-main-summary .summary-detail h1 {
    margin: 0 0;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 40px;
    color: #ffffff;
    font-family: var(--hrv-font-family-bold); }
  .overview-main-summary .summary-detail .subhead {
    margin: 15px 0 30px;
    color: #DEDEDE;
    font-size: 24px;
    font-family: var(--hrv-font-family-regular); }
  .overview-main-summary .summary-detail .premier-partner__text p {
    font-size: 16px;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'sfuiText_semibold',sans-serif; }
  .overview-main-summary .summary-detail .premier-partner__list .partner--list {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center; }
  .overview-main-summary .summary-detail .premier-partner__list .partner--item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 24%;
    margin-right: 30px; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo {
      box-sizing: content-box;
      display: block;
      overflow: hidden;
      position: relative;
      width: 100%;
      margin: auto; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert {
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 50%; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert img, .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert svg {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      font-family: "blur-up: auto", "object-fit: cover";
      object-fit: contain; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert svg {
      fill: #ffffff;
      opacity: 0.8;
      transition: opacity 200ms ease-in-out; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo:hover svg {
      opacity: 1; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert .lazyload {
      opacity: 0;
      -webkit-filter: blur(5px);
      filter: blur(5px);
      transition: opacity 500ms, filter 700ms;
      -webkit-transition: opacity 500ms, filter 700ms; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert .lazyloading {
      opacity: 0.3;
      -webkit-filter: blur(8px);
      filter: blur(8px);
      transition: opacity 500ms, filter 700ms;
      -webkit-transition: opacity 500ms, filter 700ms; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item__logo .logo--insert .lazyloaded {
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
      transition: opacity 500ms, filter 700ms;
      -webkit-transition: opacity 500ms, filter 700ms; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item:nth-child(3) .partner--item__logo .logo--insert svg {
      width: 75%; }
    .overview-main-summary .summary-detail .premier-partner__list .partner--item:last-child {
      margin-right: 0; }
  .overview-main-summary .summary-detail .block-listText ul {
    margin: 15px 0 20px; }
  .overview-main-summary .summary-detail .block-listText ul li {
    position: relative;
    padding-left: 18px;
    display: inline-block;
    color: #ffffff;
    font-family: 'sfuiText_medium';
    font-size: 14px; }
  .overview-main-summary .summary-detail .block-listText ul li:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ffffff; }
  .overview-main-summary .summary-detail .block-listText ul li + li {
    margin-left: 4px; }
  .overview-main-summary .summary-detail .block-logos {
    position: relative; }
  .overview-main-summary .summary-detail .homepage-actions .btn-trial {
    min-width: 340px; }
  @media (min-width: 992px) {
    .overview-main-summary .summary-detail {
      -ms-flex: 0 0 44%;
      flex: 0 0 44%;
      max-width: 44%;
      -ms-align-self: center;
      align-self: center;
      padding-right: 30px; }
      .overview-main-summary .summary-detail .subhead {
        max-width: 410px; }
    .overview-main-summary .summary-image {
      -ms-flex: 0 0 calc(50vw + 6%);
      flex: 0 0 calc(50vw + 6%);
      max-width: calc(50vw + 6%);
      -webkit-align-self: center;
      align-self: center;
      padding-left: 0; }
      .overview-main-summary .summary-image .block-image {
        max-width: 700px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .overview-main-summary .summary-detail {
      padding-right: 15px; }
      .overview-main-summary .summary-detail h1 {
        font-size: 34px; }
    .overview-main-summary .summary-image {
      padding-left: 0;
      padding-right: 8px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .overview-main-summary {
      padding-top: 70px;
      text-align: center; }
    .overview-main-summary .summary-detail h1 {
      font-size: 32px; }
    .overview-main-summary .summary-detail .subhead {
      max-width: 75%;
      margin-left: auto;
      margin-right: auto; }
    .overview-main-summary .summary-detail .block-logos {
      margin-bottom: 40px; }
    .overview-main-summary .summary-detail .premier-partner__list {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }
      .overview-main-summary .summary-detail .premier-partner__list .partner--list {
        -ms-justify-content: center;
        justify-content: center; }
      .overview-main-summary .summary-detail .premier-partner__list .partner--item {
        margin-left: 15px;
        margin-right: 15px; }
    .overview-main-summary .summary-detail .homepage-actions .btn-trial {
      min-width: 50%; } }
  @media (max-width: 767px) {
    .overview-main-summary {
      padding: 50px 0 40px;
      text-align: center; }
    .overview-main-summary .summary-detail h1 {
      font-size: 26px; }
    .overview-main-summary .summary-detail .subhead {
      margin: 5px 0 15px;
      font-size: 20px; }
    .overview-main-summary .summary-detail .block-listText ul {
      margin: 10px 0 12px; }
    .overview-main-summary .summary-detail .block-listText ul li {
      font-size: 13px;
      padding-left: 16px;
      margin: 0 2px; }
    .overview-main-summary .summary-detail .block-listText ul li + li {
      margin-right: 0; }
    .overview-main-summary .summary-detail .premier-partner__list {
      max-width: 300px;
      margin-left: auto;
      margin-right: auto; }
      .overview-main-summary .summary-detail .premier-partner__list .partner--list {
        -ms-justify-content: center;
        justify-content: center; }
      .overview-main-summary .summary-detail .premier-partner__list .partner--item {
        margin-left: 15px;
        margin-right: 15px; }
    .overview-main-summary .summary-detail .block-logos {
      margin-bottom: 30px;
      padding-top: 0px; }
    .overview-main-summary .summary-detail .homepage-actions .btn-trial {
      width: 100%;
      min-width: initial; } }

.overview-main-benefits {
  padding-bottom: 60px; }
  .overview-main-benefits .wrapper-benefits {
    position: relative;
    padding-top: 30px; }
  .overview-main-benefits .benefit-item {
    margin-bottom: 30px; }
    .overview-main-benefits .benefit-item .txt-title {
      margin: 0;
      color: #ffffff;
      font-size: 18px;
      font-family: 'sfuiText_semibold', sans-serif; }
      .overview-main-benefits .benefit-item .txt-title svg {
        width: 20px;
        height: 18px;
        fill: currentColor;
        margin-left: 2px;
        margin-bottom: -5px; }
    .overview-main-benefits .benefit-item .txt-desc {
      margin: 0;
      color: #dedede;
      font-size: 14px; }
    .overview-main-benefits .benefit-item .txt-title.mrb {
      margin-bottom: 4px; }
    .overview-main-benefits .benefit-item .block-item {
      position: relative;
      padding: 0px 0px 1px 12px; }
      .overview-main-benefits .benefit-item .block-item:before {
        content: "";
        position: absolute;
        width: 2px;
        left: 0;
        top: 0;
        bottom: 0;
        background: #ffffff; }
    .overview-main-benefits .benefit-item .block-wrap {
      position: relative; }
      .overview-main-benefits .benefit-item .block-wrap .box-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .overview-main-benefits .benefit-item .block-wrap .box-icon {
        -ms-flex: 0 0 65px;
        flex: 0 0 65px;
        max-width: 65px; }
      .overview-main-benefits .benefit-item .block-wrap .box-text {
        -ms-flex: 0 0 calc(100% - 65px);
        flex: 0 0 calc(100% - 65px);
        max-width: calc(100% - 65px); }
      .overview-main-benefits .benefit-item .block-wrap .box-icon span {
        display: block;
        width: 65px;
        height: 65px;
        line-height: 65px;
        background: #ffffff;
        border-radius: 16px;
        text-align: center; }
      .overview-main-benefits .benefit-item .block-wrap .box-icon span svg {
        height: 100%;
        width: 55%;
        display: block;
        margin: auto; }
    .overview-main-benefits .benefit-item .benefit--scroll {
      cursor: pointer; }
  .overview-main-benefits .benefits-center {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: calc(100%/3 + 45px);
    margin: auto; }
    .overview-main-benefits .benefits-center .benefit--line {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      .overview-main-benefits .benefits-center .benefit--line svg {
        width: 100%; }
      .overview-main-benefits .benefits-center .benefit--line .line-border {
        opacity: 0.2;
        stroke-dasharray: 1% 2%;
        -webkit-animation-duration: 30s;
        -moz-animation-duration: 30s;
        animation-duration: 30s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear; }
      .overview-main-benefits .benefits-center .benefit--line .animateline_dash_1, .overview-main-benefits .benefits-center .benefit--line .animateline_dash_2, .overview-main-benefits .benefits-center .benefit--line .animateline_dash_3 {
        -webkit-animation-direction: reverse;
        -moz-animation-direction: reverse;
        animation-direction: reverse; }
      .overview-main-benefits .benefits-center .benefit--line .animateline_dash_1, .overview-main-benefits .benefits-center .benefit--line .animateline_dash_4 {
        stroke-dashoffset: 238;
        -webkit-animation-name: linedash_1;
        -moz-animation-name: linedash_1;
        animation-name: linedash_1; }
      .overview-main-benefits .benefits-center .benefit--line .animateline_dash_2, .overview-main-benefits .benefits-center .benefit--line .animateline_dash_5 {
        stroke-dashoffset: 180;
        -webkit-animation-name: linedash_2;
        -moz-animation-name: linedash_2;
        animation-name: linedash_2; }
      .overview-main-benefits .benefits-center .benefit--line .animateline_dash_3, .overview-main-benefits .benefits-center .benefit--line .animateline_dash_6 {
        stroke-dashoffset: 180;
        -webkit-animation-name: linedash_3;
        -moz-animation-name: linedash_3;
        animation-name: linedash_3; }
    .overview-main-benefits .benefits-center .benefit--hrvlg__circle {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 89px;
      height: 89px;
      line-height: 89px;
      text-align: center;
      background: #0062FF;
      border-radius: 50%;
      margin: auto; }
      .overview-main-benefits .benefits-center .benefit--hrvlg__circle svg {
        width: 52px;
        height: 100%; }
      .overview-main-benefits .benefits-center .benefit--hrvlg__circle:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent;
        border-radius: 50%;
        animation: pulseripple3 1.5s linear infinite;
        z-index: -1; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .overview-main-benefits .wrapper-benefits {
      position: relative;
      padding-top: 20px; }
    .overview-main-benefits .benefit-item {
      margin-bottom: 20px; }
      .overview-main-benefits .benefit-item .txt-title {
        font-size: 16px; }
      .overview-main-benefits .benefit-item .txt-desc {
        font-size: 13px; }
    .overview-main-benefits .benefits-center {
      top: -32px; } }
  @media (min-width: 992px) {
    .overview-main-benefits .benefit-item .block-wrap {
      text-align: right; }
      .overview-main-benefits .benefit-item .block-wrap .box-row {
        -ms-align-items: center;
        align-items: center;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
      .overview-main-benefits .benefit-item .block-wrap .box-text {
        padding-right: 18px; }
    .overview-main-benefits .benefit-item .benefit--scroll:hover .txt-title .arrow {
      -webkit-animation: downscroll 0.38s ease-in alternate infinite;
      animation: downscroll 0.38s ease-in alternate infinite; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .overview-main-benefits .benefit-item .txt-title {
      font-size: 16px; }
    .overview-main-benefits .benefit-item .block-wrap .box-icon {
      -ms-flex: 0 0 45px;
      flex: 0 0 45px;
      max-width: 45px; }
    .overview-main-benefits .benefit-item .block-wrap .box-text {
      -ms-flex: 0 0 calc(100% - 45px);
      flex: 0 0 calc(100% - 45px);
      max-width: calc(100% - 45px);
      padding-left: 15px; }
    .overview-main-benefits .benefit-item .block-wrap .box-icon span {
      width: 45px;
      height: 45px;
      line-height: 45px; }
    .overview-main-benefits .benefit-item.benefit-left-1 {
      -ms-flex-order: 1;
      order: 1; }
    .overview-main-benefits .benefit-item.benefit-left-2 {
      -ms-flex-order: 2;
      order: 2; }
    .overview-main-benefits .benefit-item.benefit-left-3 {
      -ms-flex-order: 3;
      order: 3; }
    .overview-main-benefits .benefit-item.benefit-right-1 {
      -ms-flex-order: 4;
      order: 4; }
    .overview-main-benefits .benefit-item.benefit-right-2 {
      -ms-flex-order: 5;
      order: 5; }
    .overview-main-benefits .benefit-item.benefit-right-3 {
      -ms-flex-order: 6;
      order: 6; }
    .overview-main-benefits .benefit-item.benefit-not {
      display: none; }
    .overview-main-benefits .benefits-center {
      display: none; } }
  @media (max-width: 767px) {
    .overview-main-benefits {
      padding-bottom: 30px; }
    .overview-main-benefits .wrapper-benefits {
      padding-top: 10px; }
    .overview-main-benefits .benefit-item.benefit-not, .overview-main-benefits .benefit-item.benefit-left-1, .overview-main-benefits .benefit-item.benefit-left-2, .overview-main-benefits .benefit-item.benefit-left-3 {
      display: none; }
    .overview-main-benefits .benefits-center {
      display: none; } }

.section-hrv-overview {
  padding: 0;
  background: linear-gradient(94.74deg, #003283 -37.92%, #0047BA 118.04%); }

.section-hrv-solutions .wrapper-solutions {
  margin-bottom: 80px; }

.section-hrv-solutions .wrapper-solutions:last-child {
  margin-bottom: 0px; }

.section-hrv-solutions .wrapper-heading h2 {
  font-size: 32px;
  font-family: var(--hrv-font-family-bold); }

.section-hrv-solutions .solution-detail .block-title {
  margin-bottom: 25px; }
  .section-hrv-solutions .solution-detail .block-title h2 {
    text-transform: capitalize; }
  .section-hrv-solutions .solution-detail .block-title .subtitle {
    font-size: 16px; }

.section-hrv-solutions .solution-detail .block-info {
  color: #596A7D;
  font-size: 18px; }
  .section-hrv-solutions .solution-detail .block-info b, .section-hrv-solutions .solution-detail .block-info strong {
    font-weight: initial;
    font-family: 'sfuiText_bold', sans-serif;
    color: #1C1C1C; }
  .section-hrv-solutions .solution-detail .block-info p {
    margin: 0;
    line-height: 1.55; }
  .section-hrv-solutions .solution-detail .block-info p + p {
    margin-top: 4px; }
  .section-hrv-solutions .solution-detail .block-info .box-item {
    margin-bottom: 20px; }
    .section-hrv-solutions .solution-detail .block-info .box-item--inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-align-items: center;
      align-items: center; }
    .section-hrv-solutions .solution-detail .block-info .box-item--icon {
      -ms-flex: 0 0 44px;
      flex: 0 0 44px;
      max-width: 44px;
      -ms-align-self: start;
      align-self: start; }
    .section-hrv-solutions .solution-detail .block-info .box-item--text {
      -ms-flex: 0 0 calc(100% - 44px);
      flex: 0 0 calc(100% - 44px);
      max-width: calc(100% - 44px);
      padding-left: 20px; }
    .section-hrv-solutions .solution-detail .block-info .box-item--icon span {
      display: block;
      width: 44px;
      height: 44px;
      line-height: 44px;
      margin-top: 2px;
      background: #ffffff;
      border-radius: 50%;
      box-shadow: 2px 4px 20px rgba(0, 8, 164, 0.1);
      text-align: center; }
      .section-hrv-solutions .solution-detail .block-info .box-item--icon span svg {
        height: 100%;
        width: 25px;
        display: block;
        margin: auto; }

.section-hrv-solutions .solution-detail .block-action {
  margin-top: 30px; }

.section-hrv-solutions .solution-detail .block-action-flex {
  margin-top: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center; }
  .section-hrv-solutions .solution-detail .block-action-flex .block-vector {
    padding-right: 50px;
    position: relative; }
    .section-hrv-solutions .solution-detail .block-action-flex .block-vector:after {
      content: "";
      width: 63px;
      height: 22px;
      position: absolute;
      right: 8px;
      bottom: 84%;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='63' height='22' viewBox='0 0 63 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.3001 9.05314C35.1086 -11.1971 10.2876 7.20098 1.02603 18.9313C-1.56711 22.6356 1.39647 22.6356 2.87835 20.7834C22.4388 -2.9242 48.691 2.26184 60.3001 12.7574C59.3122 13.169 57.3363 14.4861 57.3363 16.4617C57.3363 18.9312 62.1524 15.8443 62.8933 13.9922C63.6342 12.14 60.3001 2.26184 59.5591 2.26184C58.9664 2.26184 59.8061 6.78937 60.3001 9.05314Z' fill='%23FFA800'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }

.section-hrv-solutions .solution-picture .block-action {
  margin-top: 20px;
  display: none; }

.section-hrv-solutions .navTabs-tablist {
  margin-bottom: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .section-hrv-solutions .navTabs-tablist .navTabs-title {
    border-bottom: 1px solid #003895;
    padding: 0;
    list-style: none;
    margin: 0;
    padding: 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item {
      position: relative;
      margin: 0 2px; }
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item + .navlist-item:before {
        content: "";
        position: absolute;
        height: 52%;
        width: 1px;
        background: #5C6874;
        left: 0px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
        text-decoration: none;
        outline: none;
        text-align: center;
        text-transform: capitalize;
        font-size: 20px;
        color: #5C6874;
        font-family: 'sfuiText_semibold', sans-serif;
        display: block;
        position: relative;
        z-index: 1;
        padding: 13px 30px;
        border: 0;
        background-color: transparent;
        border-radius: 5px 5px 0px 0px; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:before, .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:after {
          content: "";
          position: absolute;
          z-index: -1;
          bottom: 0;
          width: 9px;
          height: 9px;
          opacity: 0; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:before {
          left: calc(100% - 1px);
          background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8L0 8L0 0C0 4.41716 3.58141 7.99818 8 8Z' fill='%23003895'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-position: left bottom; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:after {
          right: calc(100% - 1px);
          background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8L8 8L8 0C8 4.41716 4.41859 7.99818 0 8Z' fill='%23003895'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-position: left bottom;
          background-repeat: no-repeat;
          background-position: left bottom; }
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active .navlist-link {
        color: #ffffff;
        border: 0;
        background-color: #003895; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active .navlist-link:before, .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active .navlist-link:after {
          opacity: 1;
          -webkit-transition-property: opacity;
          transition-property: opacity;
          -webkit-transition-duration: 0.55s;
          transition-duration: 0.55s; }
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active:before,
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active + .navlist-item:before {
        display: none; }
  .section-hrv-solutions .navTabs-tablist--white .navTabs-title {
    border-bottom-color: #ffffff; }
  .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item + .navlist-item:before {
    background: #dedede; }
  .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item .navlist-link {
    color: #f0f0f4; }
    .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item .navlist-link:before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8L0 8L0 0C0 4.41716 3.58141 7.99818 8 8Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); }
    .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item .navlist-link:after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8L8 8L8 0C8 4.41716 4.41859 7.99818 0 8Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); }
  .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item.active .navlist-link {
    color: #003895;
    background-color: #ffffff; }

.section-hrv-solutions .solutions_tabpanel_carousel:not(.owl-loaded) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: hidden; }

.section-hrv-solutions .solutions_tabpanel_carousel:not(.owl-loaded) > div {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.section-hrv-solutions.section-solutions-haraweb {
  background: #F5F9FC; }

.section-hrv-solutions.section-solutions-marketing {
  background: #0141A7; }
  .section-hrv-solutions.section-solutions-marketing .solution-detail .block-info {
    color: #dedede; }
  .section-hrv-solutions.section-solutions-marketing .solution-detail .block-info b, .section-hrv-solutions.section-solutions-marketing .solution-detail .block-info strong {
    color: #ffffff; }
  .section-hrv-solutions.section-solutions-marketing .shapes-vector {
    display: none !important; }

@media (min-width: 1200px) {
  .section-hrv-solutions .navTabs-panel .solution-detail, .section-hrv-solutions .navTabs-panel .solution-picture {
    -ms-align-self: center;
    align-self: center; }
  .section-hrv-solutions.section-solutions-marketing .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
    min-width: 260px; }
  .section-hrv-solutions #tabpanel-selling-1 .solution-detail {
    padding-right: 0; }
  .section-hrv-solutions #tabpanel-selling-2 .solution-picture {
    padding-left: 0px; }
  .section-hrv-solutions #tabpanel-selling-3 .solution-picture {
    padding-left: 50px; }
  .section-hrv-solutions #tabpanel-selling-2 .solution-detail,
  .section-hrv-solutions #tabpanel-selling-3 .solution-detail,
  .section-hrv-solutions #tabpanel-selling-4 .solution-detail {
    padding-right: 75px; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail {
    padding-left: 0; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-picture {
    padding-right: 50px; }
  .section-hrv-solutions #tabpanel-marketing-1 .solution-detail,
  .section-hrv-solutions #tabpanel-marketing-2 .solution-detail,
  .section-hrv-solutions #tabpanel-marketing-3 .solution-detail {
    padding-right: 75px; }
  .section-hrv-solutions #tabpanel-manage-1 .solution-detail,
  .section-hrv-solutions #tabpanel-manage-2 .solution-detail,
  .section-hrv-solutions #tabpanel-manage-3 .solution-detail {
    padding-right: 50px; }
  .section-hrv-solutions #tabpanel-manage-3 .solution-picture .block-image {
    padding-top: 45px;
    padding-bottom: 45px; } }

@media (min-width: 992px) {
  .section-hrv-solutions .wrapper-heading h2 {
    font-size: 28px; }
  .section-hrv-solutions .solution-detail, .section-hrv-solutions .solution-picture {
    -ms-align-self: center;
    align-self: center; }
  .section-hrv-solutions.section-solutions-marketing {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 20px; }
    .section-hrv-solutions.section-solutions-marketing .solution-detail .block-title h2 {
      font-size: 24px; }
    .section-hrv-solutions.section-solutions-marketing .shapes-vector {
      display: block !important;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
      .section-hrv-solutions.section-solutions-marketing .shapes-vector .shapes-1 {
        position: absolute;
        left: 0;
        top: 15%;
        height: 45%;
        width: 45%;
        text-align: left; }
      .section-hrv-solutions.section-solutions-marketing .shapes-vector .shapes-2 {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 45%;
        width: 45%;
        text-align: right; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info {
    font-size: 16px; } }

@media (max-width: 1199px) and (min-width: 991px) {
  .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
    font-size: 18px;
    padding: 12px 25px; }
  .section-hrv-solutions.section-solutions-selling .navTabs-tablist .navTabs-title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    .section-hrv-solutions.section-solutions-selling .navTabs-tablist .navTabs-title .navlist-item {
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .section-hrv-solutions.section-solutions-selling .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
      padding-left: 8px;
      padding-right: 8px; }
  .section-hrv-solutions.section-solutions-marketing .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
    min-width: 240px; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail {
    padding-left: 0; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-picture {
    padding-right: 40px; }
  .section-hrv-solutions #tabpanel-selling-2 .solution-detail {
    padding-right: 0px; }
  .section-hrv-solutions #tabpanel-selling-2 .solution-picture {
    padding-left: 35px; } }

@media (max-width: 991px) {
  .section-hrv-solutions .solution-detail .block-action {
    display: none; }
  .section-hrv-solutions .solution-detail .hide-mobile {
    display: none; }
  .section-hrv-solutions .solution-picture .block-action {
    text-align: center;
    display: block; }
  .section-hrv-solutions .navTabs-tablist {
    border: 1px solid #F4F7FD;
    background: #F4F7FD;
    border-radius: 4px;
    margin-bottom: 50px; }
    .section-hrv-solutions .navTabs-tablist .navTabs-title {
      border-bottom: 0; }
      .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item {
        margin: 0; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
          font-size: 20px;
          padding: 15px 60px;
          text-align: center;
          color: #080A33;
          pointer-events: none; }
          .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:before, .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link:after {
            display: none; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item + .navlist-item:before {
          display: none; }
        .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item.active .navlist-link {
          color: #080A33;
          background-color: transparent; }
    .section-hrv-solutions .navTabs-tablist--white {
      border: 1px solid #F4F7FD;
      background: transparent; }
      .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item .navlist-link {
        color: #ffffff; }
      .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item .navlist-link.active {
        color: #ffffff; }
      .section-hrv-solutions .navTabs-tablist--white .navTabs-title .navlist-item.active .navlist-link {
        color: #ffffff;
        background-color: transparent; }
  .section-hrv-solutions .solutions_navtabs_carousel:not(.owl-loaded) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden; }
  .section-hrv-solutions .solutions_navtabs_carousel:not(.owl-loaded) > .navlist-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev, .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next {
    position: absolute;
    top: calc(50% - 18px);
    width: 36px;
    height: 36px;
    font-size: 0;
    border-radius: 50%;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 0px;
    outline: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev span:before, .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev {
    left: 20px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next {
    right: 20px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 443.52 443.52' style='enable-background:new 0 0 443.52 443.52;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M143.492,221.863L336.226,29.129c6.663-6.664,6.663-17.468,0-24.132c-6.665-6.662-17.468-6.662-24.132,0l-204.8,204.8 c-6.662,6.664-6.662,17.468,0,24.132l204.8,204.8c6.78,6.548,17.584,6.36,24.132-0.42c6.387-6.614,6.387-17.099,0-23.712 L143.492,221.863z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 443.52 443.52' style='enable-background:new 0 0 443.52 443.52;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M336.226,209.591l-204.8-204.8c-6.78-6.548-17.584-6.36-24.132,0.42c-6.388,6.614-6.388,17.099,0,23.712l192.734,192.734 L107.294,414.391c-6.663,6.664-6.663,17.468,0,24.132c6.665,6.663,17.468,6.663,24.132,0l204.8-204.8 C342.889,227.058,342.889,216.255,336.226,209.591z' fill='currentColor'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev.disabled, .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next.disabled {
    opacity: 0.3; } }

@media (max-width: 991px) and (min-width: 768px) {
  .section-hrv-solutions .wrapper-heading h2 {
    font-size: 26px; }
  .section-hrv-solutions .solution-detail .block-title {
    margin-bottom: 15px; }
  .section-hrv-solutions .solution-detail .block-info {
    margin-bottom: 35px; }
  .section-hrv-solutions .solution-picture .block-image + .block-action {
    margin-top: 35px; }
  .section-hrv-solutions .solution-picture .homepage-actions .btn-trial {
    min-width: 50%; } }

@media (max-width: 767px) {
  .section-hrv-solutions .wrapper-solutions {
    margin-bottom: 40px; }
  .section-hrv-solutions .wrapper-solutions:last-child {
    margin-bottom: 0px; }
  .section-hrv-solutions .wrapper-heading h2 {
    font-size: 22px; }
  .section-hrv-solutions .solution-detail .block-title {
    margin-bottom: 15px; }
  .section-hrv-solutions .solution-detail .block-info {
    font-size: 14px;
    margin-bottom: 25px; }
  .section-hrv-solutions .solution-picture .homepage-actions .btn-trial {
    width: 100%; }
  .section-hrv-solutions .navTabs-tablist {
    margin-bottom: 30px; }
    .section-hrv-solutions .navTabs-tablist .navTabs-title .navlist-item .navlist-link {
      padding: 15px 40px;
      font-size: 18px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev, .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev span:before, .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next span:before {
    background-size: 14px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-prev {
    left: 5px; }
  .section-hrv-solutions .solutions_navtabs_carousel .owl-nav .owl-next {
    right: 5px; }
  .section-hrv-solutions .wrapper-navTabs-panel {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden; }
    .section-hrv-solutions .wrapper-navTabs-panel .navTabs-panel--detail {
      padding-left: 15px;
      padding-right: 15px; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item:nth-child(even) {
    padding-left: 6px; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item:nth-child(odd) {
    padding-right: 6px; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item--inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item--icon, .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item--text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .section-hrv-solutions #solutions-selling-hrweb .solution-detail .block-info .box-item--text {
    padding-left: 0;
    padding-top: 12px; } }

.section-hrv-slidequotes .testimonial-wrapper {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: linear-gradient(90deg, #003791 -0.01%, #0043B1 101.26%); }

.section-hrv-slidequotes .testimonial-picture {
  background: #f1f1f1;
  padding-left: 0;
  padding-right: 0;
  border-radius: 10px 20px 80px 10px;
  overflow: hidden; }

.section-hrv-slidequotes .testimonial-blockquote {
  padding-left: 0;
  padding-right: 0; }

.section-hrv-slidequotes .testimonial-item__image {
  padding-left: 0;
  padding-right: 0; }

.section-hrv-slidequotes .testimonial-item__quote {
  padding: 40px 80px 85px;
  color: #ffffff; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__brand--dflex {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__brand--logo {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px; }
    .section-hrv-slidequotes .testimonial-item__quote .quote__brand--logo .circle_logo {
      display: block;
      width: 50px;
      height: 50px;
      line-height: 50px;
      background: #ffffff;
      border-radius: 50%;
      text-align: center; }
      .section-hrv-slidequotes .testimonial-item__quote .quote__brand--logo .circle_logo svg {
        height: 100%;
        width: 70%;
        display: block;
        margin: auto; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__brand--name {
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding-left: 20px;
    margin: 0;
    font-size: 24px;
    font-family: 'sfuiText_bold', sans-serif; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__text {
    font-style: italic;
    font-size: 18px;
    font-family: 'sfuiText_medium', sans-serif;
    margin: 25px 0; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__name {
    display: block;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    font-family: 'sfuiText_semibold', sans-serif; }
  .section-hrv-slidequotes .testimonial-item__quote .quote__cite {
    font-style: normal;
    font-size: 12px; }

.section-hrv-slidequotes .testimonial_carousel:not(.owl-loaded) {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

.section-hrv-slidequotes .testimonial_carousel:not(.owl-loaded) > div {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.section-hrv-slidequotes .testimonial_carousel .owl-nav {
  position: absolute;
  bottom: 25px;
  left: 80px; }
  .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-prev, .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-next {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-right: 20px;
    background: #ffffff;
    border-radius: 50%;
    border: 0;
    text-align: center;
    outline: none; }
    .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-prev svg, .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-next svg {
      display: block;
      margin: auto;
      height: 100%;
      width: 25px; }

@media (max-width: 1199px) and (min-width: 992px) {
  .section-hrv-slidequotes .testimonial-item__quote {
    padding: 30px 20px 65px 35px; }
  .section-hrv-slidequotes .testimonial_carousel .owl-nav {
    left: 35px;
    bottom: 20px; } }

@media (min-width: 992px) {
  .section-hrv-slidequotes .testimonial-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    background-image: url("https://file.hstatic.net/1000001117/file/hrvhome-vector-pattern_fd6fef7762044cfcaa94527832009ab7.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right; } }

@media (max-width: 767px) {
  .section-hrv-slidequotes .testimonial-picture {
    border-radius: 0px; }
  .section-hrv-slidequotes .testimonial-item__quote {
    padding: 15px 20px 55px;
    text-align: center; }
    .section-hrv-slidequotes .testimonial-item__quote .quote__brand--dflex {
      -ms-justify-content: center;
      justify-content: center; }
    .section-hrv-slidequotes .testimonial-item__quote .quote__brand--name {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      max-width: calc(100% - 40px);
      padding-left: 20px;
      font-size: 18px; }
    .section-hrv-slidequotes .testimonial-item__quote .quote__text {
      font-size: 14px;
      margin: 20px 0; }
    .section-hrv-slidequotes .testimonial-item__quote .quote__name {
      font-size: 13px; }
  .section-hrv-slidequotes .testimonial_carousel .owl-nav {
    bottom: 10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-prev, .section-hrv-slidequotes .testimonial_carousel .owl-nav .owl-next {
    margin: 0 10px; } }

.section-hrv-testimonials {
  padding-bottom: 30px; }
  .section-hrv-testimonials .testimonial-item__inner {
    padding: 16px 12px;
    background: #FFFFFF;
    border: 1px solid #000000;
    border-radius: 15px; }
  .section-hrv-testimonials .testimonial-item__quote blockquote {
    margin: 0 0; }
  .section-hrv-testimonials .testimonial-item__quote .quote__stars {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .section-hrv-testimonials .testimonial-item__quote .quote__stars svg {
      width: 20px; }
  .section-hrv-testimonials .testimonial-item__quote .quote__text {
    color: #2c2c2c;
    margin: 12px 0 25px;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'sfuiText_regular', sans-serif; }
  .section-hrv-testimonials .testimonial-item__quote .quote__name {
    display: block;
    color: #2c2c2c;
    font-style: normal;
    font-size: 16px;
    font-family: 'sfuiText_semibold', sans-serif; }
  .section-hrv-testimonials .testimonial-item__quote .quote__cite {
    font-style: normal;
    font-size: 12px;
    color: #A7A7A7; }
  .section-hrv-testimonials .testimonial-item__quote .quote__video {
    position: relative;
    margin-top: 8px; }
    .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play {
      box-shadow: 7px 6px 13.16px 0.84px rgba(0, 0, 0, 0.2);
      position: absolute;
      top: calc(50% - 20px);
      left: calc(50% - 20px);
      z-index: 2; }
      .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
        width: 0px;
        height: 0px;
        border-radius: 2px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #ffffff; }
      .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play, .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play span {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        background: #FF0000;
        text-align: center; }
      .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play .bubble-ripple, .section-hrv-testimonials .testimonial-item__quote .quote__video .ico-play .bubble-ripple-inner {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        -webkit-animation: bubble-ripple 1.8s linear infinite;
        -moz-animation: bubble-ripple 1.8s linear infinite;
        -o-animation: bubble-ripple 1.8s linear infinite;
        animation: bubble-ripple 1.8s linear infinite; }
    .section-hrv-testimonials .testimonial-item__quote .quote__video img {
      border-radius: 15px; }
  .section-hrv-testimonials .testimonial-item__avtar {
    border-top: 1px solid #E5E5E5;
    margin-top: 15px;
    padding-top: 15px; }
    .section-hrv-testimonials .testimonial-item__avtar .quote__brand {
      display: -ms-flexbox;
      display: flex;
      -ms-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -ms-justify-content: space-between;
      justify-content: space-between; }
      .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo {
        -ms-flex: 0 0 calc(100% - 50px);
        flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
        padding-right: 15px; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo svg {
          height: 100%; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo svg, .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo img {
          max-height: 50px; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo .logo-tch svg {
          height: 40px;
          width: 40px; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo .logo-tch p {
          padding-left: 12px;
          margin: 0;
          font-size: 14px;
          font-family: 'sfuiText_semibold', sans-serif; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo .logo-aothun svg {
          max-height: 30px; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo .logo-ibasic img {
          max-height: 30px; }
        .section-hrv-testimonials .testimonial-item__avtar .quote__brand--logo .logo-giaybom img {
          max-height: 38px; }
      .section-hrv-testimonials .testimonial-item__avtar .quote__brand--avt {
        -ms-flex: 0 0 54px;
        flex: 0 0 54px;
        max-width: 54px; }
  @media (min-width: 992px) {
    .section-hrv-testimonials .grid-listrow {
      --gap: 30px;
      --columns: 3;
      display: column;
      -moz-columns: var(--columns);
      columns: var(--columns);
      gap: var(--gap); }
      .section-hrv-testimonials .grid-listrow .grid-item {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        margin-bottom: var(--gap); } }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-hrv-testimonials .wrapper-content {
      margin-left: -15px;
      margin-right: -15px; }
    .section-hrv-testimonials .grid-listrow .grid-item {
      padding-left: 15px;
      padding-right: 15px;
      width: 320px; }
    .section-hrv-testimonials .grid-listrow:not(.owl-loaded) {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: hidden; }
      .section-hrv-testimonials .grid-listrow:not(.owl-loaded) .grid-item {
        -ms-flex: 0 320px;
        flex: 0 0 320px;
        max-width: 320px; }
    .section-hrv-testimonials .testimonial-item__inner {
      min-height: 465px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-justify-content: space-between;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .section-hrv-testimonials .wrapper-content {
      margin-left: -15px;
      margin-right: -15px; }
    .section-hrv-testimonials .grid-listrow .grid-item {
      padding-left: 15px;
      padding-right: 5px;
      width: 290px; }
    .section-hrv-testimonials .grid-listrow:not(.owl-loaded) {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: hidden; }
      .section-hrv-testimonials .grid-listrow:not(.owl-loaded) .grid-item {
        -ms-flex: 0 290px;
        flex: 0 0 290px;
        max-width: 290px; }
    .section-hrv-testimonials .testimonial-item__inner {
      min-height: 435px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-justify-content: space-between;
      justify-content: space-between; }
    .section-hrv-testimonials .testimonial-item__quote .quote__video {
      margin-top: 30px; }
    .section-hrv-testimonials .testimonial-item__quote .quote__text {
      font-size: 14px;
      min-height: 190px; }
    .section-hrv-testimonials .testimonial-item__quote .quote__name {
      font-size: 13px; } }

.wrapper-trustbrands .trusted-brands {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  .wrapper-trustbrands .trusted-brands__title {
    position: relative;
    padding: 15px 0;
    margin-bottom: 15px; }
    .wrapper-trustbrands .trusted-brands__title:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      max-width: 200px;
      margin: auto;
      height: 1px;
      background: #FF1744; }
    .wrapper-trustbrands .trusted-brands__title h3 {
      color: #3F3F3F;
      font-size: 18px;
      margin: 0 0 5px;
      font-family: 'sfuiText_medium'; }
    .wrapper-trustbrands .trusted-brands__title .cl_light {
      color: #FF1744; }
  .wrapper-trustbrands .trusted-brands__list {
    position: relative; }
    .wrapper-trustbrands .trusted-brands__list:before, .wrapper-trustbrands .trusted-brands__list:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #0049BE;
      max-width: 1140px;
      margin-left: auto;
      margin-right: auto; }
    .wrapper-trustbrands .trusted-brands__list:before {
      top: 0; }
    .wrapper-trustbrands .trusted-brands__list:after {
      bottom: 0; }
    .wrapper-trustbrands .trusted-brands__list .brand-item {
      padding: 10px 18px; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo {
        box-sizing: content-box;
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin: auto; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .logo--insert {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 60%; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .logo--insert img,
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .logo--insert svg {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        max-height: 90%;
        -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; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .logo--insert svg {
        width: 100%;
        height: 100%; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .lazyload {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .lazyloading {
        opacity: 0.3;
        -webkit-filter: blur(8px);
        filter: blur(8px);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
      .wrapper-trustbrands .trusted-brands__list .brand-item--logo .lazyloaded {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
    .wrapper-trustbrands .trusted-brands__list .brand-item.brand-bitis .brand-item--logo img,
    .wrapper-trustbrands .trusted-brands__list .brand-item.brand-vietjet .brand-item--logo img {
      max-width: 84%; }
    .wrapper-trustbrands .trusted-brands__list .brand-item.brand-aeon .brand-item--logo svg,
    .wrapper-trustbrands .trusted-brands__list .brand-item.brand-vinamilk .brand-item--logo img {
      max-width: 80%; }
    .wrapper-trustbrands .trusted-brands__list .brand-item.brand-tchouse .brand-item--logo svg {
      max-width: 52%; }
    .wrapper-trustbrands .trusted-brands__list:not(.owl-loaded) {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: hidden; }
    .wrapper-trustbrands .trusted-brands__list:not(.owl-loaded) .brand-item {
      -ms-flex: 0 0 calc(100%/9);
      flex: 0 0 calc(100%/9);
      max-width: calc(100%/9); }
  @media (max-width: 1199px) and (min-width: 992px) {
    .wrapper-trustbrands .trusted-brands__list:before, .wrapper-trustbrands .trusted-brands__list:after {
      max-width: 960px; }
    .wrapper-trustbrands .trusted-brands__list:not(.owl-loaded) .brand-item {
      -ms-flex: 0 0 calc(100%/8);
      flex: 0 0 calc(100%/8);
      max-width: calc(100%/8); } }
  @media (max-width: 991px) and (min-width: 768px) {
    .wrapper-trustbrands .trusted-brands__list:before, .wrapper-trustbrands .trusted-brands__list:after {
      max-width: 700px; }
    .wrapper-trustbrands .trusted-brands__list:not(.owl-loaded) .brand-item {
      -ms-flex: 0 0 calc(100%/6);
      flex: 0 0 calc(100%/6);
      max-width: calc(100%/6); } }
  @media (max-width: 767px) {
    .wrapper-trustbrands .trusted-brands__title {
      padding: 5px 0 8px; }
      .wrapper-trustbrands .trusted-brands__title h3 {
        font-size: 16px; }
      .wrapper-trustbrands .trusted-brands__title:before {
        max-width: 150px; }
    .wrapper-trustbrands .trusted-brands__list:before, .wrapper-trustbrands .trusted-brands__list:after {
      left: 15px;
      right: 15px;
      max-width: 540px; }
    .wrapper-trustbrands .trusted-brands__list .brand-item {
      padding: 12px 10px; }
    .wrapper-trustbrands .trusted-brands__list:not(.owl-loaded) .brand-item {
      -ms-flex: 0 0 calc(100%/4);
      flex: 0 0 calc(100%/4);
      max-width: calc(100%/4); } }

.section-hrv-freetrial {
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  margin-bottom: 45px; }
  .section-hrv-freetrial:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: url("https://file.hstatic.net/1000001117/file/hrvhome-bottom-bg_04f3790413d7461db4c4a0584660b8cb.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain; }
  .section-hrv-freetrial .freetrial-inner {
    position: relative;
    z-index: 1;
    margin-top: 60px; }
    .section-hrv-freetrial .freetrial-inner .homepage-heading h2 {
      font-size: 32px;
      line-height: 1.5; }
    .section-hrv-freetrial .freetrial-inner .homepage-heading h2 .cl-lowlight {
      color: #ff0000;
      text-transform: uppercase; }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-hrv-freetrial .freetrial-inner .homepage-heading h2 {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .section-hrv-freetrial {
      margin-bottom: 15px; }
    .section-hrv-freetrial .freetrial-inner {
      margin-top: 40px; }
      .section-hrv-freetrial .freetrial-inner .homepage-heading h2 {
        font-size: 22px; }
      .section-hrv-freetrial .freetrial-inner .homepage-actions .btn-trial {
        width: 100%; } }

.section-hrv-brands-feature {
  background: linear-gradient(180deg, #E7F8FF 36.92%, rgba(231, 248, 255, 0) 100%);
  padding: 45px 0 52px; }
  .section-hrv-brands-feature .list-brands {
    font-family: var(--hrv-font-family-bold); }
    .section-hrv-brands-feature .list-brands .brands-left .item-box {
      padding: 0 8px 0 13px;
      margin-bottom: 14px;
      min-height: 110px;
      border-radius: 8px;
      border-left: 4px solid #59A9FF;
      background: #FFF;
      display: flex;
      flex-flow: column;
      justify-content: center; }
      .section-hrv-brands-feature .list-brands .brands-left .item-box--title {
        color: #2979FF;
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.9px; }
      .section-hrv-brands-feature .list-brands .brands-left .item-box--desc {
        color: #2A363B;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: -0.6px; }
      .section-hrv-brands-feature .list-brands .brands-left .item-box--img {
        display: flex;
        justify-content: space-between;
        margin-top: 5px; }
      .section-hrv-brands-feature .list-brands .brands-left .item-box--6 {
        padding: 0 65px 0 13px; }
    .section-hrv-brands-feature .list-brands .brands-right--title {
      padding-left: 18px;
      padding-right: 0;
      color: #0047BA;
      text-align: right;
      font-family: var(--hrv-font-family-bold);
      font-size: 12px;
      line-height: 120%;
      letter-spacing: -0.35px;
      text-transform: uppercase;
      display: flex;
      align-items: flex-end;
      -webkit-align-items: flex-end;
      justify-content: center;
      -webkit-justify-content: center;
      flex-flow: column; }
    .section-hrv-brands-feature .list-brands .brands-right--logo {
      display: flex;
      padding-left: 0px;
      margin-bottom: 7px;
      align-items: flex-start;
      align-content: flex-start;
      gap: 5px 6px;
      flex: 1 0 0;
      flex-wrap: wrap;
      border-left: 1px solid #71D4FF; }
      .section-hrv-brands-feature .list-brands .brands-right--logo .right-logo--item {
        display: flex;
        width: 98px;
        height: 33px;
        padding: 6px 15px;
        justify-content: center;
        align-items: center;
        background: #fff; }
        .section-hrv-brands-feature .list-brands .brands-right--logo .right-logo--item img {
          width: auto;
          height: auto;
          max-height: 28px; }
    .section-hrv-brands-feature .list-brands .brands-right > .row:first-child .brands-right--title {
      display: block;
      padding-top: 15px; }
  .section-hrv-brands-feature .list-feature {
    margin: 20px 0 24px; }
    .section-hrv-brands-feature .list-feature .feature-item {
      display: flex;
      padding: 24px;
      height: 100%;
      justify-content: start;
      align-items: center;
      gap: 12px;
      border-radius: 8px;
      background: #FFF;
      box-shadow: 0px 18px 88px -4px rgba(41, 82, 179, 0.14), 0px 8px 28px -6px rgba(66, 106, 201, 0.12); }
      .section-hrv-brands-feature .list-feature .feature-item--icon {
        flex: 0 0 80px; }
      .section-hrv-brands-feature .list-feature .feature-item--desc {
        color: #2A363B;
        font-family: var(--hrv-font-family-regular);
        font-size: 24px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.6px; }
  @media (max-width: 991px) {
    .section-hrv-brands-feature .list-feature .row > div {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .section-hrv-brands-feature {
      padding: 40px 0; }
      .section-hrv-brands-feature .list-brands .brands-left .brands-left-item:nth-child(even) {
        padding-left: 7.5px; }
      .section-hrv-brands-feature .list-brands .brands-left .brands-left-item:nth-child(odd) {
        padding-right: 7.5px; }
      .section-hrv-brands-feature .list-brands .brands-left .item-box {
        min-height: 95px; }
        .section-hrv-brands-feature .list-brands .brands-left .item-box--title {
          font-size: 24px; }
        .section-hrv-brands-feature .list-brands .brands-left .item-box--desc {
          font-size: 14px; }
      .section-hrv-brands-feature .list-brands .brands-right {
        margin-top: 10px; }
        .section-hrv-brands-feature .list-brands .brands-right--title {
          font-size: 11px;
          padding-left: 10px;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          max-width: 20%; }
        .section-hrv-brands-feature .list-brands .brands-right .col-10 {
          -ms-flex: 0 0 80%;
          flex: 0 0 80%;
          max-width: 80%; }
        .section-hrv-brands-feature .list-brands .brands-right .right-logo--item {
          width: 23%; }
      .section-hrv-brands-feature .list-feature .feature-item {
        padding: 10px 15px; }
        .section-hrv-brands-feature .list-feature .feature-item--desc {
          font-size: 18px; } }
  @media (max-width: 480px) {
    .section-hrv-brands-feature .list-brands .brands-left .item-box--6 {
      padding: 0 40px 0 13px; } }

.section-hrv-livestream {
  overflow: hidden;
  padding: 85px 0 55px;
  /*background-image: linear-gradient(to right,#4AADFC, #47A9FF, #6880FF, #FFB8B8, #FFC5DE, #FFAFAF);*/
  background-image: url(https://file.hstatic.net/1000001117/file/bg-min_fbc0da76b822449d883c0bfccce29dda.png);
  background-size: cover;
  background-repeat: no-repeat;
  /*@media(max-width: 480px){
	.livestream-left{
	.livestream-auto{
	ul{li{flex: 0 0 100%;}}
}
}
}*/ }
  .section-hrv-livestream .tag-new {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-family: var(--hrv-font-family-bold);
    background: #E01B22;
    color: #FFEBEE;
    padding: 8px 10px 4px;
    line-height: 120%;
    letter-spacing: -0.35px;
    text-transform: uppercase; }
    .section-hrv-livestream .tag-new:before {
      content: '';
      display: block;
      border: 5px solid transparent;
      border-top-color: #B70A10;
      border-left-color: #B70A10;
      width: 0;
      height: 0;
      position: absolute;
      top: 100%;
      left: 0; }
    .section-hrv-livestream .tag-new span {
      width: 0;
      height: 0;
      position: absolute;
      right: -13px; }
      .section-hrv-livestream .tag-new span.new_1 {
        border-bottom: 0px solid transparent;
        border-right: 14px solid transparent;
        border-top: 15px solid #E01B22;
        top: 0; }
      .section-hrv-livestream .tag-new span.new_2 {
        border-top: 0px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 15px solid #E01B22;
        right: -12px;
        bottom: 0; }
  .section-hrv-livestream h2 {
    color: #0047BA;
    font-family: var(--hrv-font-family-bold);
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.9px;
    margin-top: 10px; }
  .section-hrv-livestream p {
    color: #0047BA;
    font-family: var(--hrv-font-family-bold);
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.6px; }
  .section-hrv-livestream .livestream-left .auto-title {
    color: #263238;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.45px;
    margin: 24px 0 12px; }
  .section-hrv-livestream .livestream-left .livestream-auto ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between; }
    .section-hrv-livestream .livestream-left .livestream-auto ul li {
      position: relative;
      margin-bottom: 10px;
      padding: 8px 5px 8px 30px;
      flex: 0 0 49%;
      border-radius: 4px;
      border: 1px solid #D4F1FF;
      background: #FFF;
      font-size: 15.5px;
      color: #2A363B; }
      .section-hrv-livestream .livestream-left .livestream-auto ul li:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M4.8819 11.7195L0.0874939 6.43951L1.68261 4.67953L4.8819 8.19952L12.069 0.269531L13.6641 2.02953L4.8819 11.7195Z' fill='%230048E5'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: 8px;
        top: 12px;
        width: 16px;
        height: 15px; }
      .section-hrv-livestream .livestream-left .livestream-auto ul li span {
        color: #0047BA;
        font-weight: 700; }
        .section-hrv-livestream .livestream-left .livestream-auto ul li span.tab-title-tag {
          position: absolute;
          top: -15px;
          background: #ff9a0e;
          color: #ffffff;
          font-size: 12px;
          font-weight: 400;
          padding: 3px 10px 0;
          border-radius: 10px; }
      .section-hrv-livestream .livestream-left .livestream-auto ul li:nth-child(6) {
        margin-top: 12px; }
  .section-hrv-livestream .livestream-left .btn-trial {
    width: auto;
    min-width: 110px;
    margin-top: 24px; }
  .section-hrv-livestream .livestream-right {
    /*margin: -140px -700px -220px -390px;*/
    margin: -45% -115% -45% -50%; }
  .section-hrv-livestream .livestream-right-mb h2, .section-hrv-livestream .livestream-right-mb p {
    display: none; }
  @media (min-width: 992px) and (max-width: 1200px) {
    .section-hrv-livestream {
      padding: 30px 0; }
      .section-hrv-livestream .livestream-right {
        /*margin: -140px -300px -220px -150px;*/
        margin: -20% -64% -30% -40%; } }
  @media (max-width: 991px) {
    .section-hrv-livestream {
      padding: 40px 0; }
      .section-hrv-livestream .row {
        flex-flow: column-reverse; }
      .section-hrv-livestream .livestream-left h2, .section-hrv-livestream .livestream-left p {
        display: none; }
      .section-hrv-livestream .livestream-left .homepage-actions {
        text-align: center; }
      .section-hrv-livestream .livestream-right {
        /*margin: 0 -100px 0 60px;*/
        margin: -5% -50% -10% -10%; }
      .section-hrv-livestream .livestream-right-mb h2, .section-hrv-livestream .livestream-right-mb p {
        display: block; } }
  @media (max-width: 767px) {
    .section-hrv-livestream .tag-new {
      font-size: 14px; }
    .section-hrv-livestream h2 {
      font-size: 24px; }
    .section-hrv-livestream p {
      font-size: 18px; }
    .section-hrv-livestream .livestream-left .livestream-auto .auto-title {
      font-size: 16px;
      margin: 10px 0 5px; }
    .section-hrv-livestream .livestream-left .livestream-auto ul li {
      font-size: 13px;
      flex: 0 0 100%; }
      .section-hrv-livestream .livestream-left .livestream-auto ul li:nth-child(6) {
        order: 1; }
    .section-hrv-livestream .livestream-right {
      margin: 0 -40% -6% -10%; } }

/*======== PROMOTION LDP ========= */
.promotion-banners {
  margin-bottom: 40px;
  position: relative;
  z-index: 1; }
  .promotion-banners__block {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto; }
  .promotion-banners--1 .promotion-banners__block {
    background: radial-gradient(45.19% 72.71% at 50.13% 100%, #25F49D 0%, rgba(253, 208, 0, 0) 100%); }
  .promotion-banners--2 .promotion-banners__block {
    background: radial-gradient(49.42% 72.71% at 52.58% 100%, #25B6F4 0%, rgba(253, 208, 0, 0) 100%); }
  .promotion-banners--3 .promotion-banners__block {
    background: radial-gradient(53.01% 72.71% at 51.08% 100%, #25F4A9 0%, rgba(1, 66, 167, 0) 86.98%);
    padding: 0 10%;
    max-width: 80%; }
  .promotion-banners--4 .promotion-banners__block {
    background: radial-gradient(49% 72.71% at 52.56% 100%, #B225F4 0%, rgba(1, 66, 167, 0) 92.19%);
    padding: 0 10%;
    max-width: 80%; }
  @media (max-width: 991px) and (min-width: 768px) {
    .promotion-banners__block {
      max-width: 90%; }
    .promotion-banners--3 .promotion-banners__block {
      padding: 0 4%;
      max-width: 92%; }
    .promotion-banners--4 .promotion-banners__block {
      padding: 0 4%;
      max-width: 92%; } }
  @media (max-width: 767px) {
    .promotion-banners__block {
      max-width: 100%; }
    .promotion-banners--3 .promotion-banners__block {
      padding: 0 0 0 2%;
      max-width: 94%; }
    .promotion-banners--4 .promotion-banners__block {
      padding: 0 0 0 2%;
      max-width: 94%; } }

.overview-main-promotion {
  padding: 20px 0 0;
  background-color: #0122fe;
  overflow: hidden;
  background-image: url("https://file.hstatic.net/1000033225/file/hrv9nam-bg-homepage_0609021ace9c4ef6896030e684cb4c81.jpg");
  background-repeat: no-repeat;
  background-position: 10% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .overview-main-promotion .hrvprmt-detail__inner {
    padding-top: 50px;
    padding-bottom: 55px;
    position: relative;
    z-index: 2; }
  .overview-main-promotion .hrvprmt-detail h1 {
    margin: 0 0;
    line-height: 1.3;
    letter-spacing: -0.6px;
    font-size: 42px;
    color: #ffffff;
    font-family: var(--hrv-font-family-bold); }
  .overview-main-promotion .hrvprmt-detail .subhead {
    line-height: 1.3;
    max-width: 85%;
    margin: 10px 0 25px;
    color: #fafafa;
    font-size: 28px;
    font-family: var(--hrv-font-family-medium); }
  .overview-main-promotion .hrvprmt-detail .subhead .label-sale {
    color: #ffffff;
    font-size: 130%; }
  .overview-main-promotion .hrvprmt-detail .block-lbsale {
    margin: 15px 0 30px;
    padding: 0 10px; }
    .overview-main-promotion .hrvprmt-detail .block-lbsale--box {
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 16px 20px 12px 74px;
      background: transparent;
      display: inline-block;
      font-size: 22px;
      font-family: var(--hrv-font-family-bold);
      line-height: 1.25;
      color: #AA2727;
      letter-spacing: -0.9px;
      text-shadow: 0px 0px 1.65px rgba(255, 250, 245, 0.67), 0.825px 0.825px 2.475px #FFFFFF; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box .label-icon {
        position: absolute;
        width: 50px;
        left: 14px;
        top: -6px; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box:before, .overview-main-promotion .hrvprmt-detail .block-lbsale--box:after {
        content: "";
        z-index: -1;
        position: absolute;
        height: 50%;
        left: 0;
        right: 0;
        background: #ffe103; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box:before {
        transform: skew(40deg);
        top: 1px; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box:after {
        transform: skew(-40deg);
        bottom: 0; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .overview-main-promotion .hrvprmt-detail .block-lbsale {
        padding-right: 0;
        margin-right: -10px; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box {
        font-size: 20px;
        padding: 16px 15px 12px 66px; }
        .overview-main-promotion .hrvprmt-detail .block-lbsale--box .label-icon {
          width: 46px;
          left: 12px;
          top: -4px; } }
    @media (max-width: 767px) {
      .overview-main-promotion .hrvprmt-detail .block-lbsale {
        padding: 0 0 0 2px;
        margin-bottom: 20px;
        margin-left: 0px; }
      .overview-main-promotion .hrvprmt-detail .block-lbsale--box {
        font-size: 16px;
        padding: 12px 10px 8px 45px; }
        .overview-main-promotion .hrvprmt-detail .block-lbsale--box .label-icon {
          width: 35px;
          left: 5px;
          top: -5px; }
        .overview-main-promotion .hrvprmt-detail .block-lbsale--box:before {
          transform: skew(35deg); }
        .overview-main-promotion .hrvprmt-detail .block-lbsale--box:after {
          transform: skew(-35deg); } }
  .overview-main-promotion .hrvprmt-detail .block-time {
    margin-bottom: 20px; }
    .overview-main-promotion .hrvprmt-detail .block-time--box {
      display: inline-block;
      border-radius: 8px;
      padding: 12px;
      background: linear-gradient(180deg, #1007AB 0%, rgba(16, 7, 171, 0) 100%);
      text-align: center; }
    .overview-main-promotion .hrvprmt-detail .block-time--text {
      line-height: 1.2;
      text-align: center;
      margin: 0 0 10px;
      font-size: 24px;
      color: #ffffff;
      font-family: var(--hrv-font-family-bold); }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] {
      padding: 0 0;
      text-align: center;
      font-size: initial; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-group-inner {
      margin: 0px; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] > .soon-group {
      border: 1px solid #001B3C;
      border-radius: 6px;
      background: linear-gradient(180deg, #00223E 0%, #012D51 56.5%, #000F1C 60.21%, #003159 100%); }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] > .soon-group .soon-group-sub + .soon-group-sub {
      border-left: 1px solid #001B3C; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] > .soon-group .soon-group {
      text-align: center;
      padding: 5px 15px; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-label {
      letter-spacing: -0.35px;
      margin: 0;
      text-transform: uppercase;
      color: #FFB300;
      font-size: 17px;
      font-family: var(--hrv-font-family-bold); }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-value {
      color: #FFE082;
      font-size: 37px;
      font-family: var(--hrv-font-family-bold); }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-separator {
      display: none;
      font-size: 20px;
      vertical-align: top;
      padding: 5px 6px;
      color: #ffffff; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-separator,
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-slot-inner {
      text-shadow: none; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon-countdown {
      opacity: 0;
      min-height: 95px;
      min-width: 325px; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon-countdown[data-initialized="true"] {
      opacity: 1; }
  .overview-main-promotion .hrvprmt-detail .premier-partner {
    margin-top: 15px; }
    .overview-main-promotion .hrvprmt-detail .premier-partner__text p {
      font-size: 16px;
      margin: 0 0 10px;
      text-transform: uppercase;
      color: #ffffff;
      font-family: 'sfuiText_semibold',sans-serif; }
    .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--list {
      display: -ms-flexbox;
      display: flex;
      -ms-align-items: center;
      align-items: center; }
    .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: 21%;
      margin-right: 32px; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo {
        box-sizing: content-box;
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin: auto; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 50%; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert img, .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert svg {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        font-family: "blur-up: auto", "object-fit: cover";
        object-fit: contain; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert svg {
        fill: #ffffff;
        opacity: 0.8;
        transition: opacity 200ms ease-in-out; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo:hover svg {
        opacity: 1; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert .lazyload {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert .lazyloading {
        opacity: 0.3;
        -webkit-filter: blur(8px);
        filter: blur(8px);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item__logo .logo--insert .lazyloaded {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
        transition: opacity 500ms, filter 700ms;
        -webkit-transition: opacity 500ms, filter 700ms; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item:nth-child(3) .partner--item__logo .logo--insert svg {
        width: 75%; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item:last-child {
        margin-right: 0; }
  .overview-main-promotion .hrvprmt-detail .homepage-actions .btn-trial {
    min-width: 340px;
    background: #FF9900;
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); }
  .overview-main-promotion .hrvprmt-image__inner {
    padding-top: 55px;
    padding-bottom: 40px; }
  .overview-main-promotion .hrvprmt-image .block-image {
    position: relative;
    z-index: 1;
    margin-right: -15px;
    margin-left: -30px; }
    .overview-main-promotion .hrvprmt-image .block-image:before {
      content: "";
      position: absolute;
      z-index: -1;
      height: 100%;
      left: -5%;
      right: -5%;
      bottom: 20%;
      background-image: url("data:image/svg+xml,%3Csvg width='704' height='621' viewBox='0 0 704 621' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_9140_36251)'%3E%3Cpath d='M429.071 159.568C464.894 167.97 467.438 131.856 496.15 126.901C598.147 109.301 607.822 354.893 502.874 391.919C403.583 426.948 301.317 225.542 301.317 225.542C301.317 225.542 281.554 172.182 301.317 150.601C319.153 131.124 342.412 132.067 367.916 138.911C388.065 144.318 408.76 154.804 429.071 159.568Z' fill='%2300FFB2'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_9140_36251)'%3E%3Cpath d='M262.993 257.754C298.817 266.156 301.361 230.042 330.072 225.087C432.069 207.486 441.745 453.079 336.796 490.104C237.505 525.134 135.24 323.728 135.24 323.728C135.24 323.728 115.477 270.368 135.24 248.786C153.075 229.31 176.334 230.253 201.838 237.097C221.988 242.504 242.682 252.99 262.993 257.754Z' fill='%2300FFB2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_9140_36251' x='166.564' y='0.0308075' width='536.643' height='521.949' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='62.9846' result='effect1_foregroundBlur_9140_36251'/%3E%3C/filter%3E%3Cfilter id='filter1_f_9140_36251' x='0.486862' y='98.2166' width='536.643' height='521.949' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='62.9846' result='effect1_foregroundBlur_9140_36251'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top center; }
  @media (min-width: 992px) {
    .overview-main-promotion .hrvprmt-detail {
      -ms-align-self: center;
      align-self: center; }
    .overview-main-promotion .hrvprmt-image {
      -webkit-align-self: center;
      align-self: center; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .overview-main-promotion .hrvprmt-detail h1 {
      font-size: 36px; }
    .overview-main-promotion .hrvprmt-detail .subhead {
      max-width: 90%;
      font-size: 26px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .overview-main-promotion {
      padding-top: 60px;
      text-align: center; }
    .overview-main-promotion .hrvprmt-detail__inner {
      padding-top: 0px;
      padding-bottom: 0px; }
    .overview-main-promotion .hrvprmt-detail .subhead {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto; }
    .overview-main-promotion .hrvprmt-detail .block-time--text {
      font-size: 16px;
      text-align: center; }
    .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] {
      text-align: center; }
    .overview-main-promotion .hrvprmt-detail .block-logos {
      margin-bottom: 40px; }
    .overview-main-promotion .hrvprmt-detail .premier-partner__list {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--list {
        -ms-justify-content: center;
        justify-content: center; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item {
        margin-left: 15px;
        margin-right: 15px; }
    .overview-main-promotion .hrvprmt-detail .homepage-actions .btn-trial {
      min-width: 50%; }
    .overview-main-promotion .hrvprmt-image {
      padding: 0 50px; }
      .overview-main-promotion .hrvprmt-image .block-image {
        margin-right: 0;
        margin-left: 0; } }
  @media (max-width: 767px) {
    .overview-main-promotion {
      padding: 45px 0 30px;
      background-position: 80% 100%; }
    .overview-main-promotion .hrvprmt-detail__inner {
      padding-top: 0px;
      padding-bottom: 0px; }
    .overview-main-promotion .hrvprmt-detail h1 {
      font-size: 28px; }
    .overview-main-promotion .hrvprmt-detail .subhead {
      margin: 5px 0 15px;
      font-size: 20px;
      max-width: 100%; }
    .overview-main-promotion .hrvprmt-detail .block-time {
      margin-bottom: 10px; }
      .overview-main-promotion .hrvprmt-detail .block-time--text {
        font-size: 18px;
        text-align: center; }
      .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-label {
        font-size: 14px; }
      .overview-main-promotion .hrvprmt-detail .block-time--soon .soon[data-layout*=group] .soon-value {
        font-size: 28px; }
      .overview-main-promotion .hrvprmt-detail .block-time--soon .soon-countdown {
        min-height: 75px;
        min-width: 280px; }
    .overview-main-promotion .hrvprmt-detail .premier-partner__list {
      max-width: 300px;
      margin-left: 0;
      margin-right: auto; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--list {
        -ms-justify-content: start;
        justify-content: start; }
      .overview-main-promotion .hrvprmt-detail .premier-partner__list .partner--item {
        margin-left: 10px;
        margin-right: 20px;
        max-width: 25%; }
    .overview-main-promotion .hrvprmt-detail .homepage-actions .btn-trial {
      width: 100%;
      min-width: auto; }
    .overview-main-promotion .hrvprmt-image__inner {
      padding-top: 30px;
      padding-bottom: 0px; }
    .overview-main-promotion .hrvprmt-image .block-image {
      margin-left: 0;
      padding: 0 15px; }
      .overview-main-promotion .hrvprmt-image .block-image:before {
        height: 100%;
        left: -5%;
        right: -5%;
        bottom: 28%; } }

.overview-main-voucher {
  background: linear-gradient(180deg, #0060FF 0%, #1033E9 3.65%, #0935E0 13.49%, #0347F4 24.82%, #024FD9 89.06%, #0043B1 100%);
  padding: 30px 0px; }
  .overview-main-voucher .wrapper-voucher {
    max-width: 1570px;
    margin-left: auto;
    margin-right: auto; }
  .overview-main-voucher .list-voucher {
    margin: 0 0px; }
  @media (min-width: 1200px) {
    .overview-main-voucher .voucher-item {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (max-width: 767px) {
    .overview-main-voucher {
      padding: 20px 0; }
    .overview-main-voucher .wrapper-voucher-overflow {
      position: relative;
      margin: 0 -15px;
      overflow: hidden; }
    .overview-main-voucher .list-voucher {
      margin-left: 0;
      margin-right: 0px;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 30px;
      margin-bottom: -30px;
      padding-left: 10px;
      padding-right: 10px; }
    .overview-main-voucher .voucher-item {
      padding-left: 5px;
      padding-right: 5px; } }

.overview-main-voucher + .overview-main-benefits {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .overview-main-voucher + .overview-main-benefits:before, .overview-main-voucher + .overview-main-benefits:after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 45%;
    width: 28%; }
  .overview-main-voucher + .overview-main-benefits:before {
    left: 0;
    bottom: 0;
    background-image: url("https://file.hstatic.net/1000033225/file/frame-left_8eaf22ee8f47485ebf3017ed6d3bc458.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain; }
  .overview-main-voucher + .overview-main-benefits:after {
    right: 0;
    bottom: 0;
    background-image: url("https://file.hstatic.net/1000033225/file/frame-right_74f57f5d35124bf3ac316a095e3b617b.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain; }

@media (max-width: 767px) {
  .promotion-banners {
    margin-bottom: 25px; }
  .overview-main-voucher + .overview-main-benefits {
    padding: 40px 0 35px; }
    .overview-main-voucher + .overview-main-benefits:before, .overview-main-voucher + .overview-main-benefits:after {
      width: 38%; } }

.overview-main-promotion .hrvprmt-image .block-ima {
  -webkit-animation: pulse_scale 0.8s infinite;
  -moz-animation: pulse_scale 0.8s infinite;
  animation: pulse_scale 0.8s infinite; }

.promotion-banners .lazyload-image {
  transform-origin: bottom;
  -webkit-animation: pulse_scale_baner 0.7s infinite;
  -moz-animation: pulse_scale_baner 0.7s infinite;
  animation: pulse_scale_baner 0.7s infinite; }

.overview-main-promotion .path-amimate {
  transform-origin: 50% 50%;
  animation: flickersvg_2 0.8s linear infinite; }

@keyframes pulse_scale_baner {
  0% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98); } }

@keyframes flickersvg {
  0% {
    color: #ffffff;
    transform: scale(0.96); }
  50% {
    color: #ff0000;
    transform: scale(1); } }

@keyframes flickersvg_2 {
  0% {
    fill: #ffffff;
    -webkit-transform: scale(0.88);
    transform: scale(0.88); }
  50% {
    fill: #ffe103;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    fill: #ffffff;
    -webkit-transform: scale(0.88);
    transform: scale(0.88); } }

@-moz-keyframes pulse_scale {
  0% {
    -moz-transform: rotate(0) scale(0.96) skew(1deg); }
  50% {
    -moz-transform: rotate(0) -moz-scale(1) skew(1deg); }
  100% {
    -moz-transform: rotate(0) scale(0.96) skew(1deg); } }

@-webkit-keyframes pulse_scale {
  0% {
    -webkit-transform: rotate(0) scale(0.96) skew(1deg); }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -webkit-transform: rotate(0) scale(0.96) skew(1deg); } }

@-o-keyframes pulse_scale {
  0% {
    -o-transform: rotate(0) scale(0.96) skew(1deg); }
  50% {
    -o-transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -o-transform: rotate(0) scale(0.96) skew(1deg); } }

/*

.navTabs-tablist{
margin-bottom:50px;
display: -ms-flexbox;display: flex; -ms-justify-content: center; -ms-justify-content: center;justify-content: center;
.navTabs-title{
border-bottom: 1px solid #5C6874;
display: -ms-flexbox; display: flex;
-ms-flex-wrap: wrap; flex-wrap: wrap;
padding: 0; list-style: none;margin:0;
.nav-item{margin:0 0;}
.nav-item + .nav-item{margin-left:40px;}
.nav-link{
text-transform: capitalize;color: #5C6874;font-family: 'sfuiText_semibold', sans-serif;
position: relative;border: 0;padding:15px 5px;    background-color: transparent; border: 0;
&:before{
content:"";position: absolute;left:0;right:0;bottom: -1px;
height:2px;-webkit-transform: scaleX(0);transform: scaleX(0);
-webkit-transform-origin: 50%;transform-origin: 50%;
-webkit-transition-property: transform;	transition-property: transform;
-webkit-transition-duration: 0.4s;	transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;	transition-timing-function: ease-out;
}
}
.nav-link.active{
color: #333CFF;  border: 0;  background-color: transparent;
&:before{    background:#333CFF;-webkit-transform: scaleX(100%);transform: scaleX(100%);}
}
.navlist-item{
& + .navlist-item{margin-left:40px;}
.navlist-link{    
text-decoration: none;outline: none;
text-transform: capitalize;color: #5C6874;font-family: 'sfuiText_semibold', sans-serif;
display: block;position: relative;padding:15px 5px;border: 0;background-color: transparent;
&:before{
content:"";position: absolute;left:0;right:0;bottom: -1px;
height:2px;-webkit-transform: scaleX(0);transform: scaleX(0);
-webkit-transform-origin: 50%;transform-origin: 50%;
-webkit-transition-property: transform;	transition-property: transform;
-webkit-transition-duration: 0.4s;	transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;	transition-timing-function: ease-out;
}
}
.navlist-link.active{
color: #333CFF;  border: 0;  background-color: transparent;
&:before{    background:#333CFF;-webkit-transform: scaleX(100%);transform: scaleX(100%);}
}
}
}
}
*/