/*============ 0. Reset =============*/
* {
  margin: 0;
  padding: 0; }

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

body {
  margin: 0;
  padding: 0;
  font-family: 'sfuiText_regular',Helvetica,sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  background: #fff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased; }
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

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

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

/*============ 1. GENERAL ==============*/
.brand-googleretail-1 {
  fill: #4885ed; }

.brand-googleretail-2 {
  fill: #db3236; }

.brand-googleretail-3 {
  fill: #f4c20d; }

.brand-googleretail-4 {
  fill: #3cba54; }

.brand-googleretail-5 {
  fill: #73716f; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sitebox-heading {
  margin-bottom: 30px; }
  .sitebox-heading h2 {
    line-height: 1.5;
    font-size: 36px;
    font-weight: 700;
    color: #0047BA;
    margin: 0 0 5px;
    /*font-family: var(--hrv-font-family-bold);*/ }
  .sitebox-heading h2.cl-white {
    color: #ffffff; }
  .sitebox-heading .subtitle {
    font-size: 18px;
    color: #00294d;
    margin: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .sitebox-heading h2 {
      font-size: 28px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .sitebox-heading h2 {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .sitebox-heading {
      margin-bottom: 20px; }
    .sitebox-heading h2 {
      font-size: 22px; }
    .sitebox-heading .subtitle {
      font-size: 16px; } }

.sitebox-actions .btn-trial {
  position: relative;
  font-size: 18px;
  font-family: var(--hrv-font-family-bold), sans-serif;
  min-width: 270px;
  color: #ffffff;
  background: #2962FF;
  border: 1px solid #2962FF;
  padding: 16px 24px 12px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border-radius: 6px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14); }
  .sitebox-actions .btn-trial:before {
    content: '';
    background-color: #3d60c3;
    position: absolute;
    top: 0;
    left: -2px;
    width: 0%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .sitebox-actions .btn-trial.disabled {
    pointer-events: none;
    opacity: 0.7; }
  .sitebox-actions .btn-trial--white {
    color: #fcc027;
    background: #ffffff; }
  .sitebox-actions .btn-trial:hover, .sitebox-actions .btn-trial:focus {
    color: #ffffff;
    background: #315dd7;
    border-color: #315dd7; }
  .sitebox-actions .btn-trial--white:hover, .sitebox-actions .btn-trial--white:focus {
    color: #ffffff;
    background: #ff9800;
    border-color: #ff9800; }
  .sitebox-actions .btn-trial--start {
    background: #FF9D29; }

.sitebox-actions .txt-note {
  margin: 0;
  font-style: italic;
  font-size: 14px;
  margin: 0; }

@media (max-width: 991px) {
  .sitebox-actions .btn-trial {
    font-size: 16px;
    padding: 10px 15px 8px; } }

@media (max-width: 767px) {
  .sitebox-actions .btn-trial {
    font-size: 14px;
    padding: 10px 15px 8px; } }

@keyframes more {
  0% {
    transform: translateX(0px); }
  100% {
    transform: translateX(8px); } }

section h3 {
  color: #0047BA;
  /*font-family: var(--hrv-font-family-regular);*/
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  /* 26.4px */
  letter-spacing: -0.6px;
  margin: 12px 0 0; }

[class^="section-live-"] {
  padding-top: 60px;
  overflow-x: hidden; }

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

.section-live-overview {
  padding: 120px 0 0;
  background: #fff;
  position: relative; }
  .section-live-overview:before {
    content: '';
    background-image: url(https://file.hstatic.net/1000001117/file/mask_group-min_a22167c6b2d8412c83815522ca14045c.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 76%;
    top: 0; }
  .section-live-overview .overview-info {
    position: relative;
    z-index: 2; }
    .section-live-overview .overview-info h1 {
      color: var(--hrv-color-2, #0047BA);
      font-family: var(--hrv-font-family-bold);
      font-size: 48px;
      font-weight: 700;
      line-height: 120%;
      /* 57.6px */
      letter-spacing: -0.9px; }
    .section-live-overview .overview-info p {
      color: var(--hrv-body-text-color, #2A363B);
      font-family: var(--hrv-font-family-regular);
      font-size: 28px;
      font-weight: 400;
      line-height: 120%;
      /* 33.6px */
      letter-spacing: -0.9px;
      margin-bottom: 16px; }
  .section-live-overview .overview-banner {
    position: relative;
    z-index: 99;
    margin-top: 30px; }
    @media (min-width: 1366px) {
      .section-live-overview .overview-banner {
        width: 112%;
        margin-top: 40px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .section-live-overview {
      padding: 50px 0 0; }
      .section-live-overview:before {
        height: 74.5%; }
      .section-live-overview .overview-info h1 {
        font-size: 32px; }
      .section-live-overview .overview-info p {
        font-size: 25px; }
      .section-live-overview .overview-banner {
        margin-top: 15px; } }
  @media (max-width: 991px) {
    .section-live-overview {
      padding: 50px 0 0; }
      .section-live-overview .overview-info h1 {
        font-size: 28px; }
      .section-live-overview .overview-info p {
        font-size: 24px; } }
  @media (max-width: 767px) {
    .section-live-overview:before {
      height: 80%; }
    .section-live-overview .overview-info h1 {
      font-size: 26px; }
    .section-live-overview .overview-info p {
      font-size: 20px; } }
  @media (max-width: 576px) {
    .section-live-overview:before {
      height: 85%; } }

.section-live-gain {
  /*padding-top: 78px;*/ }
  .section-live-gain .sitebox-heading {
    margin-bottom: 24px; }
  .section-live-gain .gain-list {
    margin-bottom: 32px; }
    .section-live-gain .gain-list__item {
      padding: 26px 16px;
      border-radius: 4px;
      border: 1px solid #9AE1D9;
      background: #F2FFF9;
      height: 100%; }
      .section-live-gain .gain-list__item--detail h3 {
        color: #0047BA;
        /*font-family: var(--hrv-font-family-regular);*/
        font-size: 20px;
        font-weight: 700;
        line-height: 120%;
        /* 26.4px */
        letter-spacing: -0.6px;
        margin: 12px 0 0; }
      .section-live-gain .gain-list__item--detail p {
        color: #2A363B;
        font-weight: 400;
        line-height: 140%;
        /* 22.4px */
        letter-spacing: -0.4px; }
  @media (max-width: 991px) {
    .section-live-gain {
      padding-top: 40px; }
      .section-live-gain .gain-list > div {
        margin-bottom: 30px; }
      .section-live-gain .gain-list__item {
        padding: 15px 5px; }
        .section-live-gain .gain-list__item--detail h3 {
          font-size: 16px; }
        .section-live-gain .gain-list__item--detail p {
          font-size: 14px; } }
  @media (max-width: 767px) {
    .section-live-gain .gain-list {
      margin-bottom: 0; } }
  @media (max-width: 576px) {
    .section-live-gain .gain-list > div {
      margin-bottom: 15px; }
      .section-live-gain .gain-list > div:nth-child(even) {
        padding-left: 7.5px; }
      .section-live-gain .gain-list > div:nth-child(odd) {
        padding-right: 7.5px; } }

.section-live-solution {
  margin-bottom: 40px; }
  .section-live-solution .solution-list {
    margin-bottom: 12px; }
    .section-live-solution .solution-list__item--image img.lazyloaded + .lds-spinner {
      display: none; }
    .section-live-solution .solution-list__item--image img + .lds-spinner div:after {
      background: #333; }
    .section-live-solution .solution-list__item--detail {
      padding: 24px 11px 10px; }
      .section-live-solution .solution-list__item--detail p {
        color: #2A363B;
        font-family: var(--hrv-font-family-bold);
        text-transform: uppercase;
        margin-bottom: 3px; }
      .section-live-solution .solution-list__item--detail h3 {
        color: #0047BA;
        font-size: 22px; }
      .section-live-solution .solution-list__item--detail ul li {
        color: #2A363B;
        position: relative;
        margin-bottom: 10px;
        padding-left: 32px; }
        .section-live-solution .solution-list__item--detail 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: 2px;
          top: 5px;
          width: 16px;
          height: 15px; }
        .section-live-solution .solution-list__item--detail ul li:last-child {
          font-weight: 700;
          background: #FFF6F2;
          padding: 9px 0 9px 32px; }
          .section-live-solution .solution-list__item--detail ul li:last-child:before {
            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='%23EA0E12'/%3E%3C/svg%3E");
            top: 14px; }
  @media (min-width: 992px) {
    .section-live-solution .solution-list > div:first-child {
      padding-left: 0; }
    .section-live-solution .solution-list > div:last-child {
      padding-right: 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .section-live-solution .solution-list__item--detail h3 {
      font-size: 22px; } }
  @media (max-width: 991px) {
    .section-live-solution .solution-list__item--detail h3 {
      font-size: 20px; }
    .section-live-solution .solution-list__item--detail p {
      font-size: 14px; }
    .section-live-solution .solution-list__item--detail ul li {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .section-live-solution .solution-list {
      flex-flow: nowrap;
      overflow-x: scroll; }
      .section-live-solution .solution-list > div:first-child {
        padding-right: 7.5px; }
      .section-live-solution .solution-list > div:last-child {
        padding-left: 7.5px; }
      .section-live-solution .solution-list__item--detail {
        padding: 15px 10px 10px; }
        .section-live-solution .solution-list__item--detail h3 {
          font-size: 18px; } }

.section-live-feature {
  border-top: 1px solid #B3E5FC;
  background: #FFF; }
  .section-live-feature .sitebox-heading {
    margin-bottom: 35px; }
  .section-live-feature .feature-group__item {
    position: relative;
    margin-bottom: 36px; }
    .section-live-feature .feature-group__item:before {
      content: '';
      border-radius: var(--spacing-5, 12px);
      border: 1px solid #FFE7A1;
      background: #FFF8E4;
      width: 785px;
      /*height: 445px;*/
      height: 100%;
      position: absolute;
      top: 0;
      left: 5px; }
    .section-live-feature .feature-group__item--detail {
      padding: 62px 20px 27px 24px; }
      .section-live-feature .feature-group__item--detail p {
        border-left: 4px solid #FFD764;
        background: linear-gradient(90deg, #FFE59B 0%, rgba(255, 229, 155, 0) 100%);
        padding: 16px 25px 10px;
        display: inline-block;
        color: #2A363B;
        font-family: var(--hrv-font-family-bold);
        font-size: 18px;
        font-weight: 700;
        line-height: 120%;
        /* 21.6px */
        letter-spacing: -0.35px;
        text-transform: uppercase; }
      .section-live-feature .feature-group__item--detail h3 {
        color: #0047BA;
        /*font-size: 32px;*/
        font-size: 29px;
        line-height: 120%;
        /* 38.4px */
        letter-spacing: -0.9px;
        margin-bottom: 10px; }
      .section-live-feature .feature-group__item--detail ul li {
        color: #2A363B;
        position: relative;
        margin-bottom: 4px;
        padding-left: 32px; }
        .section-live-feature .feature-group__item--detail 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: 2px;
          top: 5px;
          width: 16px;
          height: 15px; }
    .section-live-feature .feature-group__item--detail2 {
      padding: 38px 0 22px 24px; }
      .section-live-feature .feature-group__item--detail2 p {
        border-left: 4px solid #64E4FF;
        background: linear-gradient(90deg, #9EEEFF 0%, rgba(255, 229, 155, 0) 100%); }
      .section-live-feature .feature-group__item--detail2 ul li {
        margin-bottom: 6px; }
    .section-live-feature .feature-group__item--detail3 {
      padding: 60px 0 46px 24px; }
      .section-live-feature .feature-group__item--detail3 p {
        border-left: 4px solid #FF7272;
        background: linear-gradient(90deg, #FFC1C1 0%, rgba(255, 229, 155, 0) 100%); }
      .section-live-feature .feature-group__item--detail3 ul li {
        margin-bottom: 4px; }
        .section-live-feature .feature-group__item--detail3 ul li:last-child {
          font-weight: 700; }
    .section-live-feature .feature-group__item--banner {
      position: absolute; }
      .section-live-feature .feature-group__item--banner img.lazyloaded + .lds-spinner {
        display: none; }
      .section-live-feature .feature-group__item--banner img + .lds-spinner div:after {
        background: #333; }
    .section-live-feature .feature-group__item--banner1 {
      margin: 60px 0 0 0;
      right: 47px; }
    .section-live-feature .feature-group__item--banner2 {
      margin: -15px 0 0;
      right: 6px; }
    .section-live-feature .feature-group__item--banner3 {
      /*margin: 15px 0 0;*/
      margin: 0;
      right: -15px; }
    @media (min-width: 1024px) {
      .section-live-feature .feature-group__item--banner1 {
        margin: 50px 0 0 -32px;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%; }
      .section-live-feature .feature-group__item--detail2 ul {
        width: 107%; }
      .section-live-feature .feature-group__item--banner2 {
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        max-width: 53%; }
      .section-live-feature .feature-group__item--detail3 ul {
        width: 104.5%; }
      .section-live-feature .feature-group__item--banner3 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%; } }
    @media (min-width: 1024px) and (max-width: 1199px) {
      .section-live-feature .feature-group__item:before {
        width: 660px;
        /*height: 460px;*/ }
      .section-live-feature .feature-group__item--detail h3 {
        font-size: 28px; } }
    @media (min-width: 992px) and (max-width: 1023px) {
      .section-live-feature .feature-group__item {
        /*&:before{
				height: 435px;
			}*/ }
        .section-live-feature .feature-group__item--detail {
          padding: 40px 5px 27px 40px; }
          .section-live-feature .feature-group__item--detail h3 {
            font-size: 28px; } }
    @media (max-width: 991px) {
      .section-live-feature .feature-group__item:before {
        width: 100%;
        /*height: 446px;*/ }
      .section-live-feature .feature-group__item--detail {
        padding: 20px 20px 10px 35px; }
        .section-live-feature .feature-group__item--detail p {
          font-size: 14px; }
        .section-live-feature .feature-group__item--detail h3 {
          font-size: 22px; }
        .section-live-feature .feature-group__item--detail ul li {
          font-size: 14px; }
      .section-live-feature .feature-group__item--banner {
        position: unset; }
      .section-live-feature .feature-group__item--banner1 {
        margin: 0; }
      .section-live-feature .feature-group__item--banner3 {
        margin: 15px 0 0; } }
    @media (max-width: 767px) {
      .section-live-feature .feature-group__item--detail {
        padding: 20px 5px 5px 35px; }
        .section-live-feature .feature-group__item--detail p {
          font-size: 14px; }
        .section-live-feature .feature-group__item--detail h3 {
          font-size: 20px; } }
    @media (max-width: 576px) {
      .section-live-feature .feature-group__item:before {
        width: calc(100% - 10px);
        /*height: 400px;*/ }
      .section-live-feature .feature-group__item--detail {
        max-width: calc(100% - 30px); }
      .section-live-feature .feature-group__item--banner .aspect-ratio {
        padding-bottom: 50%; }
      .section-live-feature .feature-group__item--banner2 {
        margin: 0; } }
    @media (max-width: 480px) {
      .section-live-feature .feature-group__item--detail {
        padding: 20px 0 5px 30px; } }
  .section-live-feature .feature-group__item2:before {
    border-radius: var(--spacing-5, 12px);
    border: 1px solid #ADF1FF;
    background: #E1FAFF;
    /*height: 470px;*/ }
  @media (max-width: 991px) {
    .section-live-feature .feature-group__item2--banner2 {
      position: unset; } }
  .section-live-feature .feature-group__item3:before {
    border-radius: var(--spacing-5, 12px);
    border: 1px solid #FFD0D0;
    background: #FFEDED;
    /*height: 445px;*/ }
  @media (max-width: 767px) {
    .section-live-feature .sitebox-heading {
      margin-bottom: 20px; }
    .section-live-feature .feature-group__item {
      margin-bottom: 20px; } }

.section-live-manual {
  margin: 16px 0 0;
  padding: 25px 0 41px;
  background: linear-gradient(142deg, #FFF3ED 0%, rgba(255, 221, 221, 0) 100%); }
  .section-live-manual .live-manual-tablist h3 {
    color: #0047BA;
    font-size: 24px;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.6px;
    padding: 0 15px;
    margin-bottom: 0; }
  .section-live-manual .live-manual-tablist .live-manual-tablist__item {
    margin-bottom: 4px; }
    .section-live-manual .live-manual-tablist .live-manual-tablist__item a {
      border-radius: 4px 0px 0px 4px;
      border-top: 1px solid #E0E3EB;
      border-bottom: 1px solid #E0E3EB;
      border-left: 1px solid #E0E3EB;
      border-right: none;
      background: #FFF;
      color: #19191B;
      font-weight: 400;
      line-height: 26px;
      /* 162.5% */
      letter-spacing: -0.4px;
      padding: 18px 13px; }
      .section-live-manual .live-manual-tablist .live-manual-tablist__item a.active, .section-live-manual .live-manual-tablist .live-manual-tablist__item a:hover {
        border-top: 1px solid #B3E5FC;
        border-bottom: 1px solid #B3E5FC;
        border-left: 1px solid #B3E5FC;
        background: #EBFAFF;
        font-weight: 700; }
      .section-live-manual .live-manual-tablist .live-manual-tablist__item a.active {
        padding-left: 28px;
        margin-left: -12px; }
  .section-live-manual .live-manual-tablist .live-manual-tabcontent {
    width: calc(100% - 295px); }
    .section-live-manual .live-manual-tablist .live-manual-tabcontent .card-body, .section-live-manual .live-manual-tablist .live-manual-tabcontent .card {
      border: none;
      padding: 0;
      background: none; }
      .section-live-manual .live-manual-tablist .live-manual-tabcontent .card-body img, .section-live-manual .live-manual-tablist .live-manual-tabcontent .card img {
        margin-left: -3px; }
        .section-live-manual .live-manual-tablist .live-manual-tabcontent .card-body img.lazyloaded + .lds-spinner, .section-live-manual .live-manual-tablist .live-manual-tabcontent .card img.lazyloaded + .lds-spinner {
          display: none; }
        .section-live-manual .live-manual-tablist .live-manual-tabcontent .card-body img + .lds-spinner div:after, .section-live-manual .live-manual-tablist .live-manual-tabcontent .card img + .lds-spinner div:after {
          background: #333; }
  .section-live-manual .live-manual-tablist .nav-tabs {
    display: none;
    border: none; }
  @media (min-width: 992px) {
    .section-live-manual .live-manual-tablist .nav-tabs {
      display: flex;
      flex-flow: column nowrap;
      width: 295px;
      padding: 32px 0 32px 12px; }
    .section-live-manual .live-manual-tablist .card .card-header {
      display: none; }
    .section-live-manual .live-manual-tablist .card .collapse {
      display: block; } }
  @media (max-width: 991px) {
    .section-live-manual .live-manual-tablist .tab-pane {
      display: block !important;
      opacity: 1; }
    .section-live-manual .live-manual-tablist h3 {
      font-size: 26px;
      padding: 0;
      margin: 0 auto; }
    .section-live-manual .live-manual-tablist .live-manual-tabcontent {
      width: 100%; }
      .section-live-manual .live-manual-tablist .live-manual-tabcontent .card {
        margin-top: 20px;
        display: flex !important;
        flex-flow: column-reverse; }
        .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .card-header {
          padding: 0;
          border: none;
          background: none; }
          .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .card-header h4 a {
            position: relative;
            color: #19191B;
            font-size: 14px;
            border-radius: 8px;
            border: 1px solid #E0E3EB;
            background: #FFF;
            font-weight: 400;
            line-height: 26px;
            /* 162.5% */
            letter-spacing: -0.4px;
            padding: 10px 13px;
            display: block; }
            .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .card-header h4 a:before {
              content: "";
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.43,2.26A.88.88,0,1,0,5.19,3.49L9,7.25,5.19,11a.88.88,0,1,0,1.24,1.24l4.38-4.38a.87.87,0,0,0,0-1.24Z'%3E%3C/path%3E%3C/svg%3E");
              position: absolute;
              width: 18px;
              height: 18px;
              right: 8px;
              top: 15px;
              -webkit-transform: rotate(0);
              transform: rotate(0);
              transition: -webkit-transform 0.15s ease-in-out;
              transition: transform 0.15s ease-in-out;
              transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; }
        .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .collapse.show ~ .card-header h4 a {
          border-top: 1px solid #B3E5FC;
          border-bottom: 1px solid #B3E5FC;
          border-left: 1px solid #B3E5FC;
          background: #EBFAFF;
          font-weight: 700; }
          .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .collapse.show ~ .card-header h4 a:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }
  @media (max-width: 767px) {
    .section-live-manual .live-manual-tablist h3 {
      font-size: 20px; } }
  @media (max-width: 576px) {
    .section-live-manual .live-manual-tablist .live-manual-tabcontent {
      padding: 0 15px; } }
  @media (max-width: 390px) {
    .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .card-header h4 a {
      padding: 10px 30px 10px 13px; }
      .section-live-manual .live-manual-tablist .live-manual-tabcontent .card .card-header h4 a:before {
        top: 38%; } }
  @media (max-width: 767px) {
    .section-live-manual {
      margin: 20px 0 0;
      padding: 25px 0 20px; } }

.section-live-auto {
  padding-bottom: 60px;
  background: linear-gradient(38deg, #FFEBCE 0%, rgba(255, 248, 221, 0) 100%); }
  .section-live-auto .live-auto-title p {
    color: #0047BA;
    /*font-family: var(--hrv-font-family-bold);*/
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: -0.6px; }
  .section-live-auto .live-auto-title h3 {
    color: #0047BA;
    font-size: 32px;
    line-height: 120%;
    /* 38.4px */
    letter-spacing: -0.9px;
    margin-bottom: 16px; }
  .section-live-auto .live-auto-carousel__item {
    padding-right: 0; }
    .section-live-auto .live-auto-carousel__item img.lazyloaded + .lds-spinner {
      display: none; }
    .section-live-auto .live-auto-carousel__item img + .lds-spinner div:after {
      background: #333; }
  .section-live-auto .live-auto-carousel .owl-nav .owl-prev, .section-live-auto .live-auto-carousel .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    width: 36px;
    height: 36px;
    font-size: 0;
    border-radius: 50%;
    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-live-auto .live-auto-carousel .owl-nav .owl-prev span:before, .section-live-auto .live-auto-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-live-auto .live-auto-carousel .owl-nav .owl-prev {
    left: -25px; }
  .section-live-auto .live-auto-carousel .owl-nav .owl-next {
    right: -25px; }
  .section-live-auto .live-auto-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-live-auto .live-auto-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-live-auto .live-auto-carousel .owl-nav .owl-prev.disabled, .section-live-auto .live-auto-carousel .owl-nav .owl-next.disabled {
    opacity: 0.3;
    pointer-events: none; }
  @media (min-width: 992px) {
    .section-live-auto .live-auto-carousel__item {
      max-width: 20%;
      flex: 0 0 20%;
      max-width: 20%; } }
  @media (max-width: 1199px) {
    .section-live-auto {
      padding-right: 20px; }
      .section-live-auto .live-auto-title h3 {
        font-size: 28px; } }
  @media (max-width: 991px) {
    .section-live-auto .live-auto-title {
      text-align: center; }
      .section-live-auto .live-auto-title p {
        font-size: 18px; }
      .section-live-auto .live-auto-title h3 {
        font-size: 26px; }
    .section-live-auto .live-auto-carousel {
      margin: 0;
      flex-flow: nowrap;
      overflow-x: scroll; } }
  @media (max-width: 767px) {
    .section-live-auto {
      padding-bottom: 0; }
      .section-live-auto .live-auto-title h3 {
        font-size: 20px; } }
  @media (max-width: 576px) {
    .section-live-auto {
      padding: 30px 0; }
      .section-live-auto .live-auto-carousel .owl-nav .owl-prev {
        left: 0px; }
      .section-live-auto .live-auto-carousel .owl-nav .owl-next {
        right: 0px; } }

.section-live-sales {
  padding-top: 54px;
  background: linear-gradient(262deg, #2A99FF 8.83%, #2A63FF 75.21%); }
  .section-live-sales .live-sales-detail {
    padding: 0 30px 0 30px; }
    .section-live-sales .live-sales-detail h3 {
      /*font-family: var(--hrv-font-family-regular);*/
      color: #FFF;
      /*font-size: 36px;*/
      font-size: 32px;
      font-weight: 700;
      line-height: 120%;
      /* 43.2px */
      letter-spacing: -0.9px;
      margin-bottom: 12px; }
    .section-live-sales .live-sales-detail ul li {
      color: #ffffff;
      position: relative;
      margin-bottom: 10px;
      padding-left: 32px; }
      .section-live-sales .live-sales-detail ul li:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.80002 11.7195L0.51001 6.43951L2.27002 4.67953L5.80002 8.19952L13.73 0.269531L15.49 2.02953L5.80002 11.7195Z' fill='%23F9DC4B'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: 2px;
        top: 5px;
        width: 16px;
        height: 15px; }
  .section-live-sales .live-sales-banner img.lazyloaded + .lds-spinner {
    display: none; }
  .section-live-sales .live-sales-banner img + .lds-spinner div:after {
    background: #fff; }
  @media (max-width: 1199px) {
    .section-live-sales .live-sales-detail h3 {
      font-size: 28px; } }
  @media (max-width: 991px) {
    .section-live-sales .live-sales-detail h3 {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .section-live-sales {
      padding-top: 40px; }
      .section-live-sales .live-sales-detail h3 {
        font-size: 20px; } }
  @media (max-width: 576px) {
    .section-live-sales {
      padding-top: 20px; } }

.section-live-docs {
  padding: 77px 0 40px;
  background: linear-gradient(129deg, #2962FF 33.93%, #A1D2FF 59.32%, #CAE5FF 75.33%); }
  .section-live-docs .live-docs__left {
    max-width: 62%;
    flex: 0 0 62%; }
    .section-live-docs .live-docs__left h3 {
      color: #FFF;
      /*font-size: 36px;*/
      font-size: 34px;
      line-height: 120%;
      /* 43.2px */
      letter-spacing: -0.9px;
      border-left: 5px solid #E1F94B;
      padding: 0 32px;
      margin-bottom: 12px; }
    .section-live-docs .live-docs__left--video {
      display: flex;
      align-items: end; }
      .section-live-docs .live-docs__left--video video {
        width: 100%;
        height: 318px;
        border-radius: 12px; }
  .section-live-docs .live-docs__right {
    max-width: 38%;
    flex: 0 0 38%;
    padding-left: 15px; }
    .section-live-docs .live-docs__right--item {
      display: flex;
      align-items: center;
      border-radius: var(--spacing-5, 12px);
      background: #FFFDF5;
      padding: 0 16px;
      min-height: 140px;
      margin-top: 15px; }
      .section-live-docs .live-docs__right--item .item-icon {
        max-width: 68px;
        flex: 0 0 68px; }
      .section-live-docs .live-docs__right--item .item-detail {
        padding-left: 15px; }
        .section-live-docs .live-docs__right--item .item-detail h4 {
          color: #0047BA;
          font-family: var(--hrv-font-family-regular);
          font-size: 18px;
          font-weight: 700;
          line-height: 120%;
          /* 21.6px */
          letter-spacing: -0.6px;
          margin-bottom: 0; }
        .section-live-docs .live-docs__right--item .item-detail a {
          color: #000;
          font-size: 12px;
          font-weight: 700;
          line-height: 120%;
          /* 14.4px */
          letter-spacing: -0.4px; }
          .section-live-docs .live-docs__right--item .item-detail a svg {
            -webkit-transition: all 0.25s;
            -moz-transition: all 0.25s;
            -o-transition: all 0.25s;
            transition: all 0.25s; }
          .section-live-docs .live-docs__right--item .item-detail a:hover svg {
            transform: translateX(8px); }
  @media (min-width: 1200px) {
    .section-live-docs .row {
      padding: 0; } }
  @media (max-width: 1199px) {
    .section-live-docs .live-docs__left h3 {
      font-size: 28px; }
    .section-live-docs .live-docs__right h4 {
      font-size: 16px; } }
  @media (max-width: 991px) {
    .section-live-docs .live-docs__left {
      max-width: 100%;
      flex: 0 0 100%; }
    .section-live-docs .live-docs__right {
      max-width: 100%;
      flex: 0 0 100%;
      padding-left: 0;
      display: flex;
      justify-content: space-between; }
      .section-live-docs .live-docs__right--item {
        padding: 0 5px;
        min-height: 130px;
        flex: 0 0 33%;
        max-width: 33%; }
        .section-live-docs .live-docs__right--item .item-icon {
          max-width: 40px;
          flex: 0 0 40px; }
        .section-live-docs .live-docs__right--item .item-detail {
          padding: 10px 0 0 5px; }
          .section-live-docs .live-docs__right--item .item-detail h4 {
            font-size: 15px; } }
  @media (max-width: 767px) {
    .section-live-docs {
      padding: 40px 0; }
      .section-live-docs .live-docs__left h3 {
        font-size: 20px;
        padding: 0 20px; }
      .section-live-docs .live-docs__left--video video {
        height: 290px; }
      .section-live-docs .live-docs__right {
        flex-flow: wrap; }
        .section-live-docs .live-docs__right--item {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0 15px;
          min-height: 100px; }
          .section-live-docs .live-docs__right--item .item-icon {
            max-width: 50px;
            flex: 0 0 50px; }
          .section-live-docs .live-docs__right--item .item-detail {
            padding: 0 0 0 15px; } }
  @media (max-width: 576px) {
    .section-live-docs {
      padding: 20px 0; }
      .section-live-docs .live-docs .row {
        margin: 0; } }
  @media (max-width: 375px) {
    .section-live-docs .live-docs__left--video video {
      height: auto;
      max-height: 178px; } }

.section-live-brands {
  padding-top: 83px;
  background: #FAFBFF; }
  .section-live-brands .brand-logo h3 {
    color: #0047BA;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
    letter-spacing: -0.9px;
    margin-bottom: 24px; }
  .section-live-brands .brand-logo__list {
    display: flex;
    flex-flow: wrap; }
    .section-live-brands .brand-logo__list--item {
      display: flex;
      align-items: center;
      margin-bottom: 24px;
      flex: 0 0 33.33%; }
      .section-live-brands .brand-logo__list--item .item-icon {
        max-width: 52px;
        flex: 0 0 52px;
        padding: 2px;
        border-radius: 50%;
        border: 1px solid #BAD2FF; }
      .section-live-brands .brand-logo__list--item .item-detail {
        padding: 0 6px 0 8px; }
        .section-live-brands .brand-logo__list--item .item-detail p {
          margin-bottom: 0; }
        .section-live-brands .brand-logo__list--item .item-detail--title {
          position: relative; }
          .section-live-brands .brand-logo__list--item .item-detail--title span {
            color: #2A363B;
            font-size: 14px;
            font-weight: 500;
            line-height: 111.6%;
            letter-spacing: -0.56px;
            margin-right: 5px; }
          .section-live-brands .brand-logo__list--item .item-detail--title:after {
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_34629_14351)'%3E%3Cpath d='M7.3314 14.1652C11.1829 14.1652 14.3051 11.043 14.3051 7.19151C14.3051 3.34002 11.1829 0.217773 7.3314 0.217773C3.47991 0.217773 0.357666 3.34002 0.357666 7.19151C0.357666 11.043 3.47991 14.1652 7.3314 14.1652Z' fill='%230075FB'/%3E%3Cpath d='M4.06329 7.22686L6.17059 9.29844L10.7156 5.09277' stroke='white' stroke-width='1.78585' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34629_14351'%3E%3Crect width='13.9564' height='13.9564' fill='white' transform='translate(0.357666 0.217773)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            background-size: 14px;
            background-repeat: no-repeat;
            width: 14px;
            height: 14px;
            top: auto;
            bottom: 4px;
            left: auto;
            position: absolute; }
        .section-live-brands .brand-logo__list--item .item-detail--desc {
          color: #596A7D;
          font-size: 11px;
          font-weight: 400;
          line-height: 111.6%;
          letter-spacing: -0.44px; }
  .section-live-brands .brand-banner {
    position: relative; }
    .section-live-brands .brand-banner:before {
      content: '';
      /*background-image: url(https://file.hstatic.net/1000001117/file/rectangle_831__2__2fbc4e4b455347dd9f2e13f7db18be6e.png);*/
      border-radius: 100px 0px 0px 0px;
      background: linear-gradient(209deg, rgba(169, 205, 255, 0) 2.45%, rgba(105, 168, 255, 0.13) 17.45%, #A8CDFF 37.51%, rgba(157, 198, 255, 0) 81.79%);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 50vw;
      max-width: 600px; }
    .section-live-brands .brand-banner:after {
      content: '';
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='619' height='827' viewBox='0 0 619 827' fill='none'%3E%3Cg filter='url(%23filter0_f_34499_7208)'%3E%3Cpath d='M302.6 174.103C238.005 128.411 132.346 91.6244 44.2007 96.0458C-236.488 110.125 -3.32256 621.897 238.705 724.274C444.676 811.4 859.174 890.962 885.481 691.194C902.164 564.51 859.065 429.29 724.644 380.024C644.863 350.783 510.675 368.519 440.784 326.029C386.113 292.791 354.14 210.561 302.6 174.103Z' fill='%23DAF6FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_34499_7208' x='-260.325' y='-80.6615' width='1325.56' height='1073.02' 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='88.173' result='effect1_foregroundBlur_34499_7208'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: top;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 50vw;
      max-width: 600px;
      z-index: -1; }
    .section-live-brands .brand-banner__image {
      margin-left: -28px; }
  @media (max-width: 1366px) {
    .section-live-brands .brand-logo h3 {
      margin-bottom: 15px; }
    .section-live-brands .brand-logo__list--item {
      margin-bottom: 15px; }
      .section-live-brands .brand-logo__list--item .item-detail--title span {
        font-size: 13px; } }
  @media (max-width: 1199px) {
    .section-live-brands h3 {
      margin-top: 0;
      margin-bottom: 20px; } }
  @media (max-width: 991px) {
    .section-live-brands .brand-banner:before {
      width: 100%; }
    .section-live-brands .brand-banner__image .aspect-ratio {
      padding-bottom: 93%; }
      .section-live-brands .brand-banner__image .aspect-ratio img {
        left: 36%;
        border-radius: 100px 0 0 0; } }
  @media (max-width: 767px) {
    .section-live-brands {
      padding-top: 40px; }
      .section-live-brands h3 {
        font-size: 20px; }
      .section-live-brands .brand-logo__list--item {
        flex: 0 0 50%; } }
  @media (max-width: 480px) {
    .section-live-brands .brand-logo__list--item .item-icon {
      max-width: 40px;
      flex: 0 0 40px; }
    .section-live-brands .brand-logo__list--item .item-detail--title:after {
      background-size: 12px;
      width: 12px;
      height: 12px; }
    .section-live-brands .brand-banner__image .aspect-ratio img {
      left: 37%; } }
  @media (max-width: 375px) {
    .section-live-brands .brand-logo__list--item .item-detail {
      padding: 0 6px 0 3px; }
    .section-live-brands .brand-banner__image .aspect-ratio img {
      left: 40%;
      border-radius: 80px 0 0 0;
      top: 52%; } }

.section-live-start {
  background: linear-gradient(262deg, #6E2AFF 8.83%, #29B2FF 75.21%);
  padding: 63px 0 22px; }
  .section-live-start .start-detail {
    padding-left: 30px; }
    .section-live-start .start-detail h3 {
      color: #FFF;
      /*font-size: 36px;*/
      font-size: 30px;
      line-height: 120%;
      /* 43.2px */
      letter-spacing: -0.9px;
      margin: 0 0 12px 0; }
  @media (max-width: 1199px) {
    .section-live-start .start-detail h3 {
      font-size: 28px; } }
  @media (max-width: 991px) {
    .section-live-start .start-detail h3 {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .section-live-start {
      padding: 40px 0 20px; }
      .section-live-start .start-detail h3 {
        font-size: 20px; } }