/*============ 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: #3c3c3c;
  line-height: 1.6;
  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-thlong-1 {
  fill: #ea2028; }

.brand-thlong-1, .brand-thlong-2, .brand-thlong-3, .brand-thlong-4, .brand-thlong-5 {
  fill-rule: evenodd; }

.brand-thlong-2 {
  fill: #02adee; }

.brand-thlong-3 {
  fill: #055caa; }

.brand-thlong-4 {
  fill: #0a0a0a; }

.brand-thlong-5 {
  fill: #005aab; }

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

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

.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-header {
  margin-bottom: 30px; }
  .sitebox-header h2 {
    line-height: 1.4;
    font-size: 28px;
    color: #000000;
    margin: 0 0 5px;
    font-family: 'sfuiText_semibold'; }
  .sitebox-header h2.color-white {
    color: #ffffff; }
  .sitebox-header .subtitle {
    font-size: 18px;
    color: #00294d;
    margin: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .sitebox-header h2 {
      font-size: 30px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .sitebox-header h2 {
      font-size: 22px; } }
  @media (max-width: 767px) {
    .sitebox-header {
      margin-bottom: 20px; }
    .sitebox-header h2 {
      font-size: 20px; }
    .sitebox-header .subtitle {
      font-size: 16px; } }

.sitebox-actions .btn-trial {
  font-size: 18px;
  font-family: 'sfuiText_bold',Helvetica, sans-serif;
  min-width: 270px;
  color: #ffffff;
  background: #fcc027;
  border: 1px solid #fcc027;
  padding: 12px 35px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border-radius: 6px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
  .sitebox-actions .btn-trial:before {
    background-color: #ff9800; }
  .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: #ff9800;
    border-color: #ff9800; }
  .sitebox-actions .btn-trial--white:hover, .sitebox-actions .btn-trial--white:focus {
    color: #ffffff;
    background: #ff9800;
    border-color: #ff9800; }

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

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

[class^="section-chatbot-"] {
  margin-bottom: 60px; }

@media (max-width: 767px) {
  [class^="section-chatbot-"] {
    margin-bottom: 40px; } }

.section-chatbot-overview {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 60px 0 80px;
  margin-bottom: 0;
  background-color: #ffffff; }
  .section-chatbot-overview .overview-heading {
    text-align: center;
    padding-bottom: 50px; }
    .section-chatbot-overview .overview-heading h1 {
      margin: 0 0 10px;
      line-height: 1.25;
      color: #000000;
      font-size: 32px;
      font-family: 'sfuiText_bold'; }
    .section-chatbot-overview .overview-heading .txtdesc {
      color: #0A0C0F;
      margin: 0px 0;
      font-size: 18px;
      line-height: 1.6; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item + .navTabs--item {
    margin-top: 8px; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap {
    max-width: 485px;
    position: relative;
    padding-left: 70px;
    padding-right: 20px;
    border-radius: 0px;
    overflow: hidden;
    -ms-transition: border 400ms linear 0.1s;
    transition: border 400ms linear 0.1s; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap .circle-plus {
      width: 25px;
      position: absolute;
      left: -45px;
      top: 18px; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-title {
    position: relative;
    padding: 18px 0; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-title .htitle {
    line-height: 1.4;
    margin: 0;
    color: #000000;
    font-size: 22px;
    font-family: 'sfuiText_medium'; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-desc {
    display: none;
    margin-top: -8px; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-desc--info {
    font-size: 18px;
    opacity: 0;
    position: relative;
    padding-bottom: 20px;
    color: #3C3C3C; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-desc--info p {
    margin: 0; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item:not(.is-active) .box-title {
    cursor: pointer; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item.is-active .box-wrap {
    background: #f4f7fd;
    border-radius: 20px;
    -ms-transition: 0s;
    transition: 0s; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item.is-active .box-desc--info {
    opacity: 1;
    -webkit-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-prev, .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 30px;
    height: 100%;
    font-size: 14px;
    color: #000;
    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-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-prev span, .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-next span {
      font-size: 0; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-prev span:before, .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-next span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-prev {
    left: -8px; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-next {
    right: -8px; }
  .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .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-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .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-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-prev.disabled, .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title .owl-nav .owl-next.disabled {
    opacity: 0.3;
    pointer-events: none; }
  .section-chatbot-overview .overview-tablist .overview--listImg .wraplist-images {
    position: relative; }
  .section-chatbot-overview .overview-tablist .overview--listImg .block-logofb {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 145px; }
  .section-chatbot-overview .overview-tablist .overview--listImg .block-frame {
    position: relative;
    max-width: 426px; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url("/marketing/hrv/media/vector_6_6a11d947b30a4e98b53a7a63f6590b49.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--device {
      max-width: 274px;
      margin: 0 auto;
      background: #3A4245;
      padding: 3px;
      box-shadow: 0px 2px 4px rgba(0, 21, 64, 0.05), 0px 0px 2px rgba(0, 21, 64, 0.14); }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg {
      background: #121515;
      padding: 15px 12px 13px; }
      .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy {
        box-sizing: content-box;
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%; }
      .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy--insert {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 216.25%; }
      .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy--insert .box--img {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0; }
      .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy--insert .box--img .lazyloaded + .lds-spinner {
        display: none; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy {
      border-radius: 20px;
      overflow: hidden; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--device, .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg {
      border-radius: 30px; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy--insert .box--img {
      visibility: hidden;
      opacity: 0;
      transition: all 0.3s ease; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame--boximg .boximg-lazy--insert .box--img.js-active {
      visibility: visible;
      opacity: 1; }
  .section-chatbot-overview .sitebox-actions {
    margin-top: 30px; }
  @media (min-width: 1200px) {
    .section-chatbot-overview .overview-tablist .overview--navTabs {
      padding-top: 50px; } }
  @media (min-width: 992px) {
    .section-chatbot-overview .overview-p {
      -webkit-align-self: center;
      align-self: center; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-chatbot-overview .overview-tablist .overview--navTabs {
      padding-top: 20px; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame {
      margin-left: auto;
      margin-right: auto; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-logofb {
      display: none; } }
  @media (max-width: 991px) {
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item + .navTabs--item {
      margin-top: 0px; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item, .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap {
      height: 100%; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap {
      max-width: calc(100% - 80px);
      margin-left: auto;
      margin-right: auto;
      background: #f4f7fd;
      border-radius: 20px;
      display: -ms-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      -ms-justify-content: center;
      justify-content: center; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-desc {
      display: none !important; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title:not(.owl-loaded) {
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title:not(.owl-loaded) .navTabs--item {
      flex: 0 0 100%; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .owlChatbot-title.owl-loaded .owl-stage {
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-frame {
      margin-left: auto;
      margin-right: auto; }
    .section-chatbot-overview .overview-tablist .overview--listImg .block-logofb {
      display: none; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-chatbot-overview {
      /*.mainBanner-infor--inner{float: right;  width: 100%;  max-width: calc((720px/2) - 30px);}*/ }
      .section-chatbot-overview {
        padding: 50px 0; }
      .section-chatbot-overview .overview-heading h1 {
        font-size: 28px; }
      .section-chatbot-overview .overview-tablist .overview--listImg {
        padding-top: 30px; }
      .section-chatbot-overview .container-fluid {
        max-width: 720px; } }
  @media (max-width: 767px) {
    .section-chatbot-overview {
      padding: 40px 0; }
    .section-chatbot-overview .overview-heading {
      padding-bottom: 30px; }
      .section-chatbot-overview .overview-heading h1 {
        font-size: 22px; }
      .section-chatbot-overview .overview-heading .txtdesc {
        font-size: 16px; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap {
      max-width: calc(100% - 60px);
      padding-left: 50px;
      padding-right: 12px; }
      .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-wrap .circle-plus {
        left: -35px;
        top: 16px; }
    .section-chatbot-overview .overview-tablist .overview--navTabs .navTabs--item .box-title .htitle {
      font-size: 16px; }
    .section-chatbot-overview .overview-tablist .overview--listImg {
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px; }
    .section-chatbot-overview .sitebox-actions {
      margin-top: 20px; }
    .section-chatbot-overview .container-fluid {
      max-width: 540px; } }

.section-chatbot-solution {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  margin: 0;
  background: linear-gradient(270deg, #4C6BE5 0%, #2987ED 100%); }
  .section-chatbot-solution .solution-info .sitebox-header {
    margin-bottom: 20px; }
  .section-chatbot-solution .solution-info .sitebox-header h2 {
    color: #ffffff; }
  .section-chatbot-solution .solution-info .sitebox-actions {
    margin-top: 20px; }
  .section-chatbot-solution .solution-info .block-info p {
    color: #ffffff;
    font-size: 18px;
    margin: 0; }
  .section-chatbot-solution .solution-image .sitebox-actions {
    display: none; }
  .section-chatbot-solution:nth-child(odd) {
    background: #ffffff; }
    .section-chatbot-solution:nth-child(odd) .solution-info .sitebox-header h2, .section-chatbot-solution:nth-child(odd) .solution-info .block-info p {
      color: #000000; }
  @media (min-width: 1200px) {
    .section-chatbot-solution .solution-info {
      position: relative;
      z-index: 1; }
      .section-chatbot-solution .solution-info:before {
        content: "";
        position: absolute;
        top: 0;
        height: 94%;
        width: 60vw;
        right: -60px;
        max-width: 680px;
        z-index: -1;
        background-image: url("/marketing/hrv/media/chatbot-vector-min_3dbebb21188c4521ad7c8cb698f1008d.png");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom; }
      .section-chatbot-solution .solution-info .sitebox-header h2 {
        font-size: 28px; }
    .section-chatbot-solution.solution-chatbot-2 .solution-info:before {
      display: none; }
    .section-chatbot-solution.solution-chatbot-2 .solution-info__inner {
      float: left;
      width: 100%;
      max-width: 445px; }
    .section-chatbot-solution.solution-chatbot-2 .solution-image__inner {
      float: right;
      width: 100%;
      max-width: 755px; }
    .section-chatbot-solution.solution-chatbot-3 .solution-image {
      padding-right: 75px; }
    .section-chatbot-solution.solution-chatbot-3 .solution-info:before {
      background-image: url("/marketing/hrv/media/chatbot-vector-bottom-min_f7b6a78326a9426e8a5c890ba47b6b80.png");
      bottom: 0;
      top: initial;
      background-position: top; } }
  @media (min-width: 992px) {
    .section-chatbot-solution {
      padding: 0; }
    .section-chatbot-solution:nth-child(odd) .solution-row {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -ms-justify-content: space-between;
      justify-content: space-between; }
    .section-chatbot-solution .solution-image, .section-chatbot-solution .solution-info {
      padding-top: 60px;
      padding-bottom: 60px; }
    .section-chatbot-solution .solution-info__inner {
      height: 100%;
      -ms-display: flex;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-justify-content: center;
      justify-content: center; }
    .section-chatbot-solution.solution-chatbot-1 .solution-image {
      padding-left: 0;
      padding-right: 0; }
    .section-chatbot-solution.solution-chatbot-1 .solution-image__inner .block-image {
      margin-right: -20px; }
    .section-chatbot-solution.solution-chatbot-2 .solution-image {
      padding-left: 0;
      padding-top: 60px;
      padding-bottom: 0px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-chatbot-solution .solution-info {
      padding-right: 40px; }
      .section-chatbot-solution .solution-info .sitebox-header h2 {
        font-size: 26px; }
    .section-chatbot-solution.solution-chatbot-2 .solution-info {
      padding-right: 0;
      padding-left: 40px; }
    .section-chatbot-solution.solution-chatbot-2 .solution-info__inner {
      float: left;
      width: 100%;
      max-width: 425px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-chatbot-solution {
      /*.mainBanner-infor--inner{float: right;  width: 100%;  max-width: calc((720px/2) - 30px);}*/ }
      .section-chatbot-solution .solution-info .sitebox-header h2 {
        font-size: 26px; }
      .section-chatbot-solution .solution-info .sitebox-actions {
        display: none; }
      .section-chatbot-solution .solution-image .block-image {
        margin: 30px 0; }
      .section-chatbot-solution .solution-image .sitebox-actions {
        display: block;
        text-align: center; }
      .section-chatbot-solution .container-fluid {
        max-width: 720px; } }
  @media (max-width: 767px) {
    .section-chatbot-solution {
      padding: 40px 0; }
    .section-chatbot-solution .solution-info .sitebox-header {
      margin-bottom: 10px; }
    .section-chatbot-solution .solution-info .sitebox-actions {
      display: none; }
    .section-chatbot-solution .solution-info .block-info p {
      font-size: 14px; }
    .section-chatbot-solution .solution-image .block-image {
      margin: 20px 0; }
    .section-chatbot-solution .solution-image .sitebox-actions {
      display: block;
      text-align: center; }
    .section-chatbot-solution .container-fluid {
      max-width: 540px; } }

.section-chatbot-benefit {
  margin: 0;
  padding: 60px 0; }
  .section-chatbot-benefit .benefit-item__inner {
    text-align: center;
    height: 100%; }
  .section-chatbot-benefit .benefit-item__icon {
    margin-bottom: 20px; }
    .section-chatbot-benefit .benefit-item__icon .lazyload-image .lazyload-image__placeholder img {
      width: 100%;
      height: 100%; }
  .section-chatbot-benefit .benefit-item h3 {
    margin: 0 0 10px;
    font-size: 22px;
    color: #000000;
    font-family: 'sfuiText_semibold'; }
  .section-chatbot-benefit .benefit-item p {
    margin: 0;
    font-size: 18px;
    color: #000000; }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-chatbot-benefit .benefit-item h3 {
      font-size: 18px; }
    .section-chatbot-benefit .benefit-item p {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .section-chatbot-benefit {
      padding: 35px 0 0px; }
    .section-chatbot-benefit .benefit-item {
      margin-bottom: 25px; }
    .section-chatbot-benefit .benefit-item__inner {
      padding-left: 20px;
      padding-right: 20px;
      max-width: 350px;
      margin-left: auto;
      margin-right: auto; }
    .section-chatbot-benefit .benefit-item h3 {
      font-size: 20px; }
    .section-chatbot-benefit .benefit-item p {
      font-size: 15px; } }

.section-chatbot-highlight {
  padding: 20px 0 0px; }
  .section-chatbot-highlight .wrapper-highlight {
    position: relative;
    overflow: hidden;
    margin: 0 -15px;
    padding: 50px 30px;
    border-radius: 20px;
    background: linear-gradient(94.36deg, #0044A4 0.2%, #0068E2 100%); }
  .section-chatbot-highlight .highlight-inner {
    position: relative;
    z-index: 1;
    max-width: 730px;
    margin: 0 auto;
    font-size: 18px;
    color: #ffffff; }
  .section-chatbot-highlight .highlight-inner h2 {
    line-height: 1.35;
    color: #ffffff;
    font-size: 32px;
    margin: 0 auto;
    font-family: 'sfuiText_bold';
    text-transform: uppercase; }
  .section-chatbot-highlight .highlight-inner p {
    margin: 0; }
  .section-chatbot-highlight .highlight-inner .sitebox-actions {
    margin-top: 25px; }
  .section-chatbot-highlight .simple_shapes .shape-1 {
    position: absolute;
    bottom: 0;
    left: 2.5%; }
  .section-chatbot-highlight .simple_shapes .shape-2 {
    position: absolute;
    bottom: 0;
    left: 1%; }
  .section-chatbot-highlight .simple_shapes .shape-3 {
    position: absolute;
    top: 10%;
    right: 6%; }
  .section-chatbot-highlight .simple_shapes .shape-4 {
    position: absolute;
    top: 0;
    right: 0; }
  @media (max-width: 991px) and (min-width: 768px) {
    .section-chatbot-highlight .highlight-inner h2 {
      font-size: 26px; }
    .section-chatbot-highlight .simple_shapes {
      display: none; }
    .section-chatbot-highlight .highlight-inner {
      max-width: 640px; } }
  @media (max-width: 767px) {
    .section-chatbot-highlight {
      margin-bottom: 0; }
    .section-chatbot-highlight .wrapper-highlight {
      padding: 30px 15px;
      border-radius: 0; }
    .section-chatbot-highlight .highlight-inner h2 {
      font-size: 22px; }
    .section-chatbot-highlight .simple_shapes {
      display: none; } }

/*================= BRADND HARAVAN =================*/
.brand-tchouse--1 {
  fill: #000; }

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

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

.section-debt-brands .sitebox-header {
  margin-bottom: 5px; }

.listBrand-logo {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.listBrand-logo .brand-item {
  padding: 8px 10px;
  -ms-flex: 0 0 calc(100%/7);
  flex: 0 0 calc(100%/7);
  max-width: calc(100%/7); }

.listBrand-logo .brand-item .brand-item--logo {
  box-sizing: content-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: auto; }

.listBrand-logo .brand-item .brand-item--logo .logo--insert {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%; }

.listBrand-logo .brand-item .brand-item--logo .logo--insert img,
.listBrand-logo .brand-item .brand-item--logo .logo--insert svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-height: 100%;
  -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; }

.listBrand-logo .brand-item .brand-item--logo .logo--insert svg {
  width: 100%;
  height: 100%; }

.listBrand-logo .brand-item .brand-item--logo .lazyload {
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: opacity 500ms, filter 700ms;
  -webkit-transition: opacity 500ms, filter 700ms; }

.listBrand-logo .brand-item .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; }

.listBrand-logo .brand-item .brand-item--logo .lazyloaded {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: opacity 500ms, filter 700ms;
  -webkit-transition: opacity 500ms, filter 700ms; }

.listBrand-logo .brand-item.brand-bitis .brand-item--logo svg {
  max-width: 84%; }

.listBrand-logo .brand-item.brand-aeon .brand-item--logo svg {
  max-width: 80%; }

.listBrand-logo .brand-item.brand-tchouse .brand-item--logo svg {
  max-width: 65%; }

@media (max-width: 991px) {
  .section-chatbot-brands {
    display: none; } }

/*================= INSIDE HARAVAN =================*/
.section-hrv-inside {
  background: #f5f7fb;
  padding: 50px 0; }

.section-hrv-inside .hrv-inside--heading {
  padding-bottom: 28px;
  border-bottom: 1px solid #c2c7cb; }

.section-hrv-inside .hrv-inside--heading h2 {
  line-height: 1.4;
  font-size: 30px;
  color: #000000;
  margin: 0 0 4px;
  font-family: var(--hrv-font-family-bold);
  text-transform: uppercase; }

.section-hrv-inside .hrv-inside--heading .sub-title {
  font-size: 22px;
  color: #000000;
  margin: 0;
  font-family: var(--hrv-font-family-regular); }

.section-hrv-inside .inside-item {
  margin-top: 40px; }

.section-hrv-inside .inside-item__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.section-hrv-inside .inside-item__inner .inside--image {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  max-width: 34%;
  padding-top: 4px; }

.section-hrv-inside .inside-item__inner .inside--text {
  -ms-flex: 0 0 66%;
  flex: 0 0 66%;
  max-width: 66%;
  padding-left: 14px; }

.section-hrv-inside .inside-item__inner .inside--text p {
  margin: 0;
  font-size: 18px;
  color: #0a0c0f;
  line-height: 1.6; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy-image {
  max-width: 216px;
  box-sizing: content-box;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert {
  padding-bottom: 52%;
  height: 0;
  display: block;
  width: 100%; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert img,
.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-family: "blur-up: auto", "object-fit: cover";
  object-fit: contain; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert .lazyload {
  opacity: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: opacity 300ms, filter 400ms;
  -webkit-transition: opacity 300ms, filter 400ms; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert .lazyloading {
  opacity: 0.3;
  -webkit-filter: blur(8px);
  filter: blur(8px);
  transition: opacity 300ms, filter 400ms;
  -webkit-transition: opacity 300ms, filter 400ms; }

.section-hrv-inside .inside-item__inner .inside--image .boxlazy--insert .lazyloaded {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: opacity 300ms, filter 400ms;
  -webkit-transition: opacity 300ms, filter 400ms; }

@media (max-width: 991px) and (min-width: 768px) {
  .section-hrv-inside .hrv-inside--heading h2 {
    font-size: 28px; }
  .section-hrv-inside .hrv-inside--heading .sub-title {
    font-size: 20px; }
  .section-hrv-inside .inside-item__inner .inside--text p {
    font-size: 16px; }
  .section-hrv-inside .inside-item__inner .inside--image .boxlazy-image {
    max-width: 76%; } }

@media (max-width: 767px) {
  .section-hrv-inside {
    padding: 35px 0; }
  .section-hrv-inside .hrv-inside--heading {
    padding-bottom: 20px; }
  .section-hrv-inside .hrv-inside--heading h2 {
    font-size: 25px; }
  .section-hrv-inside .hrv-inside--heading .sub-title {
    font-size: 18px; }
  .section-hrv-inside .inside-item {
    margin-top: 25px; }
  .section-hrv-inside .inside-item__inner .inside--text p {
    font-size: 13px; }
  .section-hrv-inside .inside-item__inner .inside--image .boxlazy-image {
    max-width: 100%; } }