/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
@font-face { font-family: "Graphik Reguler"; font-display: swap; src: local("Graphik Reguler"); src: url("../fonts/graphik-regular.eot"); src: url("../fonts/graphik-regular.eot#iefix") format("embedded-opentype"), url("../fonts/graphik-regular.woff2") format("woff2"), url("../fonts/graphik-regular.woff") format("woff"), url("../fonts/graphik-regular.ttf") format("truetype"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Graphik Medium"; font-display: swap; src: local("Graphik Medium"); src: url("../fonts/graphik-medium.eot"); src: url("../fonts/graphik-medium.eot#iefix") format("embedded-opentype"), url("../fonts/graphik-medium.woff2") format("woff2"), url("../fonts/graphik-medium.woff") format("woff"), url("../fonts/graphik-medium.ttf") format("truetype"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Graphik Semibold"; font-display: swap; src: local("Graphik Semibold"); src: url("../fonts/graphik-semibold.eot"); src: url("../fonts/graphik-semibold.eot#iefix") format("embedded-opentype"), url("../fonts/graphik-semibold.woff2") format("woff2"), url("../fonts/graphik-semibold.woff") format("woff"), url("../fonts/graphik-semibold.ttf") format("truetype"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Regular.eot"); src: url("../fonts/Inter-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Medium.eot"); src: url("../fonts/Inter-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-SemiBold.eot"); src: url("../fonts/Inter-SemiBold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-Bold.eot"); src: url("../fonts/Inter-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; }

@font-face { font-family: "Inter"; font-display: swap; src: local("Inter"); src: url("../fonts/Inter-ExtraBold.eot"); src: url("../fonts/Inter-ExtraBold.eot#iefix") format("embedded-opentype"), url("../fonts/Inter-ExtraBold.woff2") format("woff2"), url("../fonts/Inter-ExtraBold.woff") format("woff"), url("../fonts/Inter-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; }

@font-face { font-family: "Literata-Bold"; font-display: swap; src: local("Literata-Bold"); src: url("../fonts/Literata-Bold.eot"); src: url("../fonts/Literata-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Literata-Bold.woff2") format("woff2"), url("../fonts/Literata-Bold.woff") format("woff"), url("../fonts/Literata-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; }

@font-face { font-family: "Literata-Medium"; font-display: swap; src: local("Literata-Medium"); src: url("../fonts/Literata-Medium.eot"); src: url("../fonts/Literata-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/Literata-Medium.woff2") format("woff2"), url("../fonts/Literata-Medium.woff") format("woff"), url("../fonts/Literata-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; }

/* Boostrap */
@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 920px) { .container { max-width: 900px; } }

@media (min-width: 992px) { .container { max-width: 960px; } }

@media (min-width: 1200px) { .container { max-width: 1248px; } }

.container { width: 100%; padding-left: 12px; padding-right: 12px; margin-right: auto; margin-left: auto; }

.row { margin-left: -12px; margin-right: -12px; }

.row > .col, .row > [class*="col-"] { padding-left: 12px; padding-right: 12px; }

.row.no-gutter { margin-left: 0; margin-right: 0; }

.row.no-gutter > .col, .row.no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; }

.row.double-gutter { margin-left: -24px; margin-right: -24px; }

.row.double-gutter > .col, .row.double-gutter > [class*="col-"] { padding-left: 24px; padding-right: 24px; }

.col { padding-left: 12px; padding-right: 12px; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #232933; margin-top: 0; margin-bottom: 16px; }

h1 { font-size: 40px; line-height: 56px; font-weight: 700; }

@media (max-width: 991px) { h1 { font-size: 32px; line-height: 40px; } }

h2 { font-size: 32px; line-height: 48px; font-weight: 700; }

@media (max-width: 991px) { h2 { font-size: 28px; line-height: 36px; } }

h3 { font-size: 20px; line-height: 28px; }

@media (max-width: 991px) { h3 { font-size: 20px; line-height: 28px; } }

h4 { font-size: 16px; line-height: 24px; }

.small { font-size: 14px; line-height: 20px; }

a { transition: color .3s ease-in-out; color: #4B61DD; }

a:hover { color: #2740ce; text-decoration: underline; }

p { margin: 0 0 1.5rem; }

p:last-child { margin-bottom: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

ul.list, ol.list { padding-left: 24px; list-style: initial; }

.desc ul, .desc ol { padding-left: 24px; list-style: initial; }

article p { word-break: keep-all; /* Non standard for webkit */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

article p:last-child { margin-bottom: 0; }

article a:hover { text-decoration: underline; }

article blockquote { font-style: italic; }

article li ul, article li ol { margin: 0 1.5rem; padding-top: 10px; }

article ul, article ol { margin: 0 0 2rem; padding-left: 1.5rem; }

article ul:last-child, article ol:last-child { margin: 0; }

article ul li, article ol li { margin-bottom: .75rem; }

article ul li:last-child, article ol li:last-child { margin: 0; }

article ul { list-style-type: disc; }

/* Base */
*, *:after, *:before { box-sizing: border-box; }

img { max-width: 100%; height: auto; }

hr { border: 0; border-top: 1px solid #D0D6DD; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

@media (min-width: 1200px) { * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; -webkit-font-kerning: normal; font-kerning: normal; }
  *::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F9F9F9; }
  *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; }
  *::-webkit-scrollbar-thumb { background-color: #5B37D4; border-radius: 10px; border: 1px solid #F9F9F9; } }

html, body { font-size: 16px; line-height: 24px; font-family: "Inter", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; padding: 0; margin: 0; background-color: #FFFFFF; color: #232933; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.web-wrapper { width: 100%; }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
@-webkit-keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }
@keyframes bounce2 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(-4px); transform: scale(0.9, 1.1) translateX(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(6px); transform: scale(1.05, 0.95) translateX(6px); }
  57% { -webkit-transform: scale(1, 1) translateX(-2px); transform: scale(1, 1) translateX(-2px); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@keyframes bounceDown { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateY(-4px); transform: scale(0.9, 1.1) translateY(-4px); }
  50% { -webkit-transform: scale(1.05, 0.95) translateY(6px); transform: scale(1.05, 0.95) translateY(6px); }
  57% { -webkit-transform: scale(1, 1) translateY(-2px); transform: scale(1, 1) translateY(-2px); }
  64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); }
  100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes bounceBig { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(0); transform: scale(0.9, 1.1) translateX(0); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); }
  57% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@keyframes bounceBig { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); }
  30% { -webkit-transform: scale(0.9, 1.1) translateX(0); transform: scale(0.9, 1.1) translateX(0); }
  50% { -webkit-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); }
  57% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); }
  100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } }

@-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.8); }
  70% { box-shadow: 0 0 0 18px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@-webkit-keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@keyframes pulseSvg { 0% { r: 6;
    opacity: 0.3; }
  70% { r: 12;
    opacity: 0.3; }
  80% { r: 12;
    opacity: 0.2; }
  90% { r: 12;
    opacity: 0.1; }
  100% { r: 12;
    opacity: 0; } }

@media (max-width: 991px) { @-webkit-keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } @keyframes pulseSvg { 0% { r: 12;
      opacity: 0.3; }
    70% { r: 18;
      opacity: 0.3; }
    80% { r: 18;
      opacity: 0.2; }
    90% { r: 18;
      opacity: 0.1; }
    100% { r: 18;
      opacity: 0; } } }

@-webkit-keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes dash { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

@keyframes dash2 { from { stroke-dashoffset: 1500; }
  to { stroke-dashoffset: 0; } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

@keyframes slideOutDown { 0% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(1.25);
            transform: scale(1.25); } }

.comeOut { -webkit-animation-name: comeOut; animation-name: comeOut; }

@-webkit-keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes comeOut { 0% { opacity: 1;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes progressBar { 0% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@keyframes d-headline { 0% { max-width: 0%; }
  10% { max-width: 0%; }
  100% { max-width: 100%; } }

@-webkit-keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

@keyframes scroll-x { from { -webkit-transform: translateX(0); transform: translateX(0); }
  to { -webkit-transform: translateX(calc(-100% - 32px)); transform: translateX(calc(-100% - 32px)); } }

/* Custom Plugins */
body.modal-open { overflow: hidden; }

.modal { position: fixed; z-index: 901; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; display: none; transition: all .5s; }

.modal:not(.show) { opacity: 0; }

.modal:not(.show) .modal-dialog { -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }

.modal .close { position: absolute; top: 18px; right: 18px; cursor: pointer; opacity: 1; transition: all .3s ease-in-out; }

.modal .close img { display: block; width: 26px; height: auto; }

.modal .close:hover { opacity: .6; }

.modal .modal-close { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; background: url(../images/ic-cancel-b.svg) no-repeat center/contain; cursor: pointer; opacity: 1; transition: all .3s ease; }

.modal .modal-close:hover { opacity: 0.5; }

.modal .modal-dialog { transition: all .3s ease-in-out; max-width: 770px; pointer-events: none; margin: 0 auto; }

.modal .modal-dialog.modal-dialog-centered { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 96px); }

.modal .modal-content { padding: 34px 0; background: #fff; margin: 30px auto; position: relative; border-radius: 6px; pointer-events: auto; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); }

.modal--full:not(.show) { opacity: 0; }

.modal--full:not(.show) .modal-dialog { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); }

.modal--full .close { top: 32px; right: 40px; }

.modal--full .close .svg path { fill: #4B61DD; }

.modal--full .close span { position: relative; top: 1px; display: inline-block; margin-left: 4px; vertical-align: middle; color: #4B61DD; }

.modal--full ul.list-check h4 { margin-bottom: 4px; font-size: 20px; line-height: 28px; }

.modal--full ul.list-check li { padding-bottom: 24px; }

.modal--full ul.list-check li::before { top: 3px; }

.modal--full .modal__icon { width: 40px; margin: 0 auto 8px; }

.modal--full .modal__icon img { display: block; width: 100%; height: auto; }

.modal--full .modal__img { position: relative; }

.modal--full .modal__img img { display: block; width: 100%; height: auto; }

.modal--full .modal__img small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid { position: relative; }

.modal--full .modal__vid img { display: block; width: 100%; height: auto; }

.modal--full .modal__vid small { display: block; position: absolute; padding-top: 16px; top: 100%; left: 0; font-size: 12px; line-height: 16px; }

.modal--full .modal__vid .btn-play { z-index: 2; display: block; width: 68px; height: 68px; border-radius: 34rem; background-color: #4B61DD; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: calc(50% - 34px); right: calc(50% - 34px); }

.modal--full .modal__vid .btn-play:hover { box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primary 2s infinite; animation: primary 2s infinite; }

@-webkit-keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

@keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }

.modal--full .modal__title { margin-bottom: 12px; }

.modal--full .modal__desc { margin-bottom: 40px; color: #2B2A35; }

.modal--full .modal-footer { position: absolute; background: #FFF; padding: 32px 6px; width: 100%; bottom: 0; left: 0; }

.modal--full .modal-body { height: 100%; overflow: auto; padding-left: 32px; padding-right: 32px; }

.modal--full .modal-dialog { border-radius: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 100vw; height: 100vh; max-width: 100%; }

.modal--full .modal-content { position: relative; width: 100%; border-radius: 0; margin: 0; height: 90vh; padding: 64px 6px 20px; }

@media (max-width: 767px) { .modal--full .modal__img { margin-bottom: 60px; }
  .modal--full .modal-body { padding-left: 0; padding-right: 0; }
  .modal--full .close { top: 16px; right: 20px; } }

.modal-custom .modal-dialog { position: relative; max-width: 1226px; margin: 48px auto; }

.modal-custom .modal-content { padding: 0; width: 100%; }

.modal-custom .close { cursor: pointer; right: 0; top: -32px; width: 32px; height: 32px; z-index: 200; }

@media (max-width: 991px) { .modal-custom .modal-dialog { max-width: calc(100% - 32px); } }

.modal-role { padding: 36px 104px; }

.modal-role h3 { margin-bottom: 16px; }

.modal-role .list-blocks { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; }

.modal-role .block { display: inline-block; }

.modal-role .block .title { color: #2B2A35; display: block; font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 8px; }

.modal-role .block .list-check { margin-bottom: 24px; }

.modal-role__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.modal-role__img { display: block; margin-bottom: 28px; padding-right: 80px; }

.modal-role__img img { display: block; width: 183px; height: auto; }

.modal-role__title { display: block; margin-bottom: 28px; }

.modal-role__title h2 { font-size: 56px; line-height: 64px; margin-bottom: 0; }

@media (max-width: 991px) { .modal-role { padding: 32px 24px; }
  .modal-role h3 { font-size: 20px; line-height: 30px; }
  .modal-role .list-blocks { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .modal-role__head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .modal-role__title h2 { font-size: 24px; line-height: 32px; }
  .modal-role__img img { width: 100%; height: auto; } }

.modal.modal-success .modal-content { padding: 32px; width: 600px; }

.modal.modal-success .close img { width: 20px; }

.modal.modal-success .modal-success__img { margin: 0 auto 16px; text-align: center; }

.modal.modal-success .modal-success__title { text-align: center; }

.modal.modal-success .modal-success__desc { text-align: center; }

@media (max-width: 991px) { .modal.modal-success .modal-dialog.modal-dialog-centered { min-height: 100vh; }
  .modal.modal-success .modal-success__title { font-size: 20px; line-height: 28px; }
  .modal.modal-success .modal-content { width: auto; padding: 32px; margin: 0 16px; } }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 900; width: 100vw; height: 100vh; background-color: #212121; opacity: 0; }

.modal-backdrop.show { opacity: 0.8 !important; }

.fade { opacity: 0; transition: opacity 0.15s linear; }

.fade.show { opacity: 1; }

.collapse { display: none; }

.collapse.show { display: block; }

tr.collapse.show { display: table-row; }

tbody.collapse.show { display: table-row-group; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; }

.tab-content > .tab-pane { display: none; }

.tab-content > .active { display: block; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #D0D6DD; border-radius: 0.25rem; box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }

.dropdown-menu.show { display: block; }

.dropdown-item { display: block; width: 100%; padding: 0.4rem 1rem; clear: both; font-size: 0.875rem; line-height: 1.429em; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item:hover { background: #f7f7f7; color: #232933; }

.dropdown-item:focus { outline: none; }

.dropdown-item.active { background: #D0D6DD; color: #232933; }

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; }

.tooltip.show { opacity: 0.9; }

.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }

.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; }

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; }

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; }

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; }

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; }

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; }

.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; }

.lity { z-index: 2147483001; }

.lity-container { max-width: 1080px; }

.vslider .owl-stage-outer { pointer-events: none; }

.vslider .owl-dots { position: absolute; bottom: 0; left: -1.5rem; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2px; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.vslider .owl-dots .owl-dot { display: block; width: 100%; height: 100%; }

.vslider .owl-dots .owl-dot span { display: block; width: 100%; height: 100%; background: #eee; }

.vslider .owl-dots .owl-dot:focus { outline: none; }

.vslider .owl-dots .owl-dot.active span { background: #5B37D4; }

.owl-carousel { position: relative; }

.owl-carousel.nav-false .owl-nav { display: none; }

.owl-carousel.dots-false .owl-dots { display: none; }

.owl-nav { position: absolute; top: 50%; left: 0; right: 0; height: 0; }

.owl-nav .disabled { opacity: .5; }

.owl-nav button:focus { outline: none !important; }

.owl-nav .btn-nav { width: 30px; height: 60px; background-color: #FFF; position: absolute; top: -30px; background-size: contain; opacity: .8; transition: all .3s ease-in-out; cursor: pointer; }

.owl-nav .btn-nav:hover { opacity: 1; }

.owl-nav .btn-nav.left { left: 0; background: #FFF url(../images/icon-chevron-left.svg) no-repeat center; }

.owl-nav .btn-nav.right { right: 0; background: #FFF url(../images/icon-chevron-right.svg) no-repeat center; }

.owl-dots { text-align: center; position: absolute; padding: 0; margin: 0; bottom: 2rem; left: 0; right: 0; width: 100%; line-height: 0; height: 0; }

.owl-dot { position: relative; display: inline-block; vertical-align: middle; margin: 0 0.375rem; width: auto; }

.owl-dot span { display: block; width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; background-color: #eee; }

.owl-dot:focus { outline: none !important; }

.owl-dot.active span { background-color: #4B61DD; }

.owl-carousel.bar-dot { padding-bottom: 32px; }

.owl-carousel.bar-dot .owl-dots { bottom: 0; }

.owl-carousel.bar-dot .owl-dot span { width: 32px; height: 4px; border-radius: 2px; background: #8B95A5; }

.owl-carousel.bar-dot .owl-dot.active span { background: #4B61DD; }

.swiper .swiper-pagination { line-height: 0; bottom: 0; }

.swiper .swiper-pagination .swiper-pagination-bullet { width: 32px; height: 6px; border-radius: 3px; margin: 2px 6px; background: #8B95A5; opacity: 1; }

.swiper .swiper-pagination .swiper-pagination-bullet-active { background: #4B61DD; }

.swiper .swiper-pagination-vertical .swiper-pagination-bullet { width: 8px; height: 32px; border-radius: 4px; margin: 12px 0; background: #8B95A5; opacity: 1; }

.swiper .swiper-pagination-vertical .swiper-pagination-bullet-active { background: #4B61DD; }

.swiper.swiper-initialized .swiper-wrapper { padding-bottom: 24px; }

.daterangepicker { font-family: "Inter", -apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; color: #232933; padding-top: 4px; border-radius: 8px; }

.daterangepicker:before, .daterangepicker:after { display: none; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { color: #626B79; opacity: 0.3; }

.daterangepicker td.disabled, .daterangepicker option.disabled { opacity: 0.1; text-decoration: none; }

.daterangepicker .calendar-table th { font-weight: 600; }

.daterangepicker .drp-buttons .btn { font-weight: 400; }

.daterangepicker td.end-date { border-radius: 4px; }

.daterangepicker td.start-date { border-radius: 4px; }

.daterangepicker td.in-range { background: #E0EEFF; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #4B61DD; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-width: 0 1px 1px 0; }

/* Form */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 60px white inset !important; }

.form-group { margin-bottom: 20px; }

.form-group > label { font-weight: 600; margin: 0 0 4px; }

.form-group > label .req { color: #C83E39; }

.form-group > label .normal { font-weight: 400; }

.form-group.loading { position: relative; }

.form-group.loading .form-control { border-color: #1C44D5; outline: 2px solid #E0EEFF; }

.form-group.loading::after { content: ""; width: 20px; height: 20px; background: url(../images/loading-field.svg); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 37px; right: 12px; }

.form-group-hidden { opacity: 0; visibility: hidden; position: absolute; }

.form-group.error .form-control { border-color: #C0392B; }

.form-group.error small.error { color: #C0392B; display: block; width: 100%; font-size: 12px; line-height: 16px; margin-top: 4px; }

.form-group.success { position: relative; }

.form-group.success .input-wrap { position: relative; }

.form-group.success .form-control, .form-group.success .bootstrap-select > .dropdown-toggle { border-color: #179E63; }

.form-group.success .form-control[readonly] { border-color: #D0D6DD; background: #FFF; }

.form-group.success::after { position: absolute; content: ''; width: 20px; height: 20px; border-radius: 10px; background: url("../images/ic-check.svg") no-repeat center; background-size: contain; background-color: #FFF; display: inline-block; right: 10px; bottom: 10px; }

.form-action { padding-top: 14px; }

.form-action__text { font-size: 14px; line-height: 20px; padding-top: 24px; }

.form-action__text a { text-decoration: underline; }

.form-action .cb-agree { padding-top: 0; padding-bottom: 24px; padding-left: 26px; }

.form-action .cb-agree .custom-control-label { font-size: 14px; line-height: 20px; font-weight: 400px; }

.form-action .cb-agree .custom-control-label a { text-decoration: underline; }

.form-action .cb-agree .custom-control-label::before, .form-action .cb-agree .custom-control-label::after { width: 16px; height: 16px; border-radius: 4px; left: -26px; }

.form-action .btn + .btn { margin-left: 8px; }

span.required { color: #D74022; }

.form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 20px; color: #232933; background-color: #FFF; border: 1px solid #D0D6DD; border-radius: 6px; transition: border-color 0.3s ease-in-out; }

.form-control:focus { border-color: #1C44D5; outline: 2px solid #E0EEFF; }

.form-control::-webkit-input-placeholder { color: #8B95A5; opacity: 1; }

.form-control::-moz-placeholder { color: #8B95A5; opacity: 1; }

.form-control:-ms-input-placeholder { color: #8B95A5; opacity: 1; }

.form-control::placeholder { color: #8B95A5; opacity: 1; }

.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; }

.form-control.error { border-color: #DA473F; }

span.error { color: #DA473F; font-size: 12px; line-height: 16px; }

textarea.form-control { height: auto; }

label { color: #232933; }

select { display: inline-block; width: 100%; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 14px; line-height: 20px; padding: 0.5625rem 1rem; }

select:focus { box-shadow: none; outline: none; }

.select-control { display: inline-block; position: relative; width: 100%; background: #FFF; border: 1px solid #E2E2E2; border-radius: 0.25rem; font-size: 14px; line-height: 20px; padding: 0.5625rem 1rem; font-weight: 400; }

.select-control:focus { box-shadow: none; outline: none !important; }

.select-control .filter-option:after { content: ""; display: block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: red; position: absolute; top: calc(50% - 0.625rem); right: 0.625rem; background: url(../images/ic-down.svg) no-repeat center; background-size: contain; }

.bootstrap-select { position: relative; }

.bootstrap-select > .dropdown-toggle { border: 1px solid #D0D6DD; padding: 9px 12px; font-size: 14px; line-height: 20px; background: #FFFFFF; border-radius: 6px; font-weight: 400; }

.bootstrap-select .dropdown-menu li a { padding: 6px 12px; }

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle { box-shadow: none; outline: none !important; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-overflow: ellipsis; }

.bootstrap-select.show-tick .dropdown-menu .dropdown-menu li a { padding-left: 40px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text { margin: 0; }

.bootstrap-select.show-tick .dropdown-menu .bs-ok-default { display: block; position: absolute; width: 16px; height: 16px; top: 8px; left: 14px; right: auto; border: 1px solid #D0D6DD; border-radius: 4px; transition: all .4s ease; }

.bootstrap-select.show-tick .dropdown-menu .bs-ok-default::after { position: absolute; top: 0; left: 3.5px; border-width: 0 2px 2px 0; border-color: #FFFFFF; opacity: 0; width: 6px; height: 11px; -webkit-transform-origin: center; transform-origin: center; transition: all .4s ease; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark, .bootstrap-select.show-tick .dropdown-menu .selected .bs-ok-default { top: 8px; right: auto; background: #4B61DD; border-color: #4B61DD; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark::after, .bootstrap-select.show-tick .dropdown-menu .selected .bs-ok-default::after { opacity: 1; }

.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding: 4px 0 4px 26px; color-adjust: exact; }

.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }

.custom-control-input:checked ~ .custom-control-label::before { color: #FFFFFF; border-color: #4B61DD; background-color: #4B61DD; }

.custom-control-input:focus ~ .custom-control-label::before { border-color: #4B61DD; }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #4B61DD; }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #B4B4B4; }

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #B4B4B4; border-color: #B4B4B4; }

.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer; font-weight: 400; }

.custom-control-label::before { position: absolute; top: 4px; left: -26px; display: block; width: 16px; height: 16px; pointer-events: none; content: ""; background-color: #FFFFFF; border: 1px solid #D0D6DD; }

.custom-control-label::after { position: absolute; top: 4px; left: -26px; display: block; width: 16px; height: 16px; content: ""; background-repeat: no-repeat; background-size: 0.75rem 0.75rem; background-position: center; }

.custom-control-inline { display: inline-block; }

.custom-control-inline + .custom-control-inline { margin-left: 1rem; }

.custom-checkbox .custom-control-label::before { border-radius: 4px; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(../images/ic-checkbox.svg); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.custom-checkbox-alt .custom-control-label::before { border-radius: 4px; }

.custom-checkbox-alt .custom-control-input:checked ~ .custom-control-label::after { background-image: url(../images/ic-check-alt.svg); }

.custom-checkbox-alt .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.custom-radio .custom-control-label::before { border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { opacity: 0.5; }

.form-range > .form-range__before { text-align: right; font-size: 0.875rem; line-height: 1.429rem; padding-right: 4px; }

.form-range > .form-range__input { position: relative; min-height: 1.5rem; }

.form-range > .form-range__after { text-align: left; font-size: 0.875rem; line-height: 1.429rem; padding-left: 4px; }

.form-range input[type=range] { -webkit-appearance: none; width: 100%; height: 4px; border-radius: 2px; background: transparent; position: relative; top: -4px; }

.form-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; position: relative; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #4B61DD; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: 0; cursor: pointer; }

.form-range input[type=range]::-moz-range-thumb { -webkit-appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; border: 0; background-color: #4B61DD; background-image: url(../images/ic-caret.svg); background-position: center; background-size: 0.75rem; background-repeat: no-repeat; top: calc(-0.75rem + 2px); cursor: pointer; }

.form-range input[type=range]:focus { outline: none; }

.input-file { border: 1px solid #D0D6DD; border-radius: 6px; font-size: 14px; line-height: 20px; padding: 4px; }

.input-file input[type=file]::file-selector-button { background: #FFF; border: 1px solid #EAECFB; border-radius: 4px; height: 28px; color: #4B61DD; transition: all .4s ease; }

.input-file input[type=file]::file-selector-button:hover { background: #EAECFB; cursor: pointer; }

.btn-group.btn-group-toggle { background-color: #FFF; border-radius: 1.25rem; border: 3px solid #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.btn-group.btn-group-toggle input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group-toggle .btn { z-index: 1; display: block; position: relative; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; font-size: 0.75rem; line-height: 1.429em; padding: 4px 15px; font-weight: 500; margin: 0; border: 1.5px solid transparent; border-radius: 1rem; color: #545465; background: #FFFFFF; cursor: pointer; }

.btn-group.btn-group-toggle .btn:hover { background: #FFFFFF; color: #2B2A35; border-color: #FFFFFF; }

.btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle .btn.active { z-index: 2; border-color: #4B61DD; background-color: #4B61DD; color: #FFF; box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.3); }

.btn-group.btn-group--custom { margin-bottom: -1rem; }

.btn-group.btn-group--custom .row { margin: 0 -0.5rem; }

.btn-group.btn-group--custom .row > .col, .btn-group.btn-group--custom .row > [class*="col-"] { padding-left: 0.5rem; padding-right: 0.5rem; }

.btn-group.btn-group--custom .item { margin-bottom: 1rem; }

.btn-group.btn-group--custom input { position: absolute; opacity: 0; visibility: hidden; z-index: -10; }

.btn-group.btn-group--custom .btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; width: 100%; border: 1px solid #D0D6DD; border-radius: 0.25rem; padding: 24px 16px 20px; font-size: 0.75rem; line-height: 1.5em; margin: 0; cursor: pointer; }

.btn-group.btn-group--custom .btn .icon { display: block; height: 32px; width: 122px; object-fit: contain; object-position: 50% 50%; margin: 0 auto 12px; }

.btn-group.btn-group--custom .btn span { display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: #000; }

.btn-group.btn-group--custom .btn:hover { color: #232933; border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active { border-color: #005FBF; }

.btn-group.btn-group--custom .btn.active:after { content: ""; z-index: 1; display: block; width: 1.25rem; height: 1.25rem; background-image: url(../images/ic-check-blue.svg); background-color: #FFFFFF; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(-0.75rem + 1px); right: calc(-0.75rem + 1px); border-radius: 1.25rem; border: 2px solid #FFFFFF; }

.captcha-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.captcha-wrap small.error { display: block; width: 100%; }

.captcha-canvas { pointer-events: none; margin-right: 8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.captcha-canvas .captcha { background: #f6f6f7; border-radius: 6px; height: 40px; }

.captcha-refresh { width: 20px; height: 20px; background: url(../images/ic-refresh.webp) no-repeat center; background-size: contain; display: inline-block; cursor: pointer; opacity: 0.8; margin-right: 24px; }

.captcha-field { padding: 8px 16px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; max-width: 150px; }

@media screen and (max-width: 480px) { .captcha-field { -webkit-flex: 1; -ms-flex: 1; flex: 1; } }

@media screen and (max-width: 480px) and (max-width: 320px) { .captcha-field { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } }

/* General */
.btn { display: inline-block; font-weight: 500; color: #232933; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 1.25rem; font-size: 1rem; line-height: 1.5em; border-radius: 6px; cursor: pointer; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }

.btn:hover { color: #232933; text-decoration: none; }

.btn:focus, .btn.focus { outline: 0; box-shadow: none; }

.btn.disabled, .btn:disabled { opacity: 0.5; pointer-events: none; }

.btn .icon { display: inline-block; position: relative; top: -1px; vertical-align: middle; height: 1.5rem; width: 1.5rem; object-fit: contain; object-position: 50% 50%; }

.btn .icon:first-child { margin-right: 0.5rem; }

.btn .icon:last-child { margin-left: 0.5rem; }

.btn.cta-waba { padding-left: 16px; }

.btn.cta-waba::before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; background: url(../images/ic-waba-white.svg) no-repeat center; background-size: contain; }

.btn.cta-download { padding-left: 16px; }

.btn.cta-download::before { content: ''; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 8px; background: url(../images/ic-download.avif) no-repeat center; background-size: contain; }

.btn.cta-call { padding-left: 16px; }

.btn.cta-call::before { content: ''; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 8px; background: url(../images/ic-btn-call.svg) no-repeat center; background-size: contain; }

.btn.cta-email { padding-left: 16px; }

.btn.cta-email::before { content: ''; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 8px; background: url(../images/ic-btn-email.svg) no-repeat center; background-size: contain; }

.btn-primary { color: #FFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn-primary .icon path { fill: #FFFFFF; transition: all .3s ease; }

.btn-primary:hover { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary:focus, .btn-primary.focus { box-shadow: none; }

.btn-primary.disabled, .btn-primary:disabled { color: #FFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary:not(:disabled):not(.disabled):active .icon path, .btn-primary:not(:disabled):not(.disabled).active .icon path, .show > .btn-primary.dropdown-toggle .icon path { fill: #4B61DD; }

.btn-primary-border { color: #4B61DD; background-color: #FFF; border-color: #4B61DD; }

.btn-primary-border:hover { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-primary-border:focus, .btn-primary-border.focus { box-shadow: none; }

.btn-primary-border.disabled, .btn-primary-border:disabled { color: #FFF; background-color: transparent; border-color: #4B61DD; }

.btn-primary-border:not(:disabled):not(.disabled):active, .btn-primary-border:not(:disabled):not(.disabled).active, .show > .btn-primary-border.dropdown-toggle { color: #FFF; background-color: #2740ce; border-color: #2740ce; }

.btn-white { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn-white:hover { color: #FFF; background-color: #143A72; border-color: #FFF; }

.btn-white:focus, .btn-white.focus { box-shadow: none; }

.btn-white.disabled, .btn-white:disabled { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #143A72; background-color: #FFF; border-color: #FFF; }

.btn--primary, .btn-blue { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn--primary .icon path, .btn-blue .icon path { fill: #FFFFFF; }

.btn--primary:hover, .btn--primary:focus, .btn--primary.focus, .btn--primary:not(:disabled):not(.disabled):active, .btn--primary:not(:disabled):not(.disabled).active, .btn-blue:hover, .btn-blue:focus, .btn-blue.focus, .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #2740ce; border-color: #2740ce; }

.btn--primary:hover .icon path, .btn--primary:focus .icon path, .btn--primary.focus .icon path, .btn--primary:not(:disabled):not(.disabled):active .icon path, .btn--primary:not(:disabled):not(.disabled).active .icon path, .btn-blue:hover .icon path, .btn-blue:focus .icon path, .btn-blue.focus .icon path, .btn-blue:not(:disabled):not(.disabled):active .icon path, .btn-blue:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--white { color: #4B61DD; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--white .icon path { fill: #03053A; }

.btn--white.cta-waba::before { background: url(../images/ic-waba-purple.svg) no-repeat center; }

.btn--white:hover, .btn--white:focus, .btn--white.focus, .btn--white:not(:disabled):not(.disabled):active, .btn--white:not(:disabled):not(.disabled).active { color: #03053A; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--white:hover .icon path, .btn--white:focus .icon path, .btn--white.focus .icon path, .btn--white:not(:disabled):not(.disabled):active .icon path, .btn--white:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--dark { color: #FFFFFF; background-color: #232933; border-color: #232933; }

.btn--dark .icon path { fill: #FFFFFF; }

.btn--dark:hover, .btn--dark:focus, .btn--dark.focus, .btn--dark:not(:disabled):not(.disabled):active, .btn--dark:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #0e1115; border-color: #0e1115; }

.btn--dark:hover .icon path, .btn--dark:focus .icon path, .btn--dark.focus .icon path, .btn--dark:not(:disabled):not(.disabled):active .icon path, .btn--dark:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--transparent { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--transparent:hover, .btn--transparent:focus, .btn--transparent.focus, .btn--transparent:not(:disabled):not(.disabled):active, .btn--transparent:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #2740ce; border-color: #2740ce; }

.btn--border, .btn--border-primary, .btn-blue-border { color: #4B61DD; background-color: transparent; border-color: #4B61DD; transition: all 0.3s ease-in-out; }

.btn--border .icon path, .btn--border-primary .icon path, .btn-blue-border .icon path { fill: #4B61DD; }

.btn--border:hover, .btn--border:focus, .btn--border.focus, .btn--border:not(:disabled):not(.disabled):active, .btn--border:not(:disabled):not(.disabled).active, .btn--border-primary:hover, .btn--border-primary:focus, .btn--border-primary.focus, .btn--border-primary:not(:disabled):not(.disabled):active, .btn--border-primary:not(:disabled):not(.disabled).active, .btn-blue-border:hover, .btn-blue-border:focus, .btn-blue-border.focus, .btn-blue-border:not(:disabled):not(.disabled):active, .btn-blue-border:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #4B61DD; border-color: #4B61DD; }

.btn--border:hover .icon path, .btn--border:focus .icon path, .btn--border.focus .icon path, .btn--border:not(:disabled):not(.disabled):active .icon path, .btn--border:not(:disabled):not(.disabled).active .icon path, .btn--border-primary:hover .icon path, .btn--border-primary:focus .icon path, .btn--border-primary.focus .icon path, .btn--border-primary:not(:disabled):not(.disabled):active .icon path, .btn--border-primary:not(:disabled):not(.disabled).active .icon path, .btn-blue-border:hover .icon path, .btn-blue-border:focus .icon path, .btn-blue-border.focus .icon path, .btn-blue-border:not(:disabled):not(.disabled):active .icon path, .btn-blue-border:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--border:hover::before, .btn--border:focus::before, .btn--border.focus::before, .btn--border:not(:disabled):not(.disabled):active::before, .btn--border:not(:disabled):not(.disabled).active::before, .btn--border-primary:hover::before, .btn--border-primary:focus::before, .btn--border-primary.focus::before, .btn--border-primary:not(:disabled):not(.disabled):active::before, .btn--border-primary:not(:disabled):not(.disabled).active::before, .btn-blue-border:hover::before, .btn-blue-border:focus::before, .btn-blue-border.focus::before, .btn-blue-border:not(:disabled):not(.disabled):active::before, .btn-blue-border:not(:disabled):not(.disabled).active::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.btn--border-white, .btn-white-border { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; }

.btn--border-white:hover, .btn--border-white:focus, .btn--border-white.focus, .btn--border-white:not(:disabled):not(.disabled):active, .btn--border-white:not(:disabled):not(.disabled).active, .btn-white-border:hover, .btn-white-border:focus, .btn-white-border.focus, .btn-white-border:not(:disabled):not(.disabled):active, .btn-white-border:not(:disabled):not(.disabled).active { color: #232933; background-color: #FFFFFF; border-color: #FFFFFF; }

.btn--link { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--link:hover, .btn--link:hover, .btn--link:focus, .btn--link.focus, .btn--link:not(:disabled):not(.disabled):active, .btn--link:not(:disabled):not(.disabled).active { color: #4B61DD; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--link .svg path { fill: #4B61DD; }

.btn--link-primary { color: #4B61DD; background-color: transparent; border-color: transparent; }

.btn--link-primary:hover, .btn--link-primary:hover, .btn--link-primary:focus, .btn--link-primary.focus, .btn--link-primary:not(:disabled):not(.disabled):active, .btn--link-primary:not(:disabled):not(.disabled).active { color: #4B61DD; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--link-dark { color: #2B2A35; background-color: transparent; border-color: transparent; }

.btn--link-dark:hover, .btn--link-dark:hover, .btn--link-dark:focus, .btn--link-dark.focus, .btn--link-dark:not(:disabled):not(.disabled):active, .btn--link-dark:not(:disabled):not(.disabled).active { color: #2B2A35; background-color: transparent; border-color: transparent; text-decoration: underline; }

.btn--play { position: relative; color: #626B79; }

.btn--play .icon { margin: 0 !important; position: relative; left: 1px; -webkit-transform: sclae(1); transform: sclae(1); transition: all .4s ease; }

.btn--play .icon path { fill: #626B79; transition: all .4s ease; }

.btn--play .play-icon { display: inline-block; vertical-align: middle; position: relative; width: 1.5rem; height: 1.5rem; top: -1px; margin-right: 8px; }

.btn--play .play-icon:before { content: ""; display: block; position: absolute; width: calc(100% + 6px); height: calc(100% + 6px); top: -3px; left: -3px; background: #626B79; border-radius: 50%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); transition: all .4s ease; }

.btn--play:hover .icon, .btn--play:hover .icon, .btn--play:focus .icon, .btn--play.focus .icon, .btn--play:not(:disabled):not(.disabled):active .icon, .btn--play:not(:disabled):not(.disabled).active .icon { -webkit-transform: scale(0.7); transform: scale(0.7); }

.btn--play:hover .icon path, .btn--play:hover .icon path, .btn--play:focus .icon path, .btn--play.focus .icon path, .btn--play:not(:disabled):not(.disabled):active .icon path, .btn--play:not(:disabled):not(.disabled).active .icon path { fill: #FFFFFF; }

.btn--play:hover .play-icon:before, .btn--play:hover .play-icon:before, .btn--play:focus .play-icon:before, .btn--play.focus .play-icon:before, .btn--play:not(:disabled):not(.disabled):active .play-icon:before, .btn--play:not(:disabled):not(.disabled).active .play-icon:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 rgba(84, 84, 101, 0.4); -webkit-animation: play-dark 2s infinite; animation: play-dark 2s infinite; }

@-webkit-keyframes play-dark { 0% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(84, 84, 101, 0); }
  100% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0); } }

@keyframes play-dark { 0% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(84, 84, 101, 0); }
  100% { box-shadow: 0 0 0 0 rgba(84, 84, 101, 0); } }

.btn--nopadding { padding: 0; }

.btn--block { display: block; width: 100%; }

.btn--block + .btn--block { margin-top: 0.5rem; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.badge { display: inline-block; vertical-align: middle; color: #232933; font-size: 0.75rem; line-height: 1.833em; font-weight: 500; padding: 0 0.5rem; border: 1px solid #D0D6DD; background: #D0D6DD; border-radius: 0.25rem; }

.badge--primary { color: #FFFFFF; border-color: #4B61DD; background-color: #4B61DD; }

.badge--mekarios { color: #5B37D4; border-color: #5B37D4; background-color: #F8F2FC; }

.badge--talenta { color: #C02A34; border-color: #C02A34; background-color: #F9E2DE; }

.badge--jurnal { color: #009BDE; border-color: #009BDE; background-color: #DFF4F9; }

.badge--klikpajak { color: #F96D01; border-color: #F96D01; background-color: #FDEEDB; }

.badge--mekarichat { color: #00B894; border-color: #00B894; background-color: #F3F8FC; }

.badge--mekariflex { color: #80B0DE; border-color: #80B0DE; background-color: #E8F2F9; }

.badge--rounded { border-radius: 1rem; font-weight: 400; }

.link-more { color: #4B61DD; position: relative; }

.link-more:after { content: ""; display: inline-block; vertical-align: middle; margin-left: 8px; width: 20px; height: 20px; background: url(../images/ic-arrow-right-long.svg) no-repeat center; background-size: contain; }

.link-more:hover { color: #2740ce; text-decoration: underline; }

.link-more:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-more.lm-btn { display: inline-block; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; }

.link-more-white { color: #FFF; position: relative; padding-right: 26px; }

.link-more-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-right-long-w.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - 10px); }

.link-more-white:hover { color: #FFF; text-decoration: underline; }

.link-more-white:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-back { color: #4B61DD; position: relative; padding-left: 26px; white-space: nowrap; }

.link-back:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-left-long.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-back:hover { color: #2740ce; text-decoration: underline; }

.link-back:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-down { color: #4B61DD; position: relative; padding-left: 28px; }

.link-down::before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-down-long.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-down:hover { color: #2740ce; text-decoration: underline; }

.link-down:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceDown; animation-name: bounceDown; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-down-white { color: #FFF; position: relative; padding-right: 28px; }

.link-down-white::before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-arrow-down-long-w.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - 10px); }

.link-down-white:hover { color: #e6e5e5; text-decoration: underline; }

.link-down-white:hover::before { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounceDown; animation-name: bounceDown; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.link-video { color: #4B61DD; position: relative; padding-left: 26px; }

.link-video:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-play-blue.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-video:hover { color: #4B61DD; text-decoration: underline; }

.link-video-white { color: #FFF; position: relative; padding-left: 26px; }

.link-video-white:after { content: ""; display: block; width: 20px; height: 20px; background: url(../images/ic-play.svg) no-repeat center; background-size: contain; position: absolute; left: 0; top: calc(50% - 10px); }

.link-video-white:hover { color: #FFF; text-decoration: underline; }

a.more:hover img, a.more:hover svg, span.more:hover img, span.more:hover svg { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

a.link-gray { color: #626B79; }

.link-external { position: relative; font-size: 14px; line-height: 24px; color: #4B61DD; }

.link-external::before { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/ic-external-link.svg) no-repeat center; background-size: contain; margin-right: 8px; }

.link-external:hover { color: #2740ce; }

.btn-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.btn-wrap .btn-col { padding-left: 8px; padding-right: 8px; }

.btn-wrap .btn-col .btn { margin: 0; }

.btn-wrap .btn-col a { display: inline-block; }

@media (max-width: 1200px) { .btn-wrap { text-align: center; }
  .btn-wrap .btn-col { width: 100%; }
  .btn-wrap .btn-col + .btn-col { margin-top: 12px; }
  .btn-wrap .btn { display: block; width: 100%; } }

.section-title { margin-bottom: 3rem; }

.bg-gray { background: #F2F4F7; }

.bg-half-gray { position: relative; }

.bg-half-gray:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: calc((100vw - 1248px)/2 + 208px); background: #F9FAFB; }

@media (max-width: 767px) { .bg-half-gray:before { width: 100%; height: 70%; top: auto; left: 0; bottom: 0; } }

.card__icon { position: relative; margin-bottom: 0.5rem; }

.card__icon img { display: block; height: 3.5rem; width: auto; }

.card__img { display: block; position: relative; width: 100%; padding-top: 62%; }

.card__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }

.card__title { display: block; color: #232933; font-size: 1.25rem; line-height: 1.5em; font-weight: 500; }

.card__title:not(:last-child) { margin-bottom: 1rem; }

.card__title:hover { color: #4B61DD; text-decoration: none; }

.card__content:not(:last-child) { margin-bottom: 1rem; }

.card--border { border-radius: 0.25rem; border: 1px solid #D0D6DD; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; height: 100%; }

.card--border .card__main { width: 100%; padding: 1.5rem; }

.card--border .card__main:not(:last-child) { padding-bottom: 1rem; }

.card--border .card__content { margin-bottom: auto; }

.card--border .card__action { margin-top: auto; padding: 0 1.5rem 1.5rem; }

img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a img.alignright { float: right; margin: 0 0 1em 1em; }

a img.alignleft { float: left; margin: 0 1em 1em 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

@media (max-width: 991px) { .nav-container { z-index: 20; padding-top: 100px; position: relative; border: 0; background-color: #FFFFFF; }
  .nav-tabs { display: block; width: 100%; position: absolute; top: 24px; left: 0; overflow: visible; padding: 0 16px; padding-top: 56px; }
  .nav-tabs:before { display: none; }
  .nav-tabs .nav-item.active { position: absolute; top: 0; left: 20px; width: calc(100% - 40px); }
  .nav-tabs .nav-item.active:after { content: ""; display: block; z-index: 2; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); right: 1rem; background-image: url(../images/ic-chevron-down.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
  .nav-tabs .nav-link { z-index: 1; position: relative; width: 100%; height: 52px; max-height: 0; top: 1px; padding: 0; border: 0; opacity: 0; visibility: hidden; margin: 0 0 -1px; padding: 0 1rem; border-radius: 0; transition: all .4s ease; }
  .nav-tabs .nav-link .logo { position: relative; top: -2px; }
  .nav-tabs .nav-link .logo img { height: 32px; width: auto; }
  .nav-tabs .nav-link.active { z-index: 2; position: relative; padding: 12px 1rem; border: 1px solid #D0D6DD; max-height: 52px; opacity: 1; visibility: visible; pointer-events: initial; border-radius: 0.25rem; }
  .nav-tabs .nav-link.active .logo img { height: 32px; width: auto; }
  .nav-tabs.show .nav-link { opacity: 1; visibility: visible; max-height: 52px; padding: 12px 1rem; border: 1px solid #D0D6DD; } }

ul.list-check, ul.custom-list { display: block; padding-left: 0; margin-bottom: 1rem; }

ul.list-check li, ul.custom-list li { display: block; position: relative; padding-bottom: 0.5rem; padding-left: 2rem; }

ul.list-check li span.title, ul.custom-list li span.title { display: block; position: relative; color: #232933; font-size: 1rem; line-height: 1.5em; margin: 0 0 4px; font-weight: 500; }

ul.list-check li::before, ul.custom-list li::before { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; top: 0.083em; left: 0; background-image: url(../images/ic-check.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }

ul.list-check li.lock, ul.custom-list li.lock { color: #8B95A5; text-decoration: line-through; }

ul.list-check li.lock::before, ul.custom-list li.lock::before { background-image: url(../images/ic-lock.svg); }

ul.list-check.lc--red li::before, ul.custom-list.lc--red li::before { background-image: url(../images/ic-check-red.svg); }

ul.list-check.lc--cyan li::before, ul.custom-list.lc--cyan li::before { background-image: url(../images/ic-check-cyan.svg); }

ul.list-check.lc--orange li::before, ul.custom-list.lc--orange li::before { background-image: url(../images/ic-check-orange.svg); }

ul.list-check.lc--green li::before, ul.custom-list.lc--green li::before { background-image: url(../images/ic-check-green.svg); }

ul.list-check.lc--green-alt li::before, ul.custom-list.lc--green-alt li::before { background-image: url(../images/ic-check-green-alt.svg); }

ul.list-check.lc--purple li::before, ul.custom-list.lc--purple li::before { background-image: url(../images/ic-check-purple.svg); }

ul.list-bullet { display: block; margin-bottom: 1rem; }

ul.list-bullet li { display: block; position: relative; padding-bottom: 0.5rem; padding-left: 2rem; }

ul.list-bullet li span.title { display: block; position: relative; color: #232933; font-size: 1rem; line-height: 1.5em; margin: 0 0 4px; font-weight: 500; }

ul.list-bullet li::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; top: 9px; left: 12px; background: #626B79; border-radius: 3px; }

ul.list-steps { position: relative; }

ul.list-steps::before { z-index: 1; content: ""; display: block; position: absolute; width: 1px; height: calc(100% - 48px); top: 24px; left: 24px; background: #D0D6DD; counter-reset: item-counter; }

ul.list-steps li { z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0 0 0 60px; min-height: 48px; margin: 0 0 24px; counter-increment: item-counter; }

ul.list-steps li:last-child { margin-bottom: 0; }

ul.list-steps li::before { z-index: 2; content: counter(item-counter); display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 4px; left: 4px; padding: 0 10px; border-radius: 20px; background: linear-gradient(340deg, #2F5573 9.7%, #315978 13.44%, #457A9F 44.87%, #518FB8 69.57%, #5697C1 84.53%); outline: 4px solid #EAECFB; font-size: 16px; line-height: 24px; font-weight: 600; color: #FFF; }

.pagination { display: block; text-align: center; padding: 32px 0; }

.pagination .page-link { display: block; color: #626B79; font-weight: 600; transition: all .4s ease; padding: 8px; min-width: 40px; min-height: 40px; border-radius: 20px; cursor: pointer; }

.pagination .page-link .svg path { fill: #626B79; transition: all .4s ease; }

.pagination .page-link:hover { color: #4B61DD; text-decoration: none; }

.pagination .page-link:hover .svg path { fill: #4B61DD; }

.pagination .page-link.disabled { opacity: 0.3; pointer-events: none; }

.pagination .page-link.active { color: #4B61DD; background: #EAECFB; font-weight: 500; }

.pagination .page-item { display: inline-block; vertical-align: middle; margin: 0 4px; }

.pagination .page-item.active .page-link { color: #4B61DD; font-weight: 500; }

@media (max-width: 991px) { .pagination .page-item { margin: 0; } }

.d-headline { display: block; position: relative; }

.d-headline span { display: none; color: #232933 !important; }

.d-headline span:first-child { display: block; }

.d-headline span:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; max-width: 0; top: 0; left: 0; mix-blend-mode: lighten; background-color: #4B61DD; -webkit-animation: d-headline 5s ease; animation: d-headline 5s ease; }

@media (max-width: 991px) { .d-headline { display: inline; }
  .d-headline span:after { display: none; } }

.sticky-me { transition: all .4s ease; }

.sticky-full { transition: all .4s ease; }

.sticky-full.fixed { max-height: 80vh; overflow: auto; padding-right: 12px; }

.sticky-full.fixed::-webkit-scrollbar-track { -webkit-box-shadow: none; }

.sticky-full.fixed::-webkit-scrollbar-thumb { background-color: #D0D6DD; border-radius: 0; }

.link-muted { color: #B4B4B4; }

.link-muted:hover { color: #4B61DD; }

.item-empty { position: relative; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 40px 0 80px; }

.item-empty img { display: block; height: 300px; width: auto; margin: 0 auto 24px; }

.item-empty span, .item-empty h3 { display: block; font-size: 24px; line-height: 32px; color: #2B2A35; margin-bottom: 48px; }

.item-empty h3 { margin-bottom: 12px; }

.item-empty p { color: #545465; }

.loading-state { position: relative; }

.loading-state * { opacity: 0.8; }

.loading-state:after { content: ""; opacity: 1; z-index: 5; display: block; position: absolute; width: 100%; height: calc(100% + 24px); top: -12px; left: 0; border-radius: 8px; background-image: url(../images/ic-loading.svg); background-repeat: no-repeat; background-size: 120px; background-position: center; }

.fixed-loading-state * { opacity: 0.8; }

.fixed-loading-state:after { content: ""; opacity: 1; z-index: 400; display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/ic-loading.svg); background-repeat: no-repeat; background-size: 120px; background-position: center; }

.page-not-found { text-align: center; padding: 64px 0 80px; }

.page-not-found__img { margin-bottom: 24px; }

.page-not-found__img img { display: block; width: 100%; height: auto; }

.page-not-found__title { display: block; font-size: 32px; line-height: 40px; font-weight: 500; margin-bottom: 8px; }

.page-not-found__action { padding-top: 32px; }

@media (max-width: 767px) { .page-not-found .page-not-found__title { font-size: 24px; line-height: 1.5em; } }

.post-not-found { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-weight: 600; color: #e2e2e2; font-size: 32px; line-height: 48px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.post-not-found span { font-size: 16px; line-height: 24px; color: #626B79; font-weight: 400; }

.post-not-found::before { content: ""; display: block; width: 170px; height: 140px; background: url(../images/img-post-not-found.png) no-repeat center/contain; margin: 0 0 8px; }

.ic-wa { z-index: 101; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 18px; right: 18px; }

.ic-wa img { z-index: 2; position: relative; display: block; height: 64px; width: 64px; min-width: 64px; }

.ic-wa span { z-index: 1; position: relative; display: block; width: 100%; height: 30px; background-color: #25d366; font-size: 12px; line-height: 14px; margin-left: -10px; border-radius: 0 20px 20px 0; color: #FFF; transition: all .3s ease; opacity: 0; font-size: 0; padding: 8px 0; max-width: 0; }

.ic-wa:hover { color: #FFF; text-decoration: none; }

.ic-wa:hover span { font-size: 12px; padding: 8px 12px; opacity: 1; max-width: 124px; }

.cta-waba:not(.show) { pointer-events: none !important; }

.img-default { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #F9FAFB; background-image: url("../images/mekari-logogram.svg"); background-repeat: no-repeat; background-position: center; }

.video { position: relative; }

.video video { display: block; width: 100%; height: auto; }

.hidden { display: none !important; }

ol { margin: 0 0 24px 32px; list-style: decimal; }

.has-page-loading, .has-loading { z-index: 1000; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/loading.svg); background-position: center; background-size: 64px; background-repeat: no-repeat; }

hr.section-separator.nm { margin-top: 0; margin-bottom: 0; }

@media (min-width: 576px) { hr.section-separator { max-width: 516px; } }

@media (min-width: 768px) { hr.section-separator { max-width: 696px; } }

@media (min-width: 992px) { hr.section-separator { max-width: 936px; } }

@media (min-width: 1200px) { hr.section-separator { max-width: 1224px; } }

.top-banner-sticky { opacity: 0; display: block; display: none; z-index: 878; position: fixed; top: 0; left: 0; right: 0; text-decoration: none; color: #2B2A35; width: 100%; background: #E9E5F9; transition: none; }

.top-banner-sticky:hover { color: #2B2A35; text-decoration: none; }

.top-banner-sticky .tb__logo { display: block; width: 100%; max-width: 90px; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; }

.top-banner-sticky .tb__logo img { display: block; width: auto; height: 64px; }

.top-banner-sticky .tb__text { width: 100%; max-width: calc(80% - 90px); -webkit-flex: 0 0 calc(80% - 90px); -ms-flex: 0 0 calc(80% - 90px); flex: 0 0 calc(80% - 90px); padding-left: 60px; }

.top-banner-sticky .tb__text span.sub, .top-banner-sticky .tb__text span.sub-sm { display: none; }

.top-banner-sticky .tb__text span.title { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }

.top-banner-sticky .tb__text span.title img { margin-right: 4px; width: 112px; height: auto; }

.top-banner-sticky .tb__text span.title-sm { display: none; font-size: 28px; line-height: 1.5em; font-weight: 600; }

.top-banner-sticky .tb__text span.title-sm img { display: none; }

.top-banner-sticky .tb__text span.title-sm span { display: inline-block !important; opacity: 1 !important; position: relative !important; }

.top-banner-sticky .tb__text span.text-small { font-size: 16px; line-height: 24px; position: relative; }

.top-banner-sticky .tb__text span.text-small small { font-size: 14px; line-height: 30px; }

.top-banner-sticky .tb__text span.text-small-sm { display: none; }

.top-banner-sticky .tb__text span.link { display: none; }

.top-banner-sticky .tb__action { display: block; width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: right; margin-left: auto; }

.top-banner-sticky span.link { text-decoration: none; color: #4B61DD; }

.top-banner-sticky span.link:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; position: relative; top: -2px; margin-left: 8px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-sticky span.link:hover { color: #4B61DD; text-decoration: underline; }

.top-banner-sticky span.link:hover:after { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-sticky .tb__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 64px; }

.top-banner-sticky .tb__close { position: absolute; right: 22px; top: calc(50% - 10px); }

.top-banner-sticky .tb__close::before { content: ""; z-index: 1; display: block; width: 16px; height: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; }

.top-banner-sticky.gold { background: linear-gradient(4deg, #AB8255 -20.48%, #D4B580 46.17%, #D3B47F 112.82%); }

.top-banner-sticky.gold span.link { color: #FFF; }

.top-banner-sticky.gold span.link::after { background-image: url(../images/ic-arrow-right-long-w.svg); }

.top-banner-sticky.gold .tb__close::before { -webkit-filter: grayscale(100) brightness(0) invert(1); filter: grayscale(100) brightness(0) invert(1); }

.top-banner-sticky.gold .tb__wrap { color: #FFF; }

.top-banner-sticky.tentubisa .tb__logo { max-width: 180px; -webkit-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.top-banner-sticky.tentubisa .tb__text { padding-left: 0; max-width: calc(80% - 180px); -webkit-flex: 0 0 calc(80% - 180px); -ms-flex: 0 0 calc(80% - 180px); flex: 0 0 calc(80% - 180px); }

.top-banner-sticky.tentubisa .tb__text span.text-small img { max-height: 20px; width: auto; }

.top-banner-sticky.tb-dark span.link { color: #FFF; }

.top-banner-sticky.tb-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-sticky.tb-dark span.link:hover { color: #FFF; }

.top-banner-sticky.tbmcon { background: #5030BD; }

.top-banner-sticky.tbmcon .tb__close { display: none; }

.top-banner-sticky.tbmcon span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }

.top-banner-sticky.tbmcon span.link:hover { background-color: #ffea38; text-decoration: none; }

.top-banner-sticky.tbmcon span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); }

.top-banner-sticky.tbmcon .tb__logo { max-width: 190px; -webkit-flex: 0 0 190px; -ms-flex: 0 0 190px; flex: 0 0 190px; }

.top-banner-sticky.tbmcon .tb__text { color: #FFF; max-width: calc(80% - 190px); -webkit-flex: 0 0 calc(80% - 190px); -ms-flex: 0 0 calc(80% - 190px); flex: 0 0 calc(80% - 190px); padding-left: 48px; }

.top-banner-sticky.tbmcon .tb__text span.link { display: none; }

.top-banner-sticky.bg-dark { color: #FFF !important; }

.top-banner-sticky.bg-dark span.link { color: #FFF !important; }

.top-banner-sticky.bg-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-sticky.bg-dark span.link:after { -webkit-filter: invert(100%) brightness(100); filter: invert(100%) brightness(100); }

@media (max-width: 1200px) { .top-banner-sticky.tentubisa .tb__logo { display: none; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-sticky.tbmcon .tb__logo { display: none; }
  .top-banner-sticky.tbmcon .tb__text { padding-left: 0; max-width: calc(100% - 260px); -webkit-flex: 0 0 calc(100% - 260px); -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
  .top-banner-sticky.tbmcon .tb__text span.title { font-size: 16px; line-height: 24px; }
  .top-banner-sticky.tbmcon .tb__text span.text-small { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tbmcon .tb__action { max-width: 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } }

@media (max-width: 1024px) { .top-banner-sticky .tb__text { padding-left: 0; }
  .top-banner-sticky .tb__text span.title { display: block; font-size: 15px; line-height: 28px; }
  .top-banner-sticky .tb__text span.text-small { display: block; font-size: 14px; line-height: 20px; }
  .top-banner-sticky .tb__action { max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 48px; }
  .top-banner-sticky .tb__wrap { max-width: 100%; }
  .top-banner-sticky.tentubisa .tb__logo { display: none; }
  .top-banner-sticky.tentubisa .tb__text { padding-left: 24px; }
  .top-banner-sticky.tbmcon .tb__text span.title-sm { color: #FFF; }
  .top-banner-sticky.tbmcon .tb__text span.text-small-sm { color: #FFF; }
  .top-banner-sticky.tbmcon .tb__action span.link { color: #FFF; background: transparent; padding: 0; }
  .top-banner-sticky.tbmcon .tb__action span.link::after { -webkit-filter: invert(100%) brightness(1000%); filter: invert(100%) brightness(1000%); } }

@media (max-width: 991px) { .top-banner-sticky .tb__logo { display: block; }
  .top-banner-sticky .tb__text { padding-left: 24px; max-width: calc(65% - 90px); -webkit-flex: 0 0 calc(65% - 90px); -ms-flex: 0 0 calc(65% - 90px); flex: 0 0 calc(65% - 90px); }
  .top-banner-sticky .tb__text span.title { display: none; }
  .top-banner-sticky .tb__text span.text-small { display: none; }
  .top-banner-sticky .tb__text span.title-sm { display: block; font-size: 16px; line-height: 24px; }
  .top-banner-sticky .tb__text span.text-small-sm { display: block; font-size: 14px; line-height: 20px; }
  .top-banner-sticky .tb__action { max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; }
  .top-banner-sticky .tb__close { right: 16px; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; } }

@media (max-width: 479px) { .top-banner-sticky .tb__logo { display: none; }
  .top-banner-sticky .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; text-align: center; }
  .top-banner-sticky .tb__text span.link { display: block; margin-top: 4px; }
  .top-banner-sticky .tb__action { display: none; }
  .top-banner-sticky .tb__close { top: 10px; right: 10px; }
  .top-banner-sticky .tb__close::before { width: 12px; height: 12px; }
  .top-banner-sticky .tb__wrap { min-height: 120px; height: auto; }
  .top-banner-sticky.tentubisa .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; }
  .top-banner-sticky.tentubisa .tb__text span.title-sm { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tentubisa .tb__text span.text-small-sm { font-size: 14px; line-height: 20px; }
  .top-banner-sticky.tbmcon .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-sticky.tbmcon .tb__text span.title-sm { font-size: 14px; line-height: 20px; margin-bottom: 0; }
  .top-banner-sticky.tbmcon .tb__text span.link { display: block; color: #FFF; background: transparent; padding: 0; }
  .top-banner-sticky.tbmcon .tb__text span.link::after { -webkit-filter: invert(100%) brightness(1000%); filter: invert(100%) brightness(1000%); } }

.top-banner-bot { display: block; margin-top: 64px; text-decoration: none; color: #2B2A35; width: 100%; background: #E9E5F9; position: relative; }

.top-banner-bot:hover { color: #2B2A35; text-decoration: none; }

.top-banner-bot .tb__logo { display: block; width: 100%; max-width: 180px; -webkit-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; }

.top-banner-bot .tb__logo img { display: block; width: auto; height: auto; }

.top-banner-bot .tb__text { display: block; width: 100%; max-width: calc(80% - 180px); -webkit-flex: 0 0 calc(80% - 180px); -ms-flex: 0 0 calc(80% - 180px); flex: 0 0 calc(80% - 180px); padding-left: 48px; }

.top-banner-bot .tb__text span.sub { display: block; font-size: 18px; line-height: 1.5em; font-weight: 500; }

.top-banner-bot .tb__text span.sub-sm { display: none; }

.top-banner-bot .tb__text span.title { display: block; font-size: 32px; line-height: 48px; font-weight: 600; }

.top-banner-bot .tb__text span.title small { display: block; font-size: 16px; line-height: 24px; font-weight: 400; }

.top-banner-bot .tb__text span.title-sm { display: none; }

.top-banner-bot .tb__text span.link { display: none; text-decoration: underline; }

.top-banner-bot .tb__text span.text-small { display: block; font-size: 14px; line-height: 20px; }

.top-banner-bot .tb__text span.text-small small { font-size: 14px; line-height: 30px; display: block; }

.top-banner-bot .tb__text span.text-small-sm { display: none; }

.top-banner-bot .tb__action { width: 100%; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-left: 0; text-align: right; }

.top-banner-bot span.link { text-decoration: none; color: #4B61DD; }

.top-banner-bot span.link:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/ic-arrow-right.svg) no-repeat center; background-size: contain; position: relative; top: -2px; margin-left: 8px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce2; animation-name: bounce2; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); }

.top-banner-bot span.link:hover { color: #4B61DD; text-decoration: underline; }

.top-banner-bot .tb__img { z-index: 1; display: block; position: absolute; width: 20%; height: calc(100% - 20px); top: 10px; right: 12px; background-size: auto 100%; background-repeat: no-repeat; background-position: right bottom; }

.top-banner-bot .tb__wrap { z-index: 2; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 144px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.top-banner-bot .tb__close { position: absolute; right: 14px; top: 16px; }

.top-banner-bot .tb__close::before { content: ""; z-index: 1; display: block; width: 16px; height: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; }

.top-banner-bot.gold { background: linear-gradient(4deg, #AB8255 -20.48%, #D4B580 46.17%, #D3B47F 112.82%); }

.top-banner-bot.gold span.link { color: #FFF; }

.top-banner-bot.gold span.link::after { background-image: url(../images/ic-arrow-right-long-w.svg); }

.top-banner-bot.gold .tb__wrap { color: #FFF; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); }

.top-banner-bot.gold::before { content: ''; left: 0; top: 0; height: 100%; width: 20%; position: absolute; background: url(../images/sb-ornament-left.webp) no-repeat center; background-size: cover; }

.top-banner-bot.gold::after { content: ''; right: 0; top: 0; height: 100%; width: 8%; position: absolute; background: url(../images/sb-ornament-right.webp) no-repeat center; background-size: cover; }

.top-banner-bot.tentubisa .tb__logo { max-width: 300px; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; }

.top-banner-bot.tentubisa .tb__logo img { max-height: 144px; }

.top-banner-bot.tentubisa .tb__text { max-width: calc(85% - 380px); -webkit-flex: 0 0 calc(85% - 380px); -ms-flex: 0 0 calc(85% - 380px); flex: 0 0 calc(85% - 380px); }

.top-banner-bot.tentubisa .tb__text span.title { font-size: 20px; line-height: 28px; margin-bottom: 4px; }

.top-banner-bot.tentubisa .tb__text span.text-small { font-size: 16px; line-height: 24px; }

.top-banner-bot.tentubisa .tb__action { max-width: 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; margin-left: auto; }

.top-banner-bot.tb-dark span.link { color: #FFF; }

.top-banner-bot.tb-dark span.link::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.top-banner-bot.tb-dark span.link:hover { color: #FFF; }

.top-banner-bot.tbmcon { background: #5030BD; }

.top-banner-bot.tbmcon::before, .top-banner-bot.tbmcon::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/banner-tbmcon-l.webp); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; }

.top-banner-bot.tbmcon::after { background-image: url(../images/banner-tbmcon-r.webp); background-position: right top; }

.top-banner-bot.tbmcon .title { color: #FFF; font-size: 20px; line-height: 28px; margin: 0 0 4px; }

.top-banner-bot.tbmcon .text-small { color: #FFF; font-size: 14px; line-height: 16px; }

.top-banner-bot.tbmcon .tb__logo { max-width: 380px; -webkit-flex: 0 0 380px; -ms-flex: 0 0 380px; flex: 0 0 380px; }

.top-banner-bot.tbmcon .tb__logo img { max-height: 144px; max-width: 100%; height: auto; width: auto; margin: 0 auto; }

.top-banner-bot.tbmcon .tb__text { max-width: calc(80% - 380px); -webkit-flex: 0 0 calc(80% - 380px); -ms-flex: 0 0 calc(80% - 380px); flex: 0 0 calc(80% - 380px); }

.top-banner-bot.tbmcon .tb__text .title { font-size: 20px; line-height: 150%; }

.top-banner-bot.tbmcon .tb__action span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }

.top-banner-bot.tbmcon .tb__action span.link:hover { background-color: #ffea38; text-decoration: none; }

.top-banner-bot.tbmcon .tb__action span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); }

.top-banner-bot.bg-dark { color: #FFF !important; }

.top-banner-bot.bg-dark::before, .top-banner-bot.bg-dark::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/banner-tbmcon-l.webp); background-size: auto 100%; background-position: left top; background-repeat: no-repeat; }

.top-banner-bot.bg-dark::after { background-image: url(../images/banner-tbmcon-r.webp); background-position: right top; }

.top-banner-bot.bg-dark span.link { color: #FFF !important; }

.top-banner-bot.bg-dark span.link:after { -webkit-filter: invert(100%) brightness(100); filter: invert(100%) brightness(100); }

@media (max-width: 1200px) { .top-banner-bot.tentubisa .tb__logo { display: none; }
  .top-banner-bot.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-bot.tentubisa .tb__action { display: block; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .top-banner-bot.tbmcon .tb__logo { display: none; }
  .top-banner-bot.tbmcon .tb__text { padding-left: 0; max-width: calc(100% - 260px); -webkit-flex: 0 0 calc(100% - 260px); -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); }
  .top-banner-bot.tbmcon .tb__action { max-width: 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; } }

@media (max-width: 1024px) { .top-banner-bot { margin-top: 64px; }
  .top-banner-bot .tb__logo { position: relative; margin-left: -30px; }
  .top-banner-bot .tb__text { padding-left: 24px; max-width: calc(100% - 180px); -webkit-flex: 0 0 calc(100% - 180px); -ms-flex: 0 0 calc(100% - 180px); flex: 0 0 calc(100% - 180px); }
  .top-banner-bot .tb__text span.title { font-size: 28px; line-height: 36px; }
  .top-banner-bot .tb__text span.link { margin-top: 4px; font-size: 14px; line-height: 24px; }
  .top-banner-bot .tb__action { display: none; }
  .top-banner-bot.tentubisa .tb__logo { display: none; }
  .top-banner-bot.tentubisa .tb__text { max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; padding-left: 0; }
  .top-banner-bot.tentubisa .tb__action { display: block; max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .top-banner-bot.tbmcon::after { background-image: url(../images/banner-tbmcon-l-sm.webp); }
  .top-banner-bot.tbmcon::before { background-image: url(../images/banner-tbmcon-r-sm.webp); }
  .top-banner-bot.tbmcon .tb__text { text-align: center; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-bot.tbmcon .tb__text span.title-sm { color: #FFF; }
  .top-banner-bot.tbmcon .tb__text span.text-small-sm { color: #FFF; }
  .top-banner-bot.tbmcon .tb__text span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }
  .top-banner-bot.tbmcon .tb__text span.link:hover { background-color: #ffea38; text-decoration: none; }
  .top-banner-bot.tbmcon .tb__text span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); } }

@media (max-width: 991px) { .top-banner-bot { margin-top: 56px; }
  .top-banner-bot .tb__text span.title { display: none; }
  .top-banner-bot .tb__text span.text-small { display: none; }
  .top-banner-bot .tb__text span.title-sm { display: block; font-size: 16px; line-height: 24px; font-weight: 600; }
  .top-banner-bot .tb__text span.title-sm img { width: 112px; margin-right: 4px; }
  .top-banner-bot .tb__text span.text-small-sm { display: block; }
  .top-banner-bot .tb__text span.link { display: block; margin-top: 8px; font-size: 16px; line-height: 24px; text-decoration: none; }
  .top-banner-bot .tb__wrap { min-height: 164px; }
  .top-banner-bot .tb__close { top: 16px; right: 16px; }
  .top-banner-bot.tentubisa .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .top-banner-bot.tentubisa .tb__action { display: none; } }

@media (max-width: 479px) { .top-banner-bot { margin-top: 56px; }
  .top-banner-bot .tb__logo { display: none; }
  .top-banner-bot .tb__text { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; text-align: center; }
  .top-banner-bot .tb__text span.text-small-sm { font-size: 14px; line-height: 20px; }
  .top-banner-bot .tb__action { display: none; }
  .top-banner-bot .tb__close { top: 10px; right: 10px; }
  .top-banner-bot .tb__close::before { width: 12px; height: 12px; }
  .top-banner-bot.tbmcon { margin-top: 65px; }
  .top-banner-bot.tbmcon .tb__wrap { padding-top: 12px; padding-bottom: 12px; }
  .top-banner-bot.tbmcon .tb__text span.title-sm { font-size: 18px; line-height: 1.5em; }
  .top-banner-bot.tbmcon .tb__text span.link { display: inline-block; color: #232933; font-size: 16px; line-height: 24px; font-weight: 600; padding: 8px 16px; background-color: #FFED51; border-radius: 4px; }
  .top-banner-bot.tbmcon .tb__text span.link:hover { background-color: #ffea38; text-decoration: none; }
  .top-banner-bot.tbmcon .tb__text span.link::after { -webkit-filter: grayscale(100%) brightness(0.5); filter: grayscale(100%) brightness(0.5); } }

body.has-tb main { padding-top: 0; }

body.has-tb.tbs-show header { transition: all .4s ease; }

body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(64px); transform: translateY(64px); }

body.has-tb.tbs-show .top-banner-sticky { opacity: 1; display: block; }

body.has-tb.tbs-show.menu-open header.fixed { -webkit-transform: none; transform: none; }

@media (max-width: 479px) { body.has-tb.tbs-show .top-banner-sticky { top: 0; }
  body.has-tb.tbs-show header.fixed { -webkit-transform: translateY(120px); transform: translateY(120px); } }

.scroll-top { display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #232933; width: 50px; height: 50px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; position: fixed; bottom: 98px; right: 17px; transition: background-color .3s, opacity .5s, visibility .5s, bottom .3s ease; opacity: 0; visibility: hidden; z-index: 90; cursor: pointer; }

.scroll-top::after { content: ''; width: 30px; height: 30px; display: block; background: url(../images/ic-to-top.webp); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 10% auto; }

.scroll-top.show { opacity: 0.7; visibility: visible; }

.scroll-top.show:hover { opacity: 1; }

.scroll-top.alt { bottom: 17px; }

@media (max-width: 991px) { .scroll-top.hide-sm { display: none; } }

.box-video { position: relative; margin-bottom: 32px; width: 100%; padding-top: 52.6%; }

.box-video img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }

.box-video .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.box-video .play-btn::after { content: ""; display: block; position: absolute; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); border-radius: 40px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }

@-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
  100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }

@keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
  100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }

.formpage { display: block; max-width: 600px; margin: 64px auto; border-radius: 6px; background: #FFF; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2); }

.formpage__title { font-size: 32px; line-height: 48px; margin: 0 0 16px; text-align: center; }

.formpage__desc { text-align: center; margin: 0 0 48px; }

.formpage__img { border-radius: 6px 6px 0 0; overflow: hidden; }

.formpage__img img { display: block; width: 100%; height: auto; position: relative; }

.formpage__form { padding: 48px; }

.formpage .form-action { text-align: center; }

@media (max-width: 991px) { .formpage { margin: 48px 20px; }
  .formpage__title { font-size: 20px; line-height: 28px; }
  .formpage__desc { font-size: 14px; line-height: 20px; margin: 0 0 24px; }
  .formpage__form { padding: 24px 24px 32px; } }

.breadcrumb { padding: 16px 0; border-top: 1px solid #D0D6DD; }

.breadcrumb__wrap { font-size: 12px; line-height: 16px; }

.breadcrumb__wrap a { color: #4B61DD; text-decoration: underline; }

.breadcrumb__wrap a:hover { color: #1f33a3; }

.breadcrumb__wrap a span.home { display: inline-block; vertical-align: middle; width: 20px; height: 20px; font-size: 0; line-height: 0; background: url(../images/logomark-mekari.svg) no-repeat center; background-size: contain; }

.one-pager-foot { background: #232933; padding: 32px; text-align: center; color: #FFF; }

.theme--mekarios .btn:not(.btn--play) { color: #FFFFFF; background-color: #5B37D4; border-color: #5B37D4; }

.theme--mekarios .btn:not(.btn--play):hover, .theme--mekarios .btn:not(.btn--play):focus, .theme--mekarios .btn:not(.btn--play).focus, .theme--mekarios .btn:not(.btn--play):not(:disabled):not(.disabled):active, .theme--mekarios .btn:not(.btn--play):not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #4626b2; border-color: #4626b2; }

.theme--mekarios .btn--border { color: #5B37D4; background-color: transparent; border-color: #5B37D4; }

.theme--mekarios .btn--border:hover, .theme--mekarios .btn--border:focus, .theme--mekarios .btn--border.focus, .theme--mekarios .btn--border:not(:disabled):not(.disabled):active, .theme--mekarios .btn--border:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #5B37D4; border-color: #5B37D4; }

.theme--mekarios .btn--border-white { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; font-weight: 400; }

.theme--mekarios .btn--border-white:hover, .theme--mekarios .btn--border-white:focus, .theme--mekarios .btn--border-white.focus, .theme--mekarios .btn--border-white:not(:disabled):not(.disabled):active, .theme--mekarios .btn--border-white:not(:disabled):not(.disabled).active { color: #5B37D4; background-color: #FFFFFF; border-color: #FFFFFF; }

.theme--mekarios .btn--link { color: #5B37D4; background-color: transparent; border-color: transparent; }

.theme--mekarios .btn--link:hover, .theme--mekarios .btn--link:hover, .theme--mekarios .btn--link:focus, .theme--mekarios .btn--link.focus, .theme--mekarios .btn--link:not(:disabled):not(.disabled):active, .theme--mekarios .btn--link:not(:disabled):not(.disabled).active { color: #5B37D4; background-color: transparent; border-color: transparent; text-decoration: underline; }

.theme--mekarios .form-range input[type=range]::-webkit-slider-thumb { background-color: #5B37D4; }

.theme--mekarios .form-range input[type=range]::-moz-range-thumb { background-color: #5B37D4; }

.theme--mekarios .form-range .slider-container .back-bar .pointer { background-color: #5B37D4; }

.theme--mekarios .form-range .theme-green .back-bar .selected-bar { background-color: #5B37D4; }

.theme--mekarios .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--mekarios .btn-group.btn-group-toggle .btn.active { border-color: #5B37D4; background-color: #F8F2FC; color: #2B2A35; }

.theme--mekarios .recom-bundle .nav-link.active { border-color: #5B37D4; background-color: #F8F2FC; }

.theme--mekarios .recom-bundle .nav-item:after { background-color: #5B37D4; }

.theme--mekarios .owl-dot.active span { background-color: #5B37D4; }

.theme--mekarios .d-headline span { color: #5B37D4; }

.theme--mekarios .d-headline span:after { background-color: #5B37D4; }

.theme--mekarios .accordion--auto .progress-bar span { background-color: #5B37D4; }

.theme--talenta .form-range input[type=range]::-webkit-slider-thumb { background-color: #C02A34; }

.theme--talenta .form-range input[type=range]::-moz-range-thumb { background-color: #C02A34; }

.theme--talenta .form-range .slider-container .back-bar .pointer { background-color: #C02A34; }

.theme--talenta .form-range .theme-green .back-bar .selected-bar { background-color: #C02A34; }

.theme--talenta .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--talenta .btn-group.btn-group-toggle .btn.active { border-color: #C02A34; background-color: #FCF0EF; color: #2B2A35; }

.theme--talenta .recom-bundle .nav-link.active { border-color: #C02A34; background-color: #FCF0EF; }

.theme--talenta .recom-bundle .nav-item .nav-link.active:after { background-color: #C02A34; }

.theme--talenta .testi__img .btn-play { background-color: #C02A34; box-shadow: 0 0 0 rgba(192, 42, 52, 0.4); -webkit-animation: talenta 2s infinite; animation: talenta 2s infinite; }

@-webkit-keyframes talenta { 0% { box-shadow: 0 0 0 0 rgba(192, 42, 52, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(192, 42, 52, 0); }
  100% { box-shadow: 0 0 0 0 rgba(192, 42, 52, 0); } }

@keyframes talenta { 0% { box-shadow: 0 0 0 0 rgba(192, 42, 52, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(192, 42, 52, 0); }
  100% { box-shadow: 0 0 0 0 rgba(192, 42, 52, 0); } }

.theme--talenta.product-testi .testi .more { color: #F5D4CF; fill: #F5D4CF; }

.theme--talenta.product-featured .nav-tabs .nav-link.active:after { background-image: url(../images/ic-chevron-down-red.svg); background-color: #FCF0EF; }

.theme--talenta.product-featured .tab-content { background-color: #FCF0EF; }

.theme--talenta.product-statistics .product-statistics__items .card__items .item__num { color: #C02A34; }

.theme--talenta .owl-dot.active span { background-color: #C02A34; }

.theme--talenta .d-headline span { color: #C02A34; }

.theme--talenta .d-headline span:after { background-color: #C02A34; }

.theme--talenta .accordion--auto .progress-bar span { background-color: #C02A34; }

.theme--talenta .card__toggle span { color: #C02A34; }

.theme--talenta .card__toggle:hover span { color: #962129; }

.theme--talenta .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-red.svg); }

.theme--talenta .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #C02A34; }

.theme--talenta .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-red.svg); }

.theme--talenta .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #C02A34; }

@media (max-width: 991px) { .theme--talenta.product-featured { background-color: #FCF0EF; } }

.theme--jurnal .form-range input[type=range]::-webkit-slider-thumb { background-color: #009BDE; }

.theme--jurnal .form-range input[type=range]::-moz-range-thumb { background-color: #009BDE; }

.theme--jurnal .form-range .slider-container .back-bar .pointer { background-color: #009BDE; }

.theme--jurnal .form-range .theme-green .back-bar .selected-bar { background-color: #009BDE; }

.theme--jurnal .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--jurnal .btn-group.btn-group-toggle .btn.active { border-color: #009BDE; background-color: #EEF9FB; color: #2B2A35; }

.theme--jurnal .recom-bundle .nav-link.active { border-color: #009BDE; background-color: #EEF9FB; }

.theme--jurnal .recom-bundle .nav-item .nav-link.active:after { background-color: #009BDE; }

.theme--jurnal .testi__img .btn-play { background-color: #009BDE; box-shadow: 0 0 0 rgba(0, 155, 222, 0.4); -webkit-animation: jurnal 2s infinite; animation: jurnal 2s infinite; }

@-webkit-keyframes jurnal { 0% { box-shadow: 0 0 0 0 rgba(0, 155, 222, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 155, 222, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 155, 222, 0); } }

@keyframes jurnal { 0% { box-shadow: 0 0 0 0 rgba(0, 155, 222, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 155, 222, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 155, 222, 0); } }

.theme--jurnal.product-testi .testi .more { color: #009BDE; fill: #009BDE; }

.theme--jurnal.product-featured .nav-tabs .nav-link.active:after { background-color: #E8F3F7; background-image: url(../images/ic-chevron-down-cyan.svg); }

.theme--jurnal.product-featured .tab-content { background-color: #E8F3F7; }

.theme--jurnal.product-statistics .product-statistics__items .card__items .item__num { color: #009BDE; }

.theme--jurnal .owl-dot.active span { background-color: #009BDE; }

.theme--jurnal .d-headline span { color: #009BDE; }

.theme--jurnal .d-headline span:after { background-color: #009BDE; }

.theme--jurnal .accordion--auto .progress-bar span { background-color: #009BDE; }

.theme--jurnal .card__toggle span { color: #009BDE; }

.theme--jurnal .card__toggle:hover span { color: #0077ab; }

.theme--jurnal .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--jurnal .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #009BDE; }

.theme--jurnal .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--jurnal .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #009BDE; }

@media (max-width: 991px) { .theme--jurnal.product-featured { background-color: #E8F3F7; } }

.theme--klikpajak .form-range input[type=range]::-webkit-slider-thumb { background-color: #F96D01; }

.theme--klikpajak .form-range input[type=range]::-moz-range-thumb { background-color: #F96D01; }

.theme--klikpajak .form-range .slider-container .back-bar .pointer { background-color: #F96D01; }

.theme--klikpajak .form-range .theme-green .back-bar .selected-bar { background-color: #F96D01; }

.theme--klikpajak .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--klikpajak .btn-group.btn-group-toggle .btn.active { border-color: #F96D01; background-color: #FEF6EC; color: #2B2A35; }

.theme--klikpajak .recom-bundle .nav-link.active { border-color: #F96D01; background-color: #FEF6EC; }

.theme--klikpajak .recom-bundle .nav-item .nav-link.active:after { background-color: #F96D01; }

.theme--klikpajak .testi__img .btn-play { background-color: #F96D01; box-shadow: 0 0 0 rgba(249, 109, 1, 0.4); -webkit-animation: klikpajak 2s infinite; animation: klikpajak 2s infinite; }

@-webkit-keyframes klikpajak { 0% { box-shadow: 0 0 0 0 rgba(249, 109, 1, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(249, 109, 1, 0); }
  100% { box-shadow: 0 0 0 0 rgba(249, 109, 1, 0); } }

@keyframes klikpajak { 0% { box-shadow: 0 0 0 0 rgba(249, 109, 1, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(249, 109, 1, 0); }
  100% { box-shadow: 0 0 0 0 rgba(249, 109, 1, 0); } }

.theme--klikpajak.product-testi .testi .more { color: #FBDEBA; fill: #FBDEBA; }

.theme--klikpajak.product-featured .nav-tabs .nav-link.active:after { background-color: #FDEDD9; background-image: url(../images/ic-chevron-down-orange.svg); }

.theme--klikpajak.product-featured .tab-content { background-color: #FDEDD9; }

.theme--klikpajak.product-statistics .product-statistics__items .card__items .item__num { color: #F96D01; }

.theme--klikpajak .owl-dot.active span { background-color: #F96D01; }

.theme--klikpajak .d-headline span { color: #F96D01; }

.theme--klikpajak .d-headline span:after { background-color: #F96D01; }

.theme--klikpajak .accordion--auto .progress-bar span { background-color: #F96D01; }

.theme--klikpajak .card__toggle span { color: #F96D01; }

.theme--klikpajak .card__toggle:hover span { color: #c65701; }

.theme--klikpajak .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-orange.svg); }

.theme--klikpajak .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #F96D01; }

.theme--klikpajak .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-orange.svg); }

.theme--klikpajak .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #F96D01; }

@media (max-width: 991px) { .theme--klikpajak.product-featured { background-color: #FDEDD9; } }

.theme--mekarichat .form-range input[type=range]::-webkit-slider-thumb { background-color: #00B894; }

.theme--mekarichat .form-range input[type=range]::-moz-range-thumb { background-color: #00B894; }

.theme--mekarichat .form-range .slider-container .back-bar .pointer { background-color: #00B894; }

.theme--mekarichat .form-range .theme-green .back-bar .selected-bar { background-color: #00B894; }

.theme--mekarichat .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--mekarichat .btn-group.btn-group-toggle .btn.active { border-color: #00B894; background-color: #FEF6EC; color: #2B2A35; }

.theme--mekarichat .recom-bundle .nav-link.active { border-color: #00B894; background-color: #FEF6EC; }

.theme--mekarichat .recom-bundle .nav-item .nav-link.active:after { background-color: #00B894; }

.theme--mekarichat .testi__img .btn-play { background-color: #00B894; box-shadow: 0 0 0 rgba(0, 184, 148, 0.4); -webkit-animation: mekarichat 2s infinite; animation: mekarichat 2s infinite; }

@-webkit-keyframes mekarichat { 0% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 184, 148, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0); } }

@keyframes mekarichat { 0% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 184, 148, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0); } }

.theme--mekarichat.product-testi .testi .more { color: #00B894; fill: #00B894; }

.theme--mekarichat.product-testi--alt .product-testi__block-img .btn-play { background-color: #00B894; box-shadow: 0 0 0 rgba(0, 184, 148, 0.4); -webkit-animation: mekarichat 2s infinite; animation: mekarichat 2s infinite; }

@keyframes mekarichat { 0% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(0, 184, 148, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 184, 148, 0); } }

.theme--mekarichat.product-featured .nav-tabs .nav-link.active:after { background-color: #ECFDED; background-image: url(../images/ic-chevron-down-green.svg); }

.theme--mekarichat.product-featured .tab-content { background-color: #ECFDED; }

.theme--mekarichat .owl-dot.active span { background-color: #00B894; }

.theme--mekarichat .d-headline span { color: #00B894; }

.theme--mekarichat .d-headline span:after { background-color: #00B894; }

.theme--mekarichat .accordion--auto .progress-bar span { background-color: #00B894; }

.theme--mekarichat .card__toggle span { color: #00B894; }

.theme--mekarichat .card__toggle:hover span { color: #00856b; }

.theme--mekarichat .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-green.svg); }

.theme--mekarichat .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #00B894; }

.theme--mekarichat .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-green.svg); }

.theme--mekarichat .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #00B894; }

@media (max-width: 991px) { .theme--mekarichat.product-featured { background-color: #ECFDED; } }

.theme--mekariflex .form-range input[type=range]::-webkit-slider-thumb { background-color: #8641FF; }

.theme--mekariflex .form-range input[type=range]::-moz-range-thumb { background-color: #8641FF; }

.theme--mekariflex .form-range .slider-container .back-bar .pointer { background-color: #8641FF; }

.theme--mekariflex .form-range .theme-green .back-bar .selected-bar { background-color: #8641FF; }

.theme--mekariflex .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--mekariflex .btn-group.btn-group-toggle .btn.active { border-color: #8641FF; background-color: #FEF6EC; color: #2B2A35; }

.theme--mekariflex .recom-bundle .nav-link.active { border-color: #80B0DE; background-color: #F3F8FC; }

.theme--mekariflex .recom-bundle .nav-item .nav-link.active:after { background-color: #8641FF; }

.theme--mekariflex .testi__img .btn-play { background-color: #8641FF; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: mekariflex 2s infinite; animation: mekariflex 2s infinite; }

@-webkit-keyframes mekariflex { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

@keyframes mekariflex { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--mekariflex.product-testi .testi .more { color: #CCC4FB; fill: #CCC4FB; }

.theme--mekariflex.product-testi--alt .product-testi__block-img .btn-play { background-color: #8641FF; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: mekariflex 2s infinite; animation: mekariflex 2s infinite; }

@keyframes mekariflex { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--mekariflex.product-featured .nav-tabs .nav-link.active:after { background-color: #F9F5FF; background-image: url(../images/ic-chevron-down-purple.svg); }

.theme--mekariflex.product-featured .tab-content { background-color: #F9F5FF; }

.theme--mekariflex.product-statistics .product-statistics__items .card__items .item__num { color: #8641FF; }

.theme--mekariflex .owl-dot.active span { background-color: #8641FF; }

.theme--mekariflex .d-headline span { color: #8641FF; }

.theme--mekariflex .d-headline span:after { background-color: #8641FF; }

.theme--mekariflex .accordion--auto .progress-bar span { background-color: #8641FF; }

.theme--mekariflex .card__toggle span { color: #8641FF; }

.theme--mekariflex .card__toggle:hover span { color: #660eff; }

.theme--mekariflex .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-purple.svg); }

.theme--mekariflex .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #8641FF; }

.theme--mekariflex .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-purple.svg); }

.theme--mekariflex .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #8641FF; }

@media (max-width: 991px) { .theme--mekariflex.product-featured { background-color: #F9F5FF; } }

.theme--expense .form-range input[type=range]::-webkit-slider-thumb { background-color: #8641FF; }

.theme--expense .form-range input[type=range]::-moz-range-thumb { background-color: #8641FF; }

.theme--expense .form-range .slider-container .back-bar .pointer { background-color: #8641FF; }

.theme--expense .form-range .theme-green .back-bar .selected-bar { background-color: #8641FF; }

.theme--expense .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--expense .btn-group.btn-group-toggle .btn.active { border-color: #8641FF; background-color: #FEF6EC; color: #2B2A35; }

.theme--expense .recom-bundle .nav-link.active { border-color: #80B0DE; background-color: #F3F8FC; }

.theme--expense .recom-bundle .nav-item .nav-link.active:after { background-color: #8641FF; }

.theme--expense .testi__img .btn-play { background-color: #8641FF; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: mekariflex 2s infinite; animation: mekariflex 2s infinite; }

@keyframes mekariflex { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--expense.product-testi .testi .more { color: #CCC4FB; fill: #CCC4FB; }

.theme--expense.product-testi--alt .product-testi__block-img .btn-play { background-color: #8641FF; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: mekariflex 2s infinite; animation: mekariflex 2s infinite; }

@keyframes mekariflex { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--expense.product-featured .nav-tabs .nav-link.active:after { background-color: #EAECFB; background-image: url(../images/ic-chevron-down-purple.svg); }

.theme--expense.product-featured .tab-content { background-color: #EAECFB; }

.theme--expense.product-statistics .product-statistics__items .card__items .item__num { color: #8641FF; }

.theme--expense .owl-dot.active span { background-color: #8641FF; }

.theme--expense .d-headline span { color: #8641FF; }

.theme--expense .d-headline span:after { background-color: #8641FF; }

.theme--expense .accordion--auto .progress-bar span { background-color: #8641FF; }

.theme--expense .card__toggle span { color: #8641FF; }

.theme--expense .card__toggle:hover span { color: #660eff; }

.theme--expense .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-purple.svg); }

.theme--expense .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #8641FF; }

.theme--expense .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-purple.svg); }

.theme--expense .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #8641FF; }

@media (max-width: 991px) { .theme--expense.product-featured { background-color: #EAECFB; } }

.theme--qontak .form-range input[type=range]::-webkit-slider-thumb { background-color: #0274F5; }

.theme--qontak .form-range input[type=range]::-moz-range-thumb { background-color: #0274F5; }

.theme--qontak .form-range .slider-container .back-bar .pointer { background-color: #0274F5; }

.theme--qontak .form-range .theme-green .back-bar .selected-bar { background-color: #0274F5; }

.theme--qontak .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--qontak .btn-group.btn-group-toggle .btn.active { border-color: #0274F5; background-color: #FEF6EC; color: #2B2A35; }

.theme--qontak .recom-bundle .nav-link.active { border-color: #80B0DE; background-color: #F3F8FC; }

.theme--qontak .recom-bundle .nav-item .nav-link.active:after { background-color: #0274F5; }

.theme--qontak .testi__img .btn-play { background-color: #0274F5; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: qontak 2s infinite; animation: qontak 2s infinite; }

@-webkit-keyframes qontak { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

@keyframes qontak { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--qontak.product-testi .testi .more { color: #71A9E9; fill: #71A9E9; }

.theme--qontak.product-testi--alt .product-testi__block-img .btn-play { background-color: #0274F5; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: qontak 2s infinite; animation: qontak 2s infinite; }

@keyframes qontak { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--qontak.product-featured .nav-tabs .nav-link.active:after { background-color: #E6F1FE; background-image: url(../images/ic-chevron-down-cyan.svg); }

.theme--qontak.product-featured .tab-content { background-color: #E6F1FE; }

.theme--qontak.product-statistics .product-statistics__items .card__items .item__num { color: #0274F5; }

.theme--qontak .owl-dot.active span { background-color: #0274F5; }

.theme--qontak .d-headline span { color: #0274F5; }

.theme--qontak .d-headline span:after { background-color: #0274F5; }

.theme--qontak .accordion--auto .progress-bar span { background-color: #0274F5; }

.theme--qontak .card__toggle span { color: #0274F5; }

.theme--qontak .card__toggle:hover span { color: #025cc2; }

.theme--qontak .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--qontak .pricing-card .card__head .price .pr { padding-top: 0 !important; min-height: 40px; font-size: 24px; line-height: 36px; }

.theme--qontak .pricing-card .card--mekarios .card__head { background: #EBF4FE; border: 1px solid #0274F5; }

.theme--qontak .pricing-card .card--mekarios .card__head .btn { background-color: #0274F5; border-color: #0274F5; }

.theme--qontak .pricing-card .card--mekarios .card__head .btn:hover, .theme--qontak .pricing-card .card--mekarios .card__head .btn:focus, .theme--qontak .pricing-card .card--mekarios .card__head .btn.focus, .theme--qontak .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled):active, .theme--qontak .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #025cc2; border-color: #025cc2; }

.theme--qontak .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #0274F5; }

.theme--qontak .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--qontak .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #0274F5; }

@media (max-width: 991px) { .theme--qontak.product-featured { background-color: #E6F1FE; } }

.theme--esign .form-range input[type=range]::-webkit-slider-thumb { background-color: #139908; }

.theme--esign .form-range input[type=range]::-moz-range-thumb { background-color: #139908; }

.theme--esign .form-range .slider-container .back-bar .pointer { background-color: #139908; }

.theme--esign .form-range .theme-green .back-bar .selected-bar { background-color: #139908; }

.theme--esign .btn-group.btn-group-toggle .btn:not(:disabled):not(.disabled):active, .theme--esign .btn-group.btn-group-toggle .btn.active { border-color: #139908; background-color: #FEF6EC; color: #2B2A35; }

.theme--esign .recom-bundle .nav-link.active { border-color: #80B0DE; background-color: #F3F8FC; }

.theme--esign .recom-bundle .nav-item .nav-link.active:after { background-color: #139908; }

.theme--esign .testi__img .btn-play { background-color: #139908; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: qontak 2s infinite; animation: qontak 2s infinite; }

@keyframes qontak { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--esign.product-testi .testi .more { color: #71A9E9; fill: #71A9E9; }

.theme--esign.product-testi--alt .product-testi__block-img .btn-play { background-color: #139908; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: qontak 2s infinite; animation: qontak 2s infinite; }

@keyframes qontak { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
  100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }

.theme--esign.product-featured .nav-tabs .nav-link.active:after { background-color: #E8F5EB; background-image: url(../images/ic-chevron-down-green.svg); }

.theme--esign.product-featured .tab-content { background-color: #E8F5EB; }

.theme--esign.product-statistics .product-statistics__items .card__items .item__num { color: #139908; }

.theme--esign.clients-logo { background: #F2F4F7; }

.theme--esign .owl-dot.active span { background-color: #139908; }

.theme--esign .d-headline span { color: #139908; }

.theme--esign .d-headline span:after { background-color: #139908; }

.theme--esign .accordion--auto .progress-bar span { background-color: #139908; }

.theme--esign .card__toggle span { color: #139908; }

.theme--esign .card__toggle:hover span { color: #0d6905; }

.theme--esign .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--esign .pricing-card .card__head .price .pr { padding-top: 0 !important; min-height: 40px; font-size: 24px; line-height: 36px; }

.theme--esign .pricing-card .card--mekarios .card__head { background: #EBF4FE; border: 1px solid #0274F5; }

.theme--esign .pricing-card .card--mekarios .card__head .btn { background-color: #139908; border-color: #139908; }

.theme--esign .pricing-card .card--mekarios .card__head .btn:hover, .theme--esign .pricing-card .card--mekarios .card__head .btn:focus, .theme--esign .pricing-card .card--mekarios .card__head .btn.focus, .theme--esign .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled):active, .theme--esign .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #0d6905; border-color: #0d6905; }

.theme--esign .recom-addon .item__wrap[data-toggle]:hover .item__title { color: #139908; }

.theme--esign .recom-addon .item__wrap[data-toggle]:hover .item__title:after { background: url(../images/ic-chevron-down-cyan.svg); }

.theme--esign .recom-addon .item__wrap[data-toggle]:hover:before { border-color: #139908; }

@media (max-width: 991px) { .theme--esign.product-featured { background-color: #E8F5EB; } }

@media (max-width: 767px) { .hidden-sm { display: none !important; } }

.sitemap__title { text-align: center; }

.sitemap__item { padding-top: 64px; padding-bottom: 64px; position: relative; }

.sitemap__item::after { content: ""; display: block; width: calc(100% - 24px); position: absolute; left: 12px; bottom: 0; border-bottom: 1px solid #D0D6DD; }

.sitemap__item:last-of-type::after { display: none; }

.sitemap__list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin-left: -12px; margin-right: -12px; }

.sitemap__list > li { padding: 6px 12px; display: block; }

.sitemap__wrap { padding-top: 64px; padding-bottom: 64px; }

@media (max-width: 991px) { .sitemap__item { padding-top: 32px; padding-bottom: 32px; }
  .sitemap__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  .sitemap__wrap { padding-top: 32px; padding-bottom: 32px; } }

@media (max-width: 767px) { .sitemap { padding-left: 8px; padding-right: 8px; }
  .sitemap__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

.section-banner__title { margin: 0 0 16px; }

.section-banner__desc { margin: 0 0 24px; }

.section-banner__img img { position: relative; margin-left: auto; display: block; max-width: 100%; height: auto; }

.section-banner__img .play-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; color: #FFF; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.section-banner__img .play-btn__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }

.section-banner__img .play-btn__text { background: #10243E; border-radius: 36px; height: 72px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: left; padding: 8px 32px 8px 76px; box-shadow: 0 0 0 rgba(16, 36, 62, 0.4); -webkit-animation: bannerplay 2s infinite; animation: bannerplay 2s infinite; }

@-webkit-keyframes bannerplay { 0% { box-shadow: 0 0 0 0 rgba(16, 36, 62, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(16, 36, 62, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 36, 62, 0); } }

@keyframes bannerplay { 0% { box-shadow: 0 0 0 0 rgba(16, 36, 62, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(16, 36, 62, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 36, 62, 0); } }

.section-banner__img .play-btn__icon { display: block; position: absolute; top: 8px; left: 8px; width: 56px; height: 56px; border-radius: 28px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='play-video'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M10.7723 4.66807L10.7455 4.65254C9.56002 3.93978 8.63574 3.38464 7.88333 3.02206C7.12863 2.65947 6.46254 2.44595 5.80714 2.51117C5.29865 2.56186 4.80642 2.72112 4.36268 2.97855C3.91893 3.23598 3.53368 3.58576 3.23214 4.005C2.84333 4.54461 2.68445 5.23718 2.60883 6.08192C2.53244 6.92434 2.53244 8.01598 2.53244 9.41587V12.2498C2.53244 13.6497 2.53244 14.7413 2.60883 15.5837C2.68521 16.4285 2.84333 17.121 3.23214 17.6607C3.5336 18.0798 3.91873 18.4295 4.36233 18.687C4.80594 18.9444 5.29802 19.1037 5.80638 19.1545C6.46178 19.2197 7.12863 19.007 7.8841 18.6428C8.63574 18.281 9.56002 17.7259 10.7455 17.0131L10.7723 16.9976L13.0792 15.6125L13.1059 15.5969V15.5962C14.2555 14.9051 15.1531 14.3663 15.81 13.8842C16.4707 13.4004 16.9642 12.9214 17.2247 12.3189C17.4276 11.8505 17.5324 11.3443 17.5324 10.8324C17.5324 10.3206 17.4276 9.8144 17.2247 9.34599C16.965 8.74504 16.4707 8.26521 15.81 7.78073C15.1531 7.29935 14.2555 6.75974 13.1059 6.0695L13.0792 6.05397L10.7723 4.66807Z' fill='%234B61DD'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; background-position: center; background-color: #FFF; }

.section-banner__img .play-btn:hover { text-decoration: none; }

.section-banner__img .play-btn.b-small { position: relative; }

.section-banner__img .play-btn.b-small .play-btn__icon { width: 36px; height: 36px; top: 12px; left: 20px; background: #EAECFB url(../images/ic-play-video-blue.svg) no-repeat center/20px; box-shadow: 0 0 0 rgba(208, 189, 247, 0.4); -webkit-animation: mastheadplayalt 2s infinite; animation: mastheadplayalt 2s infinite; transition: all .3s ease; }

@-webkit-keyframes mastheadplayalt { 0% { box-shadow: 0 0 0 0 rgba(208, 189, 247, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(208, 189, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(208, 189, 247, 0); } }

@keyframes mastheadplayalt { 0% { box-shadow: 0 0 0 0 rgba(208, 189, 247, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(208, 189, 247, 0); }
  100% { box-shadow: 0 0 0 0 rgba(208, 189, 247, 0); } }

.section-banner__img .play-btn.b-small .play-btn__text { color: #4B61DD; font-size: 16px; line-height: 24px; height: auto; padding: 18px 18px 18px 68px; }

.section-banner__img .play-btn.b-small:hover .play-btn__icon { background-color: #d5d9f7; }

.section-banner__box { padding: 32px 64px; background: #F1F5F9; border-radius: 8px; }

.section-banner__box > .row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.section-banner__wrap { padding-top: 64px; padding-bottom: 64px; }

.section-banner--type2 .section-banner__box { border-radius: 32px; background: #FFF; border: 1px solid var(--gray-gray-100, #D0D6DD); box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); padding: 16px 16px 16px 48px; }

@media (max-width: 991px) { .section-banner__img { margin-left: auto; margin-right: auto; margin-top: 24px; }
  .section-banner__box { padding: 32px 24px; }
  .section-banner__wrap { padding-left: 16px; padding-right: 16px; padding-top: 32px; padding-bottom: 32px; }
  .section-banner--type2 .section-banner__box { padding: 16px; } }

body { position: relative; }

body.loading-form::before { content: ""; z-index: 20; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; border-radius: 0; background-color: rgba(0, 0, 0, 0.5); }

body.loading-form::after { content: ""; z-index: 20; display: block; width: 400px; height: 300px; position: fixed; top: calc(50% - 150px); left: calc(50% - 200px); border-radius: 16px; background-color: #FFF; background-image: url(../images/form-loading.gif); background-repeat: no-repeat; background-position: center; }

@media only screen and (min-width: 1025px) { /* Footer */
  .footer { background: #F2F4F7; }
  .footer__logo img { display: block; height: 1.875rem; width: auto; }
  .footer .ft-iso { display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% + 16px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer .ft-iso img { display: block; margin: 0 8px 12px; height: 63px; width: auto; }
  .footer .ft-iso .img { margin: 0; display: block; }
  .footer .ft-menu { margin: 0 0 1.5rem; }
  .footer .ft-menu .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .footer .ft-menu > ul { display: block; }
  .footer .ft-menu > ul li { display: block; margin: 0 0 0.25rem; }
  .footer .ft-menu > ul li:last-child { margin: 0; }
  .footer .ft-menu > ul a { display: inline-block; color: #626B79; }
  .footer .ft-menu > ul a:hover { text-decoration: none; color: #4B61DD; }
  .footer .ft-menu > ul .tag { display: inline-block; color: #5B37D4; }
  .footer .ft-menu > ul .tag:before { content: "-"; display: inline-block; margin: 0 0.2em; }
  .footer__social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer__social a { display: block; margin: 0 8px 16px; opacity: 1; transition: all .4s ease; }
  .footer__social a img { display: block; height: 24px; width: auto; }
  .footer__social a:hover { text-decoration: none; opacity: 0.5; }
  .footer__addr-list .addr a { color: #232933; text-decoration: none; }
  .footer__addr-list .addr a:hover { color: #4B61DD; }
  .footer__addr-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 16px; }
  .footer__addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #232933; font-weight: 600; }
  .footer__addr-list li:last-child { margin: 0; }
  .footer span.copy { display: block; text-align: center; }
  .footer__lang { display: none; }
  .footer__lang .item { display: block; position: relative; max-width: 9.625rem; margin-left: auto; }
  .footer__lang .item:after { content: ""; display: block; position: absolute; height: 0.375rem; width: 0.5rem; top: calc(50% - 0.1875rem); right: 0.46875rem; background: url(../images/ic-triangle.svg) no-repeat; background-position: center; background-size: contain; }
  .footer__lang .item a { display: block; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; color: #626B79; font-size: 0.875rem; line-height: 1.5rem; padding: 0 1.875rem; pointer-events: none; transition: all .3s ease; }
  .footer__lang .item a:hover { text-decoration: none; background-color: #F2F4F7; }
  .footer__lang .item a img { display: block; position: absolute; width: 0.9375rem; height: 0.625rem; top: calc(50% - 0.3125rem); left: 0.625rem; }
  .footer__main { padding: 80px 0; }
  .footer__main .col-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .footer__main .col-menu .ft-menu { padding-right: 6%; margin: 0; }
  .footer__main .col-cert { max-width: 24%; -webkit-flex: 0 0 24%; -ms-flex: 0 0 24%; flex: 0 0 24%; }
  .footer__addr { padding: 40px 0; }
  .footer__addr > .container { position: relative; }
  .footer__addr > .container::before { content: ""; display: block; width: calc(100% - 24px); height: 1px; background: #D0D6DD; position: absolute; top: -40px; left: 12px; }
  .footer__bot { background-color: #FFF; padding: 32px 0; }
  .footer .wpml-ls-legacy-dropdown a { background: transparent; }
  .footer .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .footer .wpml-ls-legacy-dropdown a:focus, .footer .wpml-ls-legacy-dropdown a:hover { background: transparent; }
  .footer .wpml-ls-statics-shortcode_actions, .footer .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .footer .wpml-ls-statics-shortcode_actions a { border-color: transparent; }
  .footer .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
  .footer-sm { padding-top: 20px; padding-bottom: 20px; background: #E6E9EF; }
  .footer-sm__logo { display: block; }
  .footer-sm__logo img { display: block; height: 32px; width: auto; }
  .footer-sm span.copy { display: block; margin: 0 56px; font-size: 14px; line-height: 20px; }
  .footer-sm__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .footer-sm__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  /* Contents */
  main { width: 100%; overflow: hidden; }
  /* Masthead */
  .masthead { position: relative; }
  .masthead__wrap { padding: 64px 0; }
  .masthead__wrap.text-center .masthead__action { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .masthead span.sub { display: block; font-size: 1rem; line-height: 1.5em; margin-bottom: 0.5rem; }
  .masthead__logo { margin: 0 0 1.25rem; }
  .masthead__logo img { display: block; height: 2rem; width: auto; margin: 0 auto; }
  .masthead__logo.logo--lg img { height: 56px; }
  .masthead__logo.logo--left img { margin-left: 0; }
  .masthead__partner { padding-top: 8px; padding-bottom: 16px; color: #000; font-size: 12px; line-height: 16px; font-weight: 600; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .masthead__partner .img { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 2px; }
  .masthead__partner .img img { display: block; width: auto; height: 16px; margin: 0 2px; }
  .masthead__title { font-size: 40px; line-height: 56px; margin-bottom: 0; }
  .masthead__title:not(:last-child) { margin-bottom: 24px; }
  .masthead__desc { max-width: 600px; margin: 0 auto; }
  .masthead__desc p { font-size: 1rem; line-height: 1.5em; }
  .masthead__desc:not(:last-child) { margin-bottom: 40px; }
  .masthead__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }
  .masthead__action:not(:last-child) { margin-bottom: 2.5rem; }
  .masthead__action .btn { margin-left: 8px; margin-right: 8px; }
  .masthead__action .btn-col { padding-left: 8px; padding-right: 8px; }
  .masthead__action .btn-col .btn { margin: 0; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .masthead__action + .btn-col { margin-top: 12px; } }

@media only screen and (min-width: 1025px) { .masthead__action .form { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
  .masthead__action .form-group { display: block; width: 100%; max-width: calc(100% - 120px); -webkit-flex: 0 0 calc(100% - 120px); -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); }
  .masthead__action .form-group:not(:last-child) { padding-right: 1rem; }
  .masthead__action .form-action { display: block; width: 100%; max-width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
  .masthead__tags label { font-size: 0.875rem; line-height: 1.5em; margin-bottom: 0.5rem; }
  .masthead__tags .tags { margin: 0 -0.25rem; }
  .masthead__tags .tags .tag { font-size: 0.875rem; line-height: 1.5em; padding: 0.1875rem 0.75rem; margin: 0 0.25rem 0.8rem; text-decoration: none; color: #626B79; border-color: #F2F4F7; background: #F2F4F7; opacity: 1; transition: all .4s ease; }
  .masthead__tags .tags .tag:hover { opacity: 0.6; text-decoration: none; color: #232933; }
  .masthead__img img { display: block; max-width: 100%; width: 100%; height: auto; }
  .masthead__img:not(:last-child) { margin-bottom: 3.125rem; }
  .masthead__img.slider .owl-nav { display: none; }
  .masthead .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .masthead .play-btn::after { content: ""; display: block; position: absolute; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); border-radius: 40px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }
  @-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  @keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  .masthead--cdetail .masthead__wrap { padding: 64px 0; }
  .masthead--cdetail .masthead__title { font-size: 48px; line-height: 56px; max-width: 808px; margin: 0 auto 64px; }
  .masthead--cdetail .masthead__img img { display: block; width: auto; height: 210px; margin: 0 auto; }
  .masthead--contact { background: #10243E; color: #FFF; }
  .masthead--contact .masthead__title, .masthead--contact .masthead__desc { color: #FFF; }
  .masthead--contact .masthead__wrap { padding: 64px 0; }
  .masthead--integration .masthead__wrap { padding-top: 4rem; padding-bottom: 4rem; }
  .masthead--integration .masthead__img { margin-top: 1rem; margin-left: -3rem; margin-right: -3rem; }
  .masthead--integration .masthead-logos { position: relative; display: block; width: 100%; height: auto; }
  .masthead--integration .masthead-logos .animate { display: block; position: relative; }
  .masthead--career .masthead__action .form-action { padding-top: 0; }
  .masthead--career .masthead__img img { border-radius: 8px; }
  .masthead--product .masthead__title { width: auto; margin-left: -24px; margin-right: -24px; }
  .masthead--product .masthead__img { position: relative; max-width: 808px; margin: 0 auto; }
  .masthead--product .masthead__img .img { display: block; position: relative; width: 100%; padding-top: 61.882%; }
  .masthead--product .masthead__img img { max-height: 500px; width: 100%; object-fit: contain; object-position: center; margin: 0 auto; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease-in-out; }
  .masthead--product .masthead__img img.active { opacity: 1; }
  .masthead--product-2 .masthead__title { font-size: 40px; line-height: 56px; }
  .masthead--single-blog .sub { text-transform: uppercase; }
  .masthead--single-blog .masthead__title { font-size: 28px; line-height: 36px; }
  .masthead--single-blog .masthead__img { position: relative; display: block; width: 100%; padding-top: 56.2%; }
  .masthead--single-blog .masthead__img img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; border-radius: 4px; }
  .masthead--landing .masthead__logo img { margin: 0 0 24px; }
  .masthead--landing .masthead__wrap { padding-top: 64px; padding-bottom: 64px; }
  .masthead--lflex { background: radial-gradient(46.33% 68.56% at 33.16% 71.67%, #4441B1 0%, #8784F0 81.25%, #5F6DCE 100%); }
  .masthead--lflex .btn--white { color: #4B61DD; }
  .masthead--lflex .btn--white:hover { color: #2740ce; }
  .masthead--lflex .masthead__title { color: #FFFFFF; }
  .masthead--lflex .masthead__desc { color: #FFFFFF; }
  .masthead--why-mekari .masthead__action { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  /* Home */
  .all-products { padding-top: 4rem; padding-bottom: 4rem; }
  .all-products__title { text-align: center; }
  .all-products .nav-container { margin: 0 0 1.5rem; }
  .all-products .nav-tabs:before { display: none; }
  .all-products .nav-tabs .nav-item { padding: 0 0.75rem; }
  .all-products .nav-tabs .nav-link { padding: 0.875rem 1rem; background: transparent; border: 0; font-weight: 500; color: #2B2A35; border-bottom: 2px solid transparent; }
  .all-products .nav-tabs .nav-link .icon { display: none; }
  .all-products .nav-tabs .nav-link.active { color: #4B61DD; border-bottom: 2px solid #4B61DD; }
  .all-products .item { margin-bottom: 1.5rem; }
  .all-products .item__wrap { display: block; padding: 3rem 2rem; background: #F2F4F7; border-radius: 0.25rem; }
  .all-products .item__wrap:hover { text-decoration: none; }
  .all-products .item__logo img { display: block; height: 64px; width: auto; margin: 0 auto 1.25rem; }
  .all-products .item__img img { display: block; max-width: 100%; height: 264px; width: auto; margin: 0 auto 0; }
  .all-products .item__title { text-align: center; font-size: 28px; line-height: 36px; color: #232933; margin: 0 0 0.75rem; }
  .all-products .item__desc { text-align: center; color: #626B79; }
  .all-products .block__title { font-size: 28px; line-height: 36px; color: #232933; margin: 0 0 2rem; }
  .all-products .block__action { padding-top: 1.5rem; }
  .all-products .block__left { position: relative; padding: 3.625rem 2rem 3.625rem 4rem; background: #F2F4F7; border-radius: 0.25rem 0 0 0.25rem; }
  .all-products .block__left:before { content: ""; display: block; position: absolute; width: 72%; height: 100%; top: 0; left: 100%; background: #F2F4F7; border-radius: 0 0.25rem 0.25rem 0; }
  .all-products .block__right img { display: block; max-width: 600px; max-height: 460px; width: auto; height: auto; margin-left: auto; }
  .home-integrate { padding-top: 5rem; padding-bottom: 5rem; }
  .home-integrate__title { text-align: center; }
  .home-integrate__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .home-integrate__desc p { margin-bottom: 1rem; }
  .home-integrate .accordion--auto .card__img { display: none; }
  .block-clients { padding-top: 5rem; padding-bottom: 5rem; }
  .block-clients__title { text-align: center; }
  .block-clients__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .block-clients__desc p { margin-bottom: 1rem; }
  .block-clients ul.clients { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; }
  .block-clients ul.clients li { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 16.666667%; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; margin: 24px 0; }
  .block-clients ul.clients li img { height: 60px; width: auto; }
  .block-clients ul.clients li .img--2 { display: none; }
  .block-clients--pricing { background: #F2F4F7; padding-top: 10px; padding-bottom: 0; }
  /* career */
  .dynamic-img { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; }
  .dynamic-img .grid { display: block; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 3333.333333%; -ms-flex: 0 0 3333.333333%; flex: 0 0 3333.333333%; padding: 0 0.5rem; }
  .dynamic-img .img { border-radius: 0.25rem; overflow: hidden; }
  .dynamic-img .img ul { position: relative; }
  .dynamic-img .img li { position: relative; }
  .dynamic-img .img img { display: block; width: 100%; height: auto; }
  .dynamic-img .img:not(:last-child) { margin-bottom: 1rem; }
  .sabout__wrap { padding: 5rem 0; }
  .sabout .section-title { margin-bottom: 1.5rem; }
  .sabout .section-title .title { font-weight: 600; font-size: 3rem; line-height: 1.167em; }
  .sabout__content { margin-bottom: 2.5rem; }
  .sabout__content p { font-size: 1.25rem; line-height: 1.6em; }
  .sabout__logo { margin: 0 -1rem; }
  .sabout__logo img { display: inline-block; margin: 0 1rem; height: 40px; width: auto; }
  .sabout__slider .item__title { color: #232933; font-size: 3rem; line-height: 1.167em; font-weight: 500; margin-bottom: 0.5rem; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .sabout .section-title .title { font-size: 2rem; line-height: 1.5em; }
  .sabout .sabout__logo { margin-bottom: 1.5rem; }
  .sabout .sabout__logo img { height: 30px; width: auto; margin: 0 1rem 2.3rem; }
  .sabout .sabout__content p { font-size: 1.25rem; line-height: 1.6em; }
  .sabout .sabout__slider { margin-left: 1.5rem; } }

@media only screen and (min-width: 1025px) and (max-width: 767px) { .sabout .sabout__wrap { padding-bottom: 2.5rem; } }

@media only screen and (min-width: 1025px) { .stestimoni__wrap { padding: 5rem 0; }
  .stestimoni__img { position: relative; width: 100%; padding-top: 100%; }
  .stestimoni__img img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
  .stestimoni__title { font-size: 1rem; line-height: 1.5em; font-weight: 500; margin-bottom: 3.75rem; }
  .stestimoni .blockquote p { color: #232933; font-size: 2rem; line-height: 1.5em; font-weight: 500; font-style: initial; margin-bottom: 1.5rem; }
  .stestimoni .blockquote__footer span.name { display: block; color: #232933; font-size: 0.875rem; line-height: 1.5em; font-weight: 500; margin-bottom: 0.25rem; }
  .stestimoni .blockquote__footer span.jobtitle { display: block; font-size: 0.875rem; line-height: 1.5em; }
  .stestimoni .owl-nav { display: none; }
  .stestimoni .owl-dots { width: 50%; text-align: left; position: absolute; left: auto; right: 0; bottom: 8px; margin: 0; padding: 0 6px; }
  .stestimoni .owl-dots .owl-dot span { width: 10px; height: 10px; border: 1px solid #d4d4d4; border-radius: 5px; }
  .stestimoni .owl-dots .owl-dot.active span { border-color: #5B37D4; background: #5B37D4; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .stestimoni__img { margin-bottom: 4rem; }
  .stestimoni .owl-dots { width: 100%; padding: 0; right: auto; left: -6px; bottom: -20px; }
  .stestimoni .blockquote p { font-size: 32px; line-height: 48px; padding-right: 10px; } }

@media only screen and (min-width: 1025px) and (max-width: 767px) { .stestimoni .stestimoni__wrap { padding-bottom: 2.5rem; }
  .stestimoni .stestimoni__img { margin-bottom: 2.5rem; }
  .stestimoni .stestimoni__title { font-size: 16px; line-height: 24px; margin-bottom: 2.5rem; } }

@media only screen and (min-width: 1025px) { .swhy__wrap { padding: 64px 0; }
  .swhy .card__title { font-size: 1rem; line-height: 1.5em; margin-bottom: 0.75rem; }
  .swhy .card__content { max-width: 21.75rem; } }

@media only screen and (min-width: 1025px) and (max-width: 767px) { .swhy .section-title { text-align: left !important; }
  .swhy .section-title .title { font-size: 32px; line-height: 48px; }
  .swhy .card { margin-bottom: 3.25rem; } }

@media only screen and (min-width: 1025px) { .steam__wrap { padding: 64px 0 8px; }
  .steam .card { margin-bottom: 56px; }
  .steam .card a { text-decoration: none !important; }
  .steam .card__img { margin-bottom: 1rem; padding: 0; -webkit-transform: scale(1); transform: scale(1); transition: all .3s ease-in-out; }
  .steam .card__img img { display: block; max-height: 160px; max-width: 100%; width: auto; height: auto; margin: 0 auto; position: relative; object-fit: contain; }
  .steam .card__title { text-align: center; color: #232933; font-size: 1.25rem; line-height: 1.5em; font-weight: 500; }
  .steam .card:hover .card__img { -webkit-transform: scale(1.05); transform: scale(1.05); }
  .steam .card:hover .card__title { color: #4B61DD; } }

@media only screen and (min-width: 1025px) and (max-width: 767px) { .steam .section-title { text-align: left !important; }
  .steam .card__title { font-size: 1rem; line-height: 1.5em; } }

@media only screen and (min-width: 1025px) { .slife__wrap { padding: 64px 0; }
  .slife .section-title { font-size: 32px; line-height: 48px; max-width: 23rem; }
  .slife--cdetail .section-title { margin: 0 auto 24px; text-align: center; }
  .slife--cdetail .slife__wrap { padding-top: 64px; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .slife .card { margin-bottom: 1.5rem; height: auto; } }

@media only screen and (min-width: 1025px) { .sglassdoor__wrap { padding: 64px 0; }
  .sglassdoor .section-title { margin-bottom: 32px; }
  .sglassdoor .pby { margin-left: auto; text-align: right; }
  .sglassdoor .pby .label { display: inline-block; vertical-align: middle; }
  .sglassdoor .pby img { display: inline-block; vertical-align: middle; margin-left: 16px; height: 43px; width: auto; }
  .sglassdoor .pby.pby-sm { display: none; }
  .sglassdoor .item { display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #D0D6DD; min-height: 102px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px; }
  .sglassdoor .item .rating-number { display: block; font-size: 32px; line-height: 48px; color: #232933; font-weight: 600; margin: 0 auto 8px; }
  .sglassdoor .item .rating-stars { display: block; margin: 0 auto; }
  .sglassdoor .item .item-chart { display: block; width: 100%; max-width: 64px; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; }
  .sglassdoor .item .item-chart img { display: block; width: 64px; height: 64px; }
  .sglassdoor .item .item-chart-text { padding-left: 16px; width: 100%; max-width: calc(100% - 64px); -webkit-flex: 0 0 calc(100% - 64px); -ms-flex: 0 0 calc(100% - 64px); flex: 0 0 calc(100% - 64px); }
  .sglassdoor .item .item-chart-text .title { display: block; font-weight: 600; color: #232933; margin: 0 0 4px; }
  .sglassdoor .item .chart-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 20px; padding-left: 16px; position: relative; margin: 0 0 4px; color: #232933; }
  .sglassdoor .item .chart-list li .list-title, .sglassdoor .item .chart-list li .numb { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .sglassdoor .item .chart-list li::last-child { margin-bottom: 0; }
  .sglassdoor .item .chart-list li::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 4px; background: #5B37D4; position: absolute; top: 5px; left: 0; }
  .sglassdoor .item .chart-list li.cl-yellow::before { background: #FFB700; }
  .sglassdoor .item__rating { text-align: center; }
  .sglassdoor .item__ceo { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 60%; }
  .sglassdoor .item__ceo img { display: block; width: 100%; max-width: 64px; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; height: 64px; }
  .sglassdoor .item__ceo .ceo-text { padding-left: 16px; width: 100%; max-width: calc(100% - 64px); -webkit-flex: 0 0 calc(100% - 64px); -ms-flex: 0 0 calc(100% - 64px); flex: 0 0 calc(100% - 64px); }
  .sglassdoor .item__ceo .ceo-text .name { display: block; font-weight: 600; color: #232933; }
  .sglassdoor .item__ceo .ceo-text .job-title { color: #232933; }
  .sglassdoor .item__recommend { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 60%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .sglassdoor .item__experience { display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 90%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .sglassdoor .item:not(:last-child) { border-right: 0; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .sglassdoor .pby { text-align: center; margin-top: 2rem; }
  .sglassdoor .pby.pby-sm { display: block; }
  .sglassdoor .pby:not(.pby-sm) { display: none; }
  .sglassdoor .item:not(:last-child) { border-right: 1px solid #D0D6DD; border-bottom: 0; } }

@media only screen and (min-width: 1025px) { .sfindus__wrap { padding: 5rem 0; }
  .sfindus .address-box { padding-top: 2rem; }
  .sfindus .address-box .item { border: 1px solid #D0D6DD; border-radius: 0.25rem; padding: 1.5rem; background: #FFF; }
  .sfindus .address-box .city { display: block; position: relative; color: #232933; font-size: 1.25rem; line-height: 1.5em; font-weight: 500; }
  .sfindus .address-box .city:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .addrs { display: block; position: relative; }
  .sfindus .address-box .addrs:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .tel, .sfindus .address-box .email { display: block; position: relative; color: #232933; }
  .sfindus .address-box .tel:not(:last-child), .sfindus .address-box .email:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .tel:hover, .sfindus .address-box .email:hover { color: #232933; text-decoration: underline; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .sfindus .img { margin-bottom: 3rem; }
  .sfindus .address-box .item { margin-bottom: 1.5rem; } }

@media only screen and (min-width: 1025px) { .sweare__wrap { padding: 0 0 64px; }
  .sweare .section-title .title { font-size: 32px; line-height: 48px; font-weight: 600; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .sweare .section-title .title { font-size: 32px; line-height: 48px; } }

@media only screen and (min-width: 1025px) { .shiring { background: #F2F4F7; }
  .shiring__wrap { padding: 64px 0; }
  .shiring .nodata { padding: 5rem; text-align: center; }
  .shiring .nodata span { display: block; color: #232933; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 3rem; } }

.joblist .empty-state { display: block; width: 100%; text-align: center; color: #545465; font-size: 1rem; line-height: 1.5em; }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .shiring .shiring__form .form-group { margin-bottom: 1.5rem; } }

@media only screen and (min-width: 1025px) { a.deactive { cursor: standard; }
  .joblist { display: block; position: relative; padding-top: 3rem; }
  .joblist .item { display: none; border-radius: 4px; background: transparent; box-shadow: 0 0 0 rgba(180, 188, 208, 0.75); transition: all .3s ease-in-out; border-top: 1px solid #D0D6DD; }
  .joblist .item:last-child { border-bottom: 1px solid #D0D6DD; }
  .joblist .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1rem 1.5rem; }
  .joblist .item .title { font-size: 1.25rem; line-height: 1.5em; margin-bottom: 0.25rem; }
  .joblist .item__meta span { display: inline-block; position: relative; color: #232933; font-size: 0.875rem; line-height: 1.5em; }
  .joblist .item__meta span:after { content: "|"; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin: 0 0.75rem; }
  .joblist .item__meta span:last-child:after { display: none; }
  .joblist .item__action { margin-left: auto; }
  .joblist .item:hover { background: #FFF; box-shadow: 0 4px 16px rgba(180, 188, 208, 0.75); }
  .joblist-footer { padding-top: 1.5em; text-align: center; }
  .joblist-footer .btn-load-more { border: 1px solid #E2E2E2; background: #F2F2F2; color: #545465; font-weight: 400; }
  .joblist-footer .btn-load-more:hover { background: #E2E2E2; }
  .joblist-footer > span { display: inline-block; float: right; }
  .joblist-footer > span a { display: inline-block; color: #232933; }
  .joblist-footer > span a:hover { color: #4B61DD; text-decoration: none; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .joblist .item .item__wrap { padding: 1rem; }
  .joblist .item .item__content { max-width: calc(100% - 130px); }
  .joblist .item .title { font-size: 16px; line-height: 24px; }
  .joblist .item .item__meta span { font-size: 12px; line-height: 16px; } }

@media only screen and (min-width: 1025px) { .footer-top { text-align: center; background: #143A72; color: #ffffff; }
  .footer-top__wrap { padding: 5rem 0; }
  .footer-top .section-title .title { color: #ffffff; }
  .ft-share { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px 1.5rem; }
  .ft-share__item { display: block; margin: 0 10px; opacity: 1; transition: all .3s ease-in-out; }
  .ft-share__item:hover { opacity: .5; }
  .ft-share__item .svg { display: block; width: 20px; height: 20px; object-fit: contain; }
  .ft-follow { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-follow .label { display: block; padding-right: 1.5rem; color: #212121; }
  .ft-follow .ft-share { margin: 0 -0.75rem; }
  .ft-follow .ft-share__item { margin: 0 0.75rem; }
  .ft-follow .ft-share__item .svg { width: 1.5rem; height: 1.5rem; object-fit: contain; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .ft-follow { margin-bottom: 2.5rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-follow .label { width: 55%; padding-right: 0; }
  .ft-follow .ft-share { margin-right: auto; } }

@media only screen and (min-width: 1025px) { .ft-subscribe { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .ft-subscribe .label { display: block; padding-right: 1.5rem; color: #212121; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .ft-subscribe { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-subscribe .label { display: block; width: 100%; text-align: left; max-width: 55%; font-size: 14px; line-height: 20px; padding-right: 10px; } }

@media only screen and (min-width: 1025px) { .footer__subscribe { padding: 1.25rem 0; background: #F9FAFB; border-bottom: 1px solid #D0D6DD; } }

@media only screen and (min-width: 1025px) and (max-width: 767px) { .footer .footer__subscribe { padding-top: 1.75rem; padding-bottom: 2rem; } }

@media only screen and (min-width: 1025px) { .snextlevel { padding-top: 128px; padding-bottom: 64px; }
  .snextlevel__images { margin-top: -20%; margin-bottom: -5%; padding-left: 40px; padding-right: 64px; }
  .snextlevel__images .row { margin-left: -8px; margin-right: -8px; }
  .snextlevel__images .item { padding: 8px; }
  .snextlevel__images .item:nth-child(2) { margin-top: 20%; }
  .snextlevel__images .item:nth-child(3) { margin-top: -20%; }
  .snextlevel__images .img { position: relative; width: 100%; padding-top: 100%; }
  .snextlevel__images .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; border-radius: 6px; }
  .snextlevel__logo { margin-bottom: 16px; }
  .snextlevel__logo img { display: block; height: 80px; width: auto; }
  .snextlevel__title { color: #FFF; margin-bottom: 20px; }
  .snextlevel__desc { padding-right: 40px; }
  .snextlevel__desc p { color: #FFF; }
  .snextlevel__buttons { padding-top: 32px; margin-left: -8px; margin-right: -8px; }
  .snextlevel__buttons .btn { margin: 0 8px 8px; }
  .snextlevel__wrap { background: #311B92; padding-top: 80px; padding-bottom: 80px; border-radius: 8px; }
  .sallabout__title { margin: 0 0 24px; }
  .sallabout__desc { margin: 0 0 24px; }
  .sallabout__stats { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -11px 32px; }
  .sallabout__stats .item { display: inline-block; padding: 0 11px; }
  .sallabout__stats .item__num { font-size: 32px; line-height: 48px; color: #5B37D4; font-weight: 600; display: block; margin: 0; }
  .sallabout__stats .item__text { font-size: 14px; line-height: 20px; color: #626B79; }
  .sallabout__logos { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; }
  .sallabout__logos .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation: scroll-x 20s linear infinite; animation: scroll-x 20s linear infinite; min-width: calc(120px * 6); }
  .sallabout__logos .item { display: block; padding: 0 16px; min-width: 120px; }
  .sallabout__logos .item img { display: block; max-height: 32px; width: auto; }
  .sallabout__slider { margin-left: 48px; }
  .sallabout__slider .owl-dots { display: none; }
  .sallabout__slider .owl-nav { position: relative; border-radius: 36px; margin: 12px auto 0; padding: 12px; background: #EDF0F2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: auto; max-width: 200px; }
  .sallabout__slider .owl-nav .btn-nav { position: relative; top: auto; left: auto; width: 48px; height: 48px; border-radius: 24px; background-color: #626B79; background-image: url(../images/ic-arrow-left-w.webp); background-size: 24px; background-position: center; opacity: 1; transition: all .3s ease; }
  .sallabout__slider .owl-nav .btn-nav.right { background-image: url(../images/ic-arrow-right-w.webp); }
  .sallabout__slider .owl-nav .btn-nav:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .sallabout__slider .slide-counter { color: #626B79; position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; bottom: 24px; pointer-events: none; }
  .sallabout__slider .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .sallabout__slider .owl-item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; }
  .sallabout__slider .item { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #EDF0F2; border-radius: 8px; min-height: 330px; height: 100%; width: 100%; }
  .sallabout__slider .item__sub { font-size: 14px; line-height: 20px; margin: 0 0 4px; }
  .sallabout__slider .item__quote { font-size: 20px; line-height: 28px; font-weight: 600; color: #2B2A35; }
  .sallabout__slider .item__author { display: block; margin: auto 0 0; }
  .sallabout__slider .item__name { color: #232933; font-weight: 600; }
  .sallabout__slider .item__jobtitle { color: #232933; }
  .sallabout__slider .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; padding: 32px 20px 32px 40px; }
  .sallabout__slider .item__image { display: block; width: 100%; max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; margin-top: auto; }
  .sallabout__slider .item__image img { max-width: 100%; width: auto; }
  .sallabout__wrap { padding-top: 64px; padding-bottom: 64px; }
  .sdna .section-title { margin-bottom: 32px; }
  .sdna__navs .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .sdna__navs .nav .hashtag { font-size: 20px; line-height: 28px; color: #5B37D4; margin: 0 0 8px; font-weight: 600; }
  .sdna__navs .nav-title { font-size: 20px; line-height: 28px; color: #232933; margin: 0 0 8px; font-weight: 600; }
  .sdna__navs .nav p { color: #626B79; }
  .sdna__navs .nav-item { padding: 0 20px; }
  .sdna__navs .nav-link { display: block; padding: 32px; border: 0; background: #FFF; border-radius: 4px 4px 0 0; }
  .sdna__navs .nav-link.active { font-weight: 600; padding: 32px; background: #F2F4F7; }
  .sdna__navs .nav-link.active p { font-weight: 400; color: #626B79; }
  .sdna__navs .nav-tabs::before { display: none; }
  .sdna .box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background: #FFF; border-radius: 8px; }
  .sdna .box .quote { font-size: 20px; line-height: 28px; font-weight: 600; color: #232933; max-width: 600px; margin: 0 0 32px; }
  .sdna .box .audio { display: block; margin: 0 0 32px; max-width: 394px; }
  .sdna .box .audio audio { display: block; width: 100%; }
  .sdna .box .author .name { display: block; font-weight: 600; color: #232933; }
  .sdna .box .author .job_title { display: block; font-size: 14px; line-height: 20px; color: #626B79; }
  .sdna .box__content { padding: 64px 24px 64px 64px; display: block; width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; }
  .sdna .box__img { width: 100%; max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; }
  .sdna .tab-pane { background: #F2F4F7; padding: 64px 0; }
  .sdna__wrap { padding-top: 64px; }
  .sperks__navs { margin-bottom: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .sperks__navs .nav-tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #EDF0F2; padding: 6px; border-radius: 48px; }
  .sperks__navs .nav-tabs::before { display: none; }
  .sperks__navs .nav-tabs .nav-item { border: 0; margin: 0; padding: 6px; }
  .sperks__navs .nav-tabs .nav-link { display: block; text-decoration: none !important; border: 0; padding: 12px; color: #626B79; background: #EDF0F2; opacity: 1; border-radius: 48px; transition: none; }
  .sperks__navs .nav-tabs .nav-link.active { font-weight: 500; color: #FFF; background: #5B37D4; }
  .sperks__tab-content .badge { margin-bottom: 8px; background: #4FB262; color: #FFF; border: 0; }
  .sperks__tab-content .tcsm__head { display: none; }
  .sperks__tab-content .tcsm__collapse { display: block; }
  .sperks__tab-content .tcsm__collapse .image img { display: block; width: auto; height: auto; }
  .sperks__wrap { padding-top: 64px; padding-bottom: 64px; }
  .sbvdots__img .item { display: none; }
  .sbvdots__img .item img { display: block; max-width: 100%; height: auto; }
  .sbvdots__img .item.active { display: block; }
  .sbvdots__title { margin: 0 0 16px; }
  .sbvdots__desc { margin: 0 0 24px; }
  .sbvdots__desc span.note { color: #5B37D4; font-size: 14px; line-height: 20px; }
  .sbvdots__list { position: relative; }
  .sbvdots__list .item { position: relative; padding: 8px 0 8px 36px; cursor: pointer; }
  .sbvdots__list .item .bullet { display: block; width: 24px; height: 24px; border-radius: 12px; background: #D0D6DD; position: absolute; left: 0; top: 6px; }
  .sbvdots__list .item .bullet::after { content: ""; display: none; width: 12px; height: 12px; border-radius: 6px; background: #5B37D4; position: absolute; top: calc(50% - 6px); left: calc(50% - 6px); }
  .sbvdots__list .item__sub { font-size: 14px; line-height: 20px; display: block; margin-bottom: 4px; }
  .sbvdots__list .item__title { display: block; font-weight: 600; color: #626B79; }
  .sbvdots__list .item__desc { color: #626B79; }
  .sbvdots__list .item__img-sm { display: none; }
  .sbvdots__list .item__head { display: none; }
  .sbvdots__list .item__body { display: block; }
  .sbvdots__list .item::before { content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 12px; left: 11px; background: #D0D6DD; }
  .sbvdots__list .item:last-child::before { display: none; }
  .sbvdots__list .item.active .item__title { color: #232933; }
  .sbvdots__list .item.active .item__desc { color: #232933; }
  .sbvdots__list .item.active .bullet { background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }
  .sbvdots__list .item.active .bullet::after { display: block; }
  .sbvdots .hiw-mexp__right { padding-left: 64px; }
  .sbvdots__action { position: relative; text-align: center; padding-top: 64px; }
  .sbvdots__action .title { font-size: 20px; line-height: 28px; font-weight: 600; color: #232933; margin: 0 auto 24px; }
  .sbvdots__action.has-accent::before { content: ""; display: block; width: 48px; height: 6px; background: #2F5573; position: relative; margin: 0 auto 24px; }
  .sbvdots__wrap { padding-top: 64px; padding-bottom: 64px; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .sbvdots__img { margin-bottom: 32px; }
  .sbvdots__wrap { padding-top: 32px; padding-bottom: 32px; padding-left: 20px; padding-right: 20px; }
  .sbvdots .hiw-mexp__right { padding-left: 12px; } }

@media only screen and (min-width: 1025px) { .carrer-badge { padding-top: 64px; padding-bottom: 64px; }
  .carrer-badge__title { color: #FFF; }
  .carrer-badge__badges { postion: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .carrer-badge__box { position: relative; background: #10243E; color: #FFF; padding: 32px 64px; border-radius: 8px; min-height: 304px; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .carrer-badge__box::after { z-index: 1; content: ""; display: block; position: absolute; width: 45%; height: 100%; top: 0; right: 0; background: url(../images/img-bg-badge.png) no-repeat; background-size: auto 100%; background-position: left center; }
  .carrer-badge__box > .row { position: relative; z-index: 2; }
  /* Pricing */
  .pricing-head { padding: 3rem 0 0; background-color: #F9FAFB; }
  .pricing-head__title { margin-bottom: .5rem; text-align: center; }
  .pricing-head__caption { text-align: center; margin-bottom: 32px; }
  .pricing-main { padding-top: 0; padding-bottom: 0; background-color: #FFFFFF; }
  .pricing-main__title { font-size: 40px; line-height: 56px; text-align: center; margin-bottom: 48px; }
  .pricing-main__cta { text-align: center; margin: 0 -0.5rem 2.5rem; }
  .pricing-main__cta .btn { margin: 0 0.5rem; }
  .pricing-main .employee { text-align: center; margin-bottom: 2.5rem; }
  .pricing-main .employee p { margin-bottom: 1rem; }
  .pricing-main .employee p input { text-align: center; display: inline-block; width: 4.3rem; margin: 0.625rem; font-weight: 500; }
  .pricing-main__wrap { padding-top: 64px; padding-bottom: 64px; }
  .pricing-card:not(:last-child) { padding-bottom: 88px; }
  .pricing-card .card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #FFFFFF; border-radius: .25rem; }
  .pricing-card .card__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 16px; border-radius: 4px; border: 1px solid #D0D6DD; background-color: #F2F4F7; transition: all .3s ease; }
  .pricing-card .card__head:not(:last-child) { border-radius: 4px 4px 0 0; }
  .pricing-card .card__head h3 { margin-bottom: 12px; font-size: 20px; line-height: 28px; }
  .pricing-card .card__head h3 span.badge { margin-left: 0.75rem; }
  .pricing-card .card__head p { color: #2B2A35; margin-bottom: 32px; font-size: 14px; min-height: 40px; line-height: 20px; }
  .pricing-card .card__head .form-group { padding-bottom: 1.25rem; }
  .pricing-card .card__head .price { display: block; }
  .pricing-card .card__head .price:not(:last-child) { margin-bottom: 20px; }
  .pricing-card .card__head .price .sf { display: block; min-height: 20px; margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .pricing-card .card__head .price .pr { display: block; color: #2B2A35; font-size: 20px; line-height: 28px; font-weight: 600; }
  .pricing-card .card__head .price .pr:first-child { padding-top: 12px; }
  .pricing-card .card__head .price .pr small { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 400; margin-left: 6px; }
  .pricing-card .card__main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 20px; border-radius: .25rem; border: 1px solid #D0D6DD; overflow: hidden; }
  .pricing-card .card__main:not(:first-child) { border-radius: 0 0 .25rem .25rem; border-top: 0; }
  .pricing-card .card__main p { margin-bottom: 24px; }
  .pricing-card .card__main span.cat { display: block; color: #2B2A35; font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 8px; }
  .pricing-card .card__main ul.list-check { margin-bottom: 24px; }
  .pricing-card .card__main ul.list-check:last-child { margin-bottom: 0; }
  .pricing-card .card__main .inc { padding-top: 8px; }
  .pricing-card .card__main .inc span.cat { margin-bottom: 12px; }
  .pricing-card .card__main .inc .inc__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; margin-bottom: -28px; }
  .pricing-card .card__main .inc .inc__items img { height: 24px; width: auto; margin: 0 14px 28px; }
  .pricing-card .card__main.has-collapse { padding: 0; }
  .pricing-card .card__main .card-list { margin-bottom: 40px; }
  .pricing-card .card__main .card-list:last-child { margin-bottom: 0; }
  .pricing-card .card__main .card__toggle { position: relative; padding: 16px 40px 16px 16px; font-weight: 600; cursor: pointer; border-bottom: 1px solid #D0D6DD; margin-bottom: -1px; color: #4B61DD; }
  .pricing-card .card__main .card__toggle:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; right: 14px; top: 16px; background: url(../images/ic-chevron-down-blue.svg); -webkit-transform: none; transform: none; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .pricing-card .card__main .card__toggle.collapsed:after { -webkit-transform: none; transform: none; }
  .pricing-card .card__main .card__collapse-wrap { padding: 20px 16px; }
  .pricing-card .card__action .btn { display: block; }
  .pricing-card .card__bonus { padding: 0 16px 20px; margin-top: auto; }
  .pricing-card .card__bonus-box { padding: 16px; background: #FFF6E0; border-radius: 4px; }
  .pricing-card .card__bonus-box .list-check li:last-child { padding-bottom: 0; }
  .pricing-card .card--mekarios { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; min-height: 300px; }
  .pricing-card .card--mekarios .card__head { width: 100%; max-width: 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; padding: 32px; border-radius: 4px 0 0 4px; border: 1px solid #5B37D4; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .pricing-card .card--mekarios .card__head h3 { font-size: 32px; line-height: 40px; margin-bottom: auto; }
  .pricing-card .card--mekarios .card__head h3 .icon { display: inline-block; vertical-align: middle; height: 40px; width: auto; margin-right: 12px; }
  .pricing-card .card--mekarios .card__head .btn { color: #FFFFFF; background-color: #5B37D4; border-color: #5B37D4; }
  .pricing-card .card--mekarios .card__head .btn:hover, .pricing-card .card--mekarios .card__head .btn:focus, .pricing-card .card--mekarios .card__head .btn.focus, .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled):active, .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #4626b2; border-color: #4626b2; }
  .pricing-card .card--mekarios .card__main { width: 100%; max-width: 65%; -webkit-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; padding: 32px; border-radius: 0 4px 4px 0; border: 1px solid #D0D6DD; border-left: 0; }
  .pricing-card .card--talenta { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--talenta .card__head { border-color: #C02A34; background-color: #FCF0EF; }
  .pricing-card .card--talenta .card__main { border-color: #C02A34; }
  .pricing-card .card--xpm { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--xpm .card__head { border-color: #2F5573; background-color: #ECF5FF; }
  .pricing-card .card--xpm .card__main { border-color: #2F5573; }
  .pricing-card .card--jurnal { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--jurnal .card__head { border-color: #009BDE; background-color: #EEF9FC; }
  .pricing-card .card--jurnal .card__main { border-color: #009BDE; }
  .pricing-card .card--klikpajak { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--klikpajak .card__head { border-color: #F96D01; background-color: #FEF6EC; }
  .pricing-card .card--klikpajak .card__main { border-color: #F96D01; }
  .pricing-card .card--mekarichat { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--mekarichat .card__head { border-color: #00B894; background-color: #FEF6EC; }
  .pricing-card .card--mekarichat .card__main { border-color: #00B894; }
  .pricing-card .card--mekariflex { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--mekariflex .card__head { border-color: #8641FF; background-color: #F3F8FC; }
  .pricing-card .card--mekariflex .card__main { border-color: #8641FF; }
  .pricing-card .card--qontak { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--qontak .card__head { border-color: #0274F5; background-color: #EBF4FE !important; }
  .pricing-card .card--qontak .card__main { border-color: #0274F5; }
  .pricing-card .card-tnc { position: absolute; display: block; top: 100%; right: 12px; width: 100%; text-align: right; font-size: 12px; line-height: 16px; padding-top: 16px; }
  .pricing-card__action { text-align: center; padding-top: 2.5rem; }
  .pricing-card.pricing-card--custom label { color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .pricing-card.pricing-card--custom .form-group { padding-bottom: 2rem; }
  .pricing-card.pricing-card--custom .form-group:last-child { padding-bottom: 0; }
  .pricing-card.pricing-card--custom span.separator { width: 3rem; height: 1px; display: block; background: #D0D6DD; margin-bottom: 1.5rem; }
  .pricing-card.pricing-card--custom .accordion { margin: 0; }
  .pricing-card.pricing-card--custom .plan-package { margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom .plan-package label { margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .pricing-card.pricing-card--custom .plan-package:last-child { margin-bottom: 0; }
  .pricing-card.pricing-card--custom .employee { margin-bottom: 0; }
  .pricing-card.pricing-card--custom .employee p { color: #232933; text-align: left; font-size: 0.875rem; line-height: 1.429em; }
  .pricing-card.pricing-card--custom .employee .emp-input { text-align: right; }
  .pricing-card.pricing-card--custom .employee .form-range__before { text-align: left; }
  .pricing-card.pricing-card--custom .employee .form-range__after { text-align: right; }
  .pricing-card.pricing-card--custom hr { border-top: 1px solid #D0D6DD; display: block; width: 100%; margin: 0 0 1.5rem; }
  .pricing-card.pricing-card--custom .sub { display: block; font-size: 1rem; line-height: 1.5em; margin: 0 0 1.5rem; }
  .pricing-card.pricing-card--custom h2 { margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom p { margin-bottom: 1.5rem; }
  .pricing-card.pricing-card--custom .total-price { display: block; position: relative; margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom .price { color: #232933; display: block; position: relative; font-size: 1.5rem; line-height: 1.333em; margin-bottom: 1rem; font-weight: 500; }
  .pricing-card.pricing-card--custom .price small { color: #626B79; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5em; }
  .pricing-card.pricing-card--custom .card.card--custom { z-index: 2; position: relative; border: 1px solid #D0D6DD; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); padding: 2.5rem 2rem; border-radius: .25rem 0 0 .25rem; }
  .pricing-card.pricing-card--custom .card.card--asside { z-index: 1; position: relative; margin-left: -24px; padding: 2rem 2.5rem; border: 1px solid #D0D6DD; border-left: 0; border-radius: 0 .25rem .25rem 0; height: auto; }
  .pricing-card.pricing-card--custom .card.card--asside .card__action .btn { font-weight: 500; }
  .pricing-include__head { text-align: center; margin: 0 0 24px; cursor: pointer; }
  .pricing-include__head.collapsed .pricing-include__title::after { -webkit-transform: none; transform: none; }
  .pricing-include__title { margin: 0; position: relative; }
  .pricing-include__title::after { content: ""; display: inline-block; width: 32px; height: 32px; background-image: url(../images/ic-chevron-down-grey.svg); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; margin-left: 8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .pricing-include .item { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; position: relative; border: 1px solid #D0D6DD; border-radius: 6px; margin-bottom: 40px; }
  .pricing-include .item__title { display: block; width: 100%; max-width: 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; background: #EDF0F2; padding: 16px; border-radius: 6px 0 0 6px; border-right: 1px solid #D0D6DD; }
  .pricing-include .item__title h3 { font-size: 16px; line-height: 24px; margin: 0; }
  .pricing-include .item__title p { color: #2B2A35; }
  .pricing-include .item__list { display: block; width: 100%; max-width: 75%; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; padding: 12px 0 12px 16px; border-radius: 0 6px 6px 0; }
  .pricing-include .item__list .list-check { margin: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .pricing-include .item__list .list-check li { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-bottom: 4px; padding-top: 4px; padding-right: 16px; }
  .pricing-include .item__list .list-check li::before { top: 6px; }
  .theme--jurnal .pricing-card .card__head .price .pr { font-size: 28px; line-height: 32px; }
  .theme--jurnal .pricing-card .card__head .price.alt .pr { font-size: 24px; line-height: 32px; }
  .recom-addon { padding-top: 64px; padding-bottom: 64px; }
  .recom-addon h2 { margin-bottom: 32px; text-align: center; }
  .recom-addon .item { margin-bottom: 24px; }
  .recom-addon .item__title { margin-bottom: 16px; transition: all .3s ease; position: relative; padding-left: 36px; padding-right: 32px; }
  .recom-addon .item__title .icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; position: absolute; top: 4px; left: 0; }
  .recom-addon .item__price { color: #2B2A35; }
  .recom-addon .item__content { margin-bottom: 16px; color: #626B79; }
  .recom-addon .item__content ul { list-style: disc; margin-left: 24px; }
  .recom-addon .item__wrap { border-radius: 4px; padding: 20px; position: relative; background: #FFF; box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1); }
  .recom-addon .item__wrap[data-toggle] { cursor: pointer; transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle] .item__title { position: relative; }
  .recom-addon .item__wrap[data-toggle] .item__title:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; right: 0; opacity: 1; top: 4px; background: url(../images/ic-chevron-down-grey.svg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle]:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 4px; border: 2px solid transparent; transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle]:hover { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .recom-addon .item__wrap[data-toggle]:hover .item__title:after { right: 0; opacity: 1; }
  .recom-addon .item__wrap:first-child:last-child { margin-left: auto; margin-right: auto; }
  .recom-addon .item__wrap:first-child:last-child() { max-width: 526px; -webkit-flex: 0 0 526px; -ms-flex: 0 0 526px; flex: 0 0 526px; }
  .recom-addon.alt h2 { text-align: left; }
  .recom-addon.alt .recom-addon__wrap { padding-left: 0; padding-right: 0; }
  .recom-bundle { margin-bottom: 48px; }
  .recom-bundle h2 { margin-bottom: 3rem; text-align: center; }
  .recom-bundle__wrap { padding: 64px 0 3rem; }
  .recom-bundle .pricing-card .card__toggle { display: none; }
  .recom-bundle .pricing-card .card__collapse { display: block !important; }
  .recom-bundle .inc { padding-top: 8px; }
  .recom-bundle .inc span.cat { margin-bottom: 12px; }
  .recom-bundle .inc .inc__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; margin-bottom: -28px; }
  .recom-bundle .inc .inc__items img { height: 40px; width: auto; margin: 0 14px 28px; }
  .recom-bundle .nav-item { margin-bottom: 1rem; position: relative; cursor: pointer; }
  .recom-bundle .nav-link { display: block; padding: 1.25rem 5rem 1.25rem 2rem; color: #626B79; background-color: #FFF; border: 1px solid #D0D6DD; border-radius: 0.25rem; }
  .recom-bundle .nav-link .item__logo { margin-bottom: 8px; }
  .recom-bundle .nav-link .item__logo img { display: block; height: 40px; width: auto; }
  .recom-bundle .nav-link .badge { margin-bottom: 0.5rem; }
  .recom-bundle .nav-link h3 { margin-bottom: 0.5rem; }
  .recom-bundle .nav-link:after { content: ""; display: block; position: absolute; width: 1.5rem; height: 1.5rem; top: calc(50% - 0.75rem); right: 1.5rem; background-color: transparent; background-image: url(../images/ic-right-g.svg); background-position: center; background-size: 70%; background-repeat: no-repeat; border-radius: 1.5rem; }
  .recom-bundle .nav-link.active:after { background-image: url(../images/ic-right.svg); }
  .recom-bundle .nav-link:hover { text-decoration: none; }
  .recom-bundle .tab-pane { padding: 32px; border: 1px solid #D0D6DD; border-radius: 4px; margin-bottom: 24px; position: relative; }
  .recom-bundle .tab-pane__sm { display: none; }
  .recom-bundle .tab-pane h3 { margin-bottom: 16px; }
  .recom-bundle .tab-pane span.cat { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 8px; }
  .recom-bundle .tab-pane ul.custom-list > li { margin-bottom: 8px; }
  .recom-bundle .tab-pane ul.custom-list > li:last-child { margin-bottom: 0; }
  .recom-bundle .tab-pane .price:not(:last-child) { margin-bottom: 24px; }
  .recom-bundle .tab-pane .price .ps { display: block; font-size: 14px; line-height: 20px; color: #545465; }
  .recom-bundle .tab-pane .price .pn { font-size: 32px; line-height: 40px; font-weight: 500; color: #2B2A35; }
  .recom-bundle .tab-pane .price .pt { margin-left: 4px; font-size: 14px; line-height: 24px; color: #545465; }
  .recom-bundle .tab-pane .tab-action { padding-top: 32px; }
  .recom-bundle .tab-pane .card-tnc { position: absolute; font-size: 12px; line-height: 16px; bottom: -32px; right: 0; }
  .recom-bundle__content { display: block; padding: 1.25rem 2rem 2.5rem; color: #626B79; background-color: #FFF; border: 1px solid #D0D6DD; border-radius: 0.25rem; }
  .recom-bundle__title { margin-bottom: 0.25rem; }
  .recom-bundle__caption { font-size: 0.75rem; line-height: 1.429em; margin-bottom: 1rem; }
  .recom-bundle__price { display: block; color: #777; margin-bottom: 1.5rem; }
  .recom-bundle__price b { color: #232933; font-size: 2rem; line-height: 1.5em; }
  .recom-bundle__price span { color: #232933; }
  .recom-bundle__includes { margin-bottom: 2rem; }
  .recom-bundle__includes .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin-bottom: 0.75rem; }
  .recom-bundle__includes .brands { margin: 0 -1rem; }
  .recom-bundle__includes .brand { display: inline-block; vertical-align: top; padding: 0 1rem; }
  .recom-bundle__includes .brand img { display: block; width: auto; max-height: 28px; }
  .recom-bundle__more { display: none; }
  .cb-action { text-align: center; padding-top: 40px; padding-bottom: 80px; }
  .cb-action img { display: inline-block; margin: 0 auto 1.5rem; height: 80px; width: auto; }
  .cb-action p { color: #232933; font-weight: 500; margin-bottom: 1.25rem; }
  .cb-action + .faq-block { padding-top: 2rem; }
  .promise-block { background: #10253E; padding: 48px 0; color: #FFFFFF; }
  .promise-block .img { padding-right: 0.75rem; }
  .promise-block .img img { display: block; width: 100%; height: auto; }
  .promise-block span.sub { display: block; font-size: 0.875rem; line-height: 1.429em; margin-bottom: 0.5rem; }
  .promise-block h2, .promise-block p, .promise-block a { color: #FFFFFF; }
  .promise-block ul { display: block; margin-bottom: 1rem; }
  .promise-block ul li { display: block; position: relative; padding-bottom: 0.5rem; padding-left: 2rem; }
  .promise-block ul li::before { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; top: 0.083em; left: 0; background-image: url(../images/ic-check-alt.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }
  .promise-block .cta { padding-top: 1rem; }
  .promise-block .cta .btn { font-weight: 400; }
  .get-started-block { position: relative; text-align: center; padding: 64px; background-color: #FFFFFF; }
  .get-started-block .icon { display: block; height: 4rem; width: auto; margin: 0 auto 1rem; }
  .get-started-block .cta { margin: 0 -0.5rem; }
  .get-started-block .cta .btn { margin: 0 0.5rem; }
  .get-started-block__img { position: absolute; right: 0; bottom: 0; }
  .get-started-block__img img { display: block; }
  .accordion { position: relative; margin-bottom: 32px; }
  .accordion .card { position: relative; margin-bottom: 4px; }
  .accordion .card__header { position: relative; display: block; padding: 20px 56px 20px 20px; cursor: pointer; border-bottom: 1px solid #E2E2E2; transition: all .3s ease-in-out; }
  .accordion .card__header:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; position: absolute; top: 20px; right: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .5s ease-in-out; }
  .accordion .card__header.collapsed:after { -webkit-transform: none; transform: none; }
  .accordion .card__title { font-size: 16px; line-height: 24px; font-weight: 500; margin: 0; padding: 0; }
  .accordion .card__title:hover { color: #232933; }
  .accordion .card__body { background: #FFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); padding: 24px 20px; margin-top: 12px; }
  .accordion--faq .card { margin-bottom: 16px; background: #FFF; border-radius: 4px; overflow: hidden; border: 1px solid #D0D6DD; transition: all .5s ease-in-out; }
  .accordion--faq .card.open { margin-bottom: 24px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); border-color: #4B61DD; }
  .accordion--faq .card__header { padding: 28px 80px 12px 24px; border: 0; }
  .accordion--faq .card__header:after { top: 28px; right: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .accordion--faq .card__header.collapsed { padding-bottom: 28px; }
  .accordion--faq .card__header.collapsed .card__title { font-weight: 400; }
  .accordion--faq .card__header.collapsed:after { content: ""; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  .accordion--faq .card__body { border-radius: 0; box-shadow: none; padding: 0 80px 52px 24px; margin: 0; }
  .accordion--plan .card { border: 1px solid #D0D6DD; margin-bottom: 12px; }
  .accordion--plan .card:last-child { margin-bottom: 0; }
  .accordion--plan .card__header { border: 0; padding: 0.5rem 0.625rem; border-radius: 0.25rem; }
  .accordion--plan .card__header:after { content: ""; width: 20px; height: 20px; top: 8px; right: 10px; }
  .accordion--plan .card__title { display: block; font-size: 0.875rem; line-height: 1.429em; }
  .accordion--plan .card__title .badge { margin-right: 0.5rem; }
  .accordion--plan .card__body { border-radius: 0 0 .25rem .25rem; border: 0; margin: 0; padding: 1rem 0.625rem 1rem; font-size: 0.875rem; line-height: 1.429em; }
  .accordion--auto .card__header { border: 0; padding: 1.25rem; }
  .accordion--auto .card__header:not(.collapsed) { background: #FFFFFF; }
  .accordion--auto .card__body { box-shadow: none; padding: 0 1.25rem 1.5rem; margin: 0; }
  .accordion--auto .progress-bar { z-index: 5; display: block; position: absolute; width: 100%; top: 0; left: 0; opacity: 0; }
  .accordion--auto .progress-bar span { display: block; width: 100%; height: 2px; background: #5B37D4; }
  .accordion--auto .card { position: relative; border-bottom: 1px solid #D0D6DD; margin: 0 0 .25rem; border-radius: 0; overflow: hidden; transition: all .4s ease; }
  .accordion--auto .card.open { border-radius: 0.25rem; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); border-bottom-color: transparent; }
  .accordion--auto .card.open .progress-bar { opacity: 1; }
  .accordion--auto-images .img { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .accordion--auto-images .img img { display: block; width: 100%; height: auto; }
  .accordion--auto-images .img:not(.active) { display: none; }
  .faq-block { padding: 64px 0; background: #FFFFFF; }
  .faq-block .section-head { margin-bottom: 2rem; }
  .faq-block .accordion { margin-bottom: 0; }
  .faq-block.bg-gray { background: #F2F4F7; }
  .faq-block--alt .accordion--faq .card { margin-bottom: 8px; }
  .faq-block--alt .accordion--faq .card__header { padding: 20px 56px 12px 24px; }
  .faq-block--alt .accordion--faq .card__header::after { top: 20px; }
  .faq-block--alt .accordion--faq .card__header.collapsed { padding-bottom: 20px; }
  .faq-block--alt .accordion--faq .card__body { padding-bottom: 20px; }
  .pricing-socproof { padding-top: 16px; padding-bottom: 60px; background: #F2F4F7; }
  .pricing-socproof .item { margin-bottom: 20px; }
  .pricing-socproof .item__wrap { padding-left: 16px; }
  .pricing-socproof .item__number { position: relative; }
  .pricing-socproof .item__number::before { content: ""; display: block; width: 2px; height: 32px; position: absolute; top: calc(50% - 16px); left: -16px; background-color: #4B61DD; }
  .pricing-socproof .item__number span { color: #5B37D4; font-size: 32px; line-height: 48px; font-weight: 600; display: block; margin-bottom: 0; }
  .pricing-socproof .item__desc { max-width: 85%; }
  .sub-content { padding-top: 50px; margin-bottom: 72px; position: relative; }
  .sub-content::before { content: ""; display: block; width: 200%; height: 100%; position: absolute; top: -1px; left: -50%; background: #F2F4F7; border-top: 1px solid #D0D6DD; }
  .sub-content .pricing-card .card__head { background: #FFF; }
  .sub-content .pricing-card:last-child { padding-bottom: 80px; }
  .all-pkg__title { font-size: 24px; line-height: 32px; margin-bottom: 32px; }
  .all-pkg__ctitle { font-size: 14px; line-height: 20px; margin-bottom: 8px; }
  .all-pkg .items { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .all-pkg .items .item { display: block; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; }
  .all-pkg .items-socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 6px; margin-left: -6px; margin-right: -6px; max-width: 80%; }
  .all-pkg .items-socmed .item { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
  .all-pkg__wrap { padding-top: 48px; padding-bottom: 48px; border-top: 1px solid #D9E7F5; position: relative; }
  .all-pkg__wrap::after { content: ""; display: block; width: 200%; border-top: 1px solid #D0D6DD; position: absolute; bottom: 0; left: -50%; }
  /* Block Featured */
  .block-featured { padding-top: 5rem; padding-bottom: 5rem; }
  .block-featured__title { text-align: center; margin: 0 0 1rem; }
  .block-featured__desc { text-align: center; margin-bottom: 3rem; }
  .block-featured .item__img img { display: block; margin: 0 0 0.5rem; }
  .block-featured .item__title { margin: 0 0 0.5rem; }
  .block-featured .item__desc { max-width: 360px; }
  /* Our Goals */
  .our-goals-cta { padding-top: 5rem; }
  .our-goals-cta__title { margin: 0 0 2.5rem; text-align: center; }
  .our-goals-cta .item { margin-bottom: 24px; }
  .our-goals-cta .item__wrap { padding: 2.5rem; background-color: #F9FAFB; border-radius: 0.5rem; }
  .our-goals-cta .item__img { margin: 0 0 24px; }
  .our-goals-cta .item__img img { display: block; height: 7.5rem; width: auto; }
  .our-goals-cta .item span.sub { display: block; font-size: 0.875rem; line-height: 1.429em; margin: 0 0 0.25rem; }
  .our-goals-cta .item__title { margin-bottom: 1rem; }
  .our-goals-cta .item__action { padding-top: 1.5rem; color: #4B61DD; }
  .our-goals-cta .item.hightlight { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .item__wrap { background-color: #5B37D4; background-image: url(../images/img-og-03.png); background-repeat: no-repeat; background-position: right bottom; background-size: 90%; }
  .our-goals-cta .item.hightlight .item__title { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .item__desc { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .link-more { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .link-more:after { background: url(../images/ic-arrow-right-long-w.svg) no-repeat center; }
  .our-goals-cta--about { padding: 40px 0 56px; }
  .our-goals-cta--about .item.hightlight .item__wrap { background-color: #4B61DD; }
  .our-goals-cta--single-blog { margin-bottom: 80px; }
  .our-goals-cta--single-blog .item.hightlight .item__wrap { background-color: #4B61DD; }
  /* Get started */
  .get-started { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .get-started .stepper { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4rem; }
  .get-started .stepper__item { display: block; position: relative; -webkit-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
  .get-started .stepper__item:before { content: ""; z-index: 1; display: block; width: calc(100% - 1.75rem); height: 1px; background-color: #D0D6DD; position: absolute; top: 0.875rem; left: calc(50% + 1.375rem); }
  .get-started .stepper__item:last-child:before { display: none; }
  .get-started .stepper__item span.no { z-index: 2; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.75rem; height: 1.75rem; background-color: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 1.75rem; color: #B4B4B4; font-size: 0.875rem; line-height: 1.75rem; margin: 0 auto 0.25rem; }
  .get-started .stepper__item span.text { z-index: 2; position: relative; display: block; color: #B4B4B4; font-size: 0.875rem; line-height: 1.429em; }
  .get-started .stepper__item.active span.no { background-color: #4B61DD; border-color: #4B61DD; color: #FFFFFF; }
  .get-started .stepper__item.active span.text { color: #232933; font-weight: 500; }
  .get-started .stepper__item.done span.no { cursor: pointer; }
  .get-started .stepper__item.done span.no:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #FFFFFF; background-image: url(../images/icon_check.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }
  .get-started .stepper__item.done span.text { color: #232933; }
  .get-started .stepper__item.done.active span.no { border-color: transparent; background-color: transparent; }
  .get-started .quote img { display: block; width: 100%; height: auto; margin: 0 0 3rem; }
  .get-started .quote p { color: #232933; font-size: 1.25rem; line-height: 1.4em; font-weight: 500; margin: 0 0 1rem; }
  .get-started .quote span.name { display: block; color: #232933; font-size: 0.875rem; line-height: 1.429em; font-weight: 500; }
  .get-started .quote span.job { display: block; font-size: 0.875rem; line-height: 1.429em; }
  .get-started .nav--quote { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1.5rem; margin: 0 -0.5rem; }
  .get-started .nav--quote .nav-item { display: block; position: relative; padding: 0 0.5rem; }
  .get-started .nav--quote .nav-link { display: block; position: relative; opacity: .3; transition: all .3s ease; }
  .get-started .nav--quote .nav-link img { z-index: 3; position: relative; display: block; width: 2.5rem; height: 2.5rem; object-fit: cover; background-color: #D0D6DD; object-position: 50% 50%; border-radius: 2.5rem; }
  .get-started .nav--quote .nav-link.active { opacity: 1; }
  .get-started .form label { font-weight: 500; }
  .get-started .form span.separator { width: 3rem; height: 1px; display: block; background: #D0D6DD; margin-top: 0.75rem; margin-bottom: 1.5rem; }
  .get-started .form .form-action p { font-size: 0.875rem; line-height: 1.429em; }
  .get-started .form .plan-package { margin-bottom: 0.75rem; }
  .get-started .form .plan-package label { margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .get-started .form .plan-package:last-child { margin-bottom: 0; }
  .get-started .form .employee p, .get-started .form .employee .emp-input { margin-bottom: 1.5rem; }
  .get-started .form .employee .form-range__before { text-align: left; }
  .get-started .form .employee .form-range__after { text-align: right; }
  .get-started .form__head { text-align: center; margin-bottom: 2.5rem; }
  .get-started .form__head h2 { margin-bottom: 1rem; }
  .get-started .form__step { display: none; }
  .get-started .form__step.active { display: block; }
  .get-started__form { display: block; position: relative; width: 100%; max-width: 63.611111%; -webkit-flex: 0 0 63.611111%; -ms-flex: 0 0 63.611111%; flex: 0 0 63.611111%; background-color: #FFFFFF; padding: 3rem 1.5rem 5rem; }
  .get-started__asside { display: block; position: relative; width: 100%; max-width: 36.38889%; -webkit-flex: 0 0 36.38889%; -ms-flex: 0 0 36.38889%; flex: 0 0 36.38889%; background-color: #F2F4F7; padding: 3.75rem 3rem 3.75rem 3.75rem; }
  .get-started__asside .card { display: block; background-color: #FFFFFF; border: 1px solid #D0D6DD; padding: 2rem 2.5rem; border-radius: 0.25rem; border-top: 2px solid #4B61DD; }
  .get-started__asside .card hr { border-top: 1px solid #D0D6DD; display: block; width: 100%; margin: 0 0 1.5rem; }
  .get-started__asside .card .sub { display: block; font-size: 1rem; line-height: 1.5em; margin: 0 0 1.5rem; }
  .get-started__asside .card h2 { margin-bottom: 0.75rem; }
  .get-started__asside .card p { margin-bottom: 1.5rem; }
  .get-started__asside .card .total-price { display: block; position: relative; margin-bottom: 0.75rem; }
  .get-started__asside .card .price { color: #232933; display: block; position: relative; font-size: 1.5rem; line-height: 1.333em; margin-bottom: 1rem; font-weight: 500; }
  .get-started__asside .card .price small { color: #626B79; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5em; }
  .get-started__asside .asside__step { display: none; }
  .get-started__asside .asside__step.active { display: block; }
  .get-started__done { width: 100%; padding: 64px 0; background-color: #F9FAFB; }
  .get-started__done .card { background-color: #FFFFFF; border: 1px solid #D0D6DD; padding: 4rem 24px; border-radius: 0.25rem; text-align: center; }
  .get-started__done .card img { display: block; margin: 0 auto 2rem; max-width: 470px; height: auto; }
  .get-started__package .title { font-size: 20px; line-height: 28px; margin-bottom: 16px; }
  .get-started__package .item { background: #fff; border: 1px solid #D0D6DD; border-radius: 4px; padding: 24px; margin-bottom: 12px; display: none; }
  .get-started__package .item__logo { width: 105px; display: inline-block; text-align: center; padding-right: 12px; }
  .get-started__package .item__title { position: relative; font-size: 20px; line-height: 28px; margin-bottom: 0; cursor: pointer; padding-right: 36px; }
  .get-started__package .item__title img { display: inline-block; height: 40px; width: auto; line-height: 24px; }
  .get-started__package .item__title:after { content: ""; display: block; position: absolute; width: 24px; height: 24px; right: 0; top: 2px; background: url(../images/ic-chevron-down.svg); -webkit-transform: none; transform: none; transition: all .3s ease; }
  .get-started__package .item__detail { padding-top: 16px; }
  .get-started__package .item__desc { margin-bottom: 16px; }
  .get-started__package .item__price b { color: #2B2A35; }
  .get-started__package .item.show { display: block; }
  .get-started__package .item.open .item__title:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
  .get-started__package .item-add { border: 1px solid #4B61DD; margin-top: 24px; border-radius: 4px; padding: 8px; color: #4B61DD; text-align: center; cursor: pointer; }
  .get-started__package .item-add:hover { background: #4B61DD; color: #FFF; }
  .get-started__package .item-add:hover .svg path { fill: #FFF; }
  .get-started__package .item-add .svg { position: relative; display: inline-block; top: -1px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; margin-right: 6px; }
  .modal--getstarted .modal-body { max-height: calc(90vh - 178px); }
  .form-modal-getstarted .modal__title { font-size: 32px; line-height: 40px; margin-bottom: 40px; }
  .form-modal-getstarted .item-group { margin-bottom: 48px; margin-left: -8px; margin-right: -8px; }
  .form-modal-getstarted .item-group.faded .item .item__wrap { opacity: 0.3; }
  .form-modal-getstarted .item-group.faded .item .item__wrap.selected { opacity: 1; }
  .form-modal-getstarted .item-group.bundled .item .item__wrap.selected { opacity: 0.3; }
  .form-modal-getstarted .item-group.bundled .item .item__wrap.selected:before, .form-modal-getstarted .item-group.bundled .item .item__wrap.selected:after { display: none; }
  .form-modal-getstarted .item-label { margin-bottom: 20px; padding-left: 8px; padding-right: 8px; }
  .form-modal-getstarted .item-label span { display: block; font-size: 24px; line-height: 32px; font-weight: 500; color: #2B2A35; }
  .form-modal-getstarted .item-label img { display: inline-block; height: 40px; width: auto; }
  .form-modal-getstarted .item-label small { display: inline-block; vertical-align: bottom; font-weight: 600; font-size: 16px; line-height: 20px; color: #2B2A35; margin-left: 12px; }
  .form-modal-getstarted .item { padding-left: 8px; padding-right: 8px; }
  .form-modal-getstarted .item__wrap { position: relative; display: block; border: 1px solid #D0D6DD; border-radius: 4px; padding: 16px; cursor: pointer; }
  .form-modal-getstarted .item__wrap:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 4px; top: 0; left: 0; transition: all .3s ease; }
  .form-modal-getstarted .item__wrap:after { content: ""; z-index: 1; display: none; width: 1.25rem; height: 1.25rem; background-image: url(../images/ic-check-blue.svg); background-color: #FFFFFF; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(-0.75rem + 1px); right: calc(-0.75rem + 1px); border-radius: 1.25rem; border: 2px solid #FFFFFF; }
  .form-modal-getstarted .item__wrap:hover:before { border-color: #4B61DD; }
  .form-modal-getstarted .item__wrap.selected:before { border-color: #4B61DD; }
  .form-modal-getstarted .item__wrap.selected:after { display: block; }
  .form-modal-getstarted .item__wrap.selected:hover:before { border-color: #D74022; }
  .form-modal-getstarted .item__wrap.selected:hover:after { background-image: url(../images/ic-cancel-round.svg); }
  .form-modal-getstarted .item__title { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 4px; }
  .form-modal-getstarted .item__desc { margin-bottom: 12px; }
  .form-modal-getstarted .item__desc p { font-size: 14px; line-height: 20px; }
  .form-modal-getstarted .item__price b { color: #2B2A35; }
  .form-modal-getstarted .item input[type=radio] { opacity: 0; position: absolute; visibility: hidden; }
  .form-modal-getstarted .item.disabled { opacity: 0.5; pointer-events: none; }
  /* Product */
  .clients-logo__title { text-align: center; margin-bottom: 56px; }
  .clients-logo__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -16px; margin-right: -16px; }
  .clients-logo__items .item { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 16.666666%; -webkit-flex: 0 0 16.666666%; -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; margin-bottom: 24px; }
  .clients-logo__items .item img { display: block; max-width: 100%; max-height: 86px; width: auto; height: auto; }
  .clients-logo__items.has-5-col .item { max-width: 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .clients-logo__items.has-5-col .item img { max-height: 80px; }
  .clients-logo__wrap { padding-top: 64px; padding-bottom: 40px; }
  .product-featured__title { padding-top: 64px; text-align: center; margin-bottom: 24px; }
  .product-featured .nav-tabs::before { display: none; }
  .product-featured .nav-tabs .nav-item { opacity: 1; overflow: hidden; }
  .product-featured .nav-tabs .nav-link { position: relative; border: 0; text-align: center; opacity: 1; color: #2B2A35; background: #FFFFFF; padding: 1.25rem 16px 3.5rem; overflow: hidden; }
  .product-featured .nav-tabs .nav-link .icon { display: block; object-fit: contain; object-position: 50% 50%; margin: 0 auto 1rem; -webkit-filter: brightness(0); filter: brightness(0); opacity: 0.4; }
  .product-featured .nav-tabs .nav-link .svg path { fill: #545465; transition: all .4s ease; }
  .product-featured .nav-tabs .nav-link span { display: block; font-size: 1rem; line-height: 1.5em; }
  .product-featured .nav-tabs .nav-link.active .icon { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .product-featured .nav-tabs .nav-link.active:after { content: ""; display: block; width: 82px; height: 82px; border-radius: 41px; background-color: #FCF0EF; position: absolute; top: calc(100% - 41px); left: calc(50% - 41px); background-image: url(../images/ic-chevron-down-red.svg); background-repeat: no-repeat; background-position: center 30%; }
  .product-featured .tab-pane { padding: 5rem 0; }
  .product-featured .tab-pane .tab-title-sm { display: none; }
  .product-featured .tab-pane h2 { margin-bottom: 24px; }
  .product-featured .tab-pane .img img { display: block; width: 100%; height: auto; border-radius: 0.25rem; }
  .product-featured .tab-pane .list-check li { padding-bottom: 2rem; }
  .product-statistics { padding-top: 80px; padding-bottom: 80px; }
  .product-statistics__items .owl-dots { bottom: 0; }
  .product-statistics__items .owl-nav .btn-nav { border: 1px solid #B4B4B4; width: 48px; height: 48px; top: -24px; background-size: 36px; border-radius: 24px; }
  .product-statistics__items .card { margin-bottom: 64px; }
  .product-statistics__items .card__title { font-size: 32px; line-height: 40px; text-align: center; margin-bottom: 40px; }
  .product-statistics__items .card__title:hover { color: #232933; }
  .product-statistics__items .card__items { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -32px; margin-right: -32px; }
  .product-statistics__items .card__items .item { display: block; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; padding-left: 32px; padding-right: 32px; }
  .product-statistics__items .card__items .item__num { font-size: 48px; line-height: 56px; margin-bottom: 4px; font-weight: 600; color: #4B61DD; }
  .product-statistics__items .card__items .item__text { color: #2B2A35; }
  .product-statistics__items .card__wrap { padding-left: 128px; padding-right: 128px; }
  .product-complete { padding-top: 6rem; padding-bottom: 5rem; }
  .product-complete__title { text-align: center; margin: 0 0 1rem; }
  .product-complete__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .product-complete .item-container { padding: 3rem 0; }
  .product-complete .item-container.has-2-col { max-width: 800px; margin-left: auto; margin-right: auto; }
  .product-complete .item-container.has-2-col .item:nth-last-child(-n+2) { border-top: 1px solid #D0D6DD; }
  .product-complete .item-container.has-2-col .item:nth-child(2n) { border-right: 0; }
  .product-complete .item-container.has-2-col .item:nth-child(1), .product-complete .item-container.has-2-col .item:nth-child(2) { border-top: 0; }
  .product-complete .item-container.has-3-col .item:nth-last-child(-n+4) { border-bottom: 1px solid #D0D6DD; }
  .product-complete .item-container.has-3-col .item:nth-child(4n) { border-right: 1px solid #D0D6DD; }
  .product-complete .item-container.has-3-col .item:nth-last-child(-n+3) { border-bottom: 0; }
  .product-complete .item-container.has-3-col .item:nth-child(3n) { border-right: 0; }
  .product-complete .item-container.has-3-col .item:nth-child(3):not(:last-child) { border-bottom: 1px solid #D0D6DD; }
  .product-complete .item { z-index: 1; position: relative; border-bottom: 1px solid #D0D6DD; border-right: 1px solid #D0D6DD; margin-right: -1px; }
  .product-complete .item:nth-last-child(-n+4) { border-bottom: 0; }
  .product-complete .item:nth-child(4n) { border-right: 0; }
  .product-complete .item:last-child { border-right: 0; }
  .product-complete .item:hover { z-index: 2; }
  .product-complete .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; padding: 2rem 1rem 1rem; color: #626B79; }
  .product-complete .item__wrap:before { z-index: 1; content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 4px; background: #FFFFFF; transition: all .2s ease; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); }
  .product-complete .item__wrap * { z-index: 2; position: relative; }
  .product-complete .item__wrap:hover { color: #626B79; text-decoration: none; }
  .product-complete .item__wrap:hover .more, .product-complete .item__wrap:hover .link-more { opacity: 1; }
  .product-complete .item__wrap:hover:before { top: -1.5rem; left: -1.5rem; bottom: -2.5rem; right: -1.5rem; background: #FFFFFF; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); }
  .product-complete .item .icon { object-fit: contain; object-position: 50% 50%; margin: 0 auto 1.25rem 0; }
  .product-complete .item .logo { height: 56px; width: auto; display: block; margin: 0 0 20px; }
  .product-complete .item h4 { font-size: 1.25rem; line-height: 1.6em; margin: 0 0 4px; }
  .product-complete .item span.large-title { display: block; color: #232933; font-size: 48px; line-height: 56px; font-weight: 500; margin: 0; }
  .product-complete .item .more, .product-complete .item .link-more { display: block; color: #4B61DD; position: absolute; left: 0; bottom: -1.25rem; opacity: 0; transition: all .4s ease; }
  .product-complete .item .more img, .product-complete .item .link-more img { display: inline-block; vertical-align: middle; width: 1.5rem; height: 0.5rem; margin-left: 0.5rem; }
  .product-complete .item.no-anchor .item__wrap:before { text-align: left; display: none; }
  .product-complete .item.no-anchor .item__wrap { position: relative; padding-left: 80px; }
  .product-complete .item.no-anchor .icon { top: calc(50% - 10px); left: 16px; position: absolute; }
  .product-complete .item.text-center .icon { margin: 0 auto 1.25rem; }
  .product-complete--home .product-complete__desc { margin-bottom: 24px; }
  .product-complete--about { padding-top: 0; padding-bottom: 0; }
  .product-complete--about .item-container { padding-top: 0; }
  .product-complete--about-alt { padding-top: 80px; padding-bottom: 80px; background: #F9FAFB; }
  .product-complete--about-alt .product-complete__title { margin-bottom: 64px; }
  .product-complete--about-alt .item-container { padding-top: 0; padding-bottom: 0; }
  .product-complete--about-alt .item__wrap { padding-left: 8px; padding-right: 8px; }
  .product-complete--about-alt .item__wrap::before { background: #F9FAFB; }
  .product-itegrate { padding: 5rem 0; }
  .product-itegrate .col-md-3 { position: relative; }
  .product-itegrate .col-md-3:nth-child(1) { z-index: 3; }
  .product-itegrate__title { position: relative; z-index: 5; margin-bottom: 1.5rem; }
  .product-itegrate__top-cta { position: relative; z-index: 5; }
  .product-itegrate__bottom-cta { display: none; }
  .product-itegrate .slider-container { position: relative; margin-right: -50vw; }
  .product-itegrate .slider-container .slider { position: relative; }
  .product-itegrate .slider-container .slider:after { z-index: 2; content: ""; display: block; position: absolute; width: 200%; height: calc(100% + 30px); top: 0; left: -200%; background: #FFFFFF; }
  .product-itegrate .slider { width: calc(392px + 1.5rem); }
  .product-itegrate .slider.owl-carousel .owl-stage-outer { overflow: visible; }
  .product-itegrate .slider:not(.owl-carousel) { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
  .product-itegrate .slider:not(.owl-carousel) .slider-item { max-width: 392px; }
  .product-itegrate .slider-item { padding: 2rem; background: #F9FAFB; border-radius: 0.5rem; margin-right: 1.5rem; }
  .product-itegrate .slider-item .logo { display: block; height: 3.125rem; width: auto; margin: 0 0 1.5rem; }
  .product-itegrate .slider-item h4 { margin-bottom: 0.5rem; }
  .product-itegrate .owl-dots { z-index: 4; text-align: left; left: -100%; bottom: 1rem; }
  .product-itegrate .owl-dot span { background: #D0D6DD; }
  .product-testi-title { padding-top: 80px; padding-bottom: 48px; }
  .product-testi-title--pricing { background: #F2F4F7; }
  .product-testi, .block-testi { padding: 48px 0; position: relative; }
  .product-testi:before, .block-testi:before { content: ""; display: block; width: 78vw; height: 100%; position: absolute; top: 0; left: 0; background: #F2F4F7; }
  .product-testi__sub, .block-testi__sub { display: block; color: #626B79; margin: 0 0 8px; }
  .product-testi .more, .block-testi .more { display: inline-block; color: #4B61DD; transition: all .4s ease; }
  .product-testi .more img, .product-testi .more svg, .block-testi .more img, .block-testi .more svg { display: inline-block; vertical-align: middle; width: 1.5rem; height: 0.5rem; margin-left: 0.5rem; }
  .product-testi .more:hover, .block-testi .more:hover { color: #4B61DD; text-decoration: underline; }
  .product-testi .list-item, .block-testi .list-item { display: block; }
  .product-testi .list-item:not(:first-child), .block-testi .list-item:not(:first-child) { margin-top: 3rem; }
  .product-testi .list-item .item, .block-testi .list-item .item { position: relative; padding-left: 64px; margin-bottom: 40px; }
  .product-testi .list-item .item .icon, .block-testi .list-item .item .icon { position: absolute; top: 0; left: 0; object-fit: contain; object-position: 50% 50%; }
  .product-testi .list-item .item span, .block-testi .list-item .item span { display: block; color: #232933; }
  .product-testi .list-item .item .number, .block-testi .list-item .item .number { font-size: 3rem; line-height: 1.167em; font-weight: 500; }
  .product-testi .owl-dots, .block-testi .owl-dots { text-align: left; padding: 0 42px; bottom: 3rem; }
  .product-testi .owl-dot span, .block-testi .owl-dot span { background-color: #FFFFFF; opacity: 0.3; }
  .product-testi .owl-dot.active span, .block-testi .owl-dot.active span { opacity: 1; background-color: #FFFFFF; }
  .product-testi .testi, .block-testi .testi { background: #10253E; color: #FFFFFF; margin-left: 6px; margin-right: 6px; border-radius: 0.5rem; }
  .product-testi .testi .logo, .block-testi .testi .logo { margin-bottom: 2rem; }
  .product-testi .testi .logo img, .block-testi .testi .logo img { display: block; height: 2rem; width: auto; }
  .product-testi .testi .quote p, .block-testi .testi .quote p { font-size: 1.5rem; line-height: 1.333em; font-weight: 500; margin-bottom: 1.5rem; }
  .product-testi .testi .quote span, .block-testi .testi .quote span { display: block; font-size: 0.875rem; line-height: 1.429em; margin-bottom: 4px; }
  .product-testi .testi .quote .name, .block-testi .testi .quote .name { font-weight: 500; }
  .product-testi .testi .more, .block-testi .testi .more { display: block; position: absolute; bottom: 2rem; right: 2.5rem; color: #F5D4CF; }
  .product-testi .testi .more svg path, .block-testi .testi .more svg path { fill: #F5D4CF; }
  .product-testi .testi__img, .block-testi .testi__img { position: relative; width: 100%; padding-top: 42%; }
  .product-testi .testi__img .btn-play, .block-testi .testi__img .btn-play { z-index: 2; display: block; width: 3.75rem; height: 3.75rem; border-radius: 3.75rem; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: 1.5rem; right: 1.5rem; }
  .product-testi .testi__img img, .block-testi .testi__img img { z-index: 1; border-radius: 0.5rem 0.5rem 0 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; }
  .product-testi .testi__body, .block-testi .testi__body { position: relative; padding: 2rem 2.5rem 2rem 2.5rem; border-radius: 0 0 0.5rem 0.5rem; }
  .product-testi .testi__body:before, .block-testi .testi__body:before { content: ""; display: block; width: 100%; height: 2px; position: absolute; top: 0; left: 0; opacity: 0; background: #FFF; }
  .product-testi .owl-item.active .testi__body:before, .block-testi .owl-item.active .testi__body:before { opacity: 1; -webkit-animation: progressBar 6s linear; animation: progressBar 6s linear; }
  .product-testi .owl-item .testi__body, .block-testi .owl-item .testi__body { padding-bottom: 5rem; }
  .product-testi:not([class*="theme-"]) .testi__img .btn-play, .block-testi:not([class*="theme-"]) .testi__img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primary 2s infinite; animation: primary 2s infinite; }
  @-webkit-keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  @keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .product-testi:not([class*="theme-"]) .testi .more, .block-testi:not([class*="theme-"]) .testi .more { color: #A68AF1; }
  .product-testi:not([class*="theme-"]) .testi .more svg path, .block-testi:not([class*="theme-"]) .testi .more svg path { fill: #A68AF1; }
  .product-testi--alt:before, .block-testi--alt:before { background: #10253E; left: auto; right: 0; display: none; }
  .product-testi--alt .product-testi__wrap, .product-testi--alt .block-testi__wrap, .block-testi--alt .product-testi__wrap, .block-testi--alt .block-testi__wrap { position: relative; max-width: 83.333%; padding: 32px 0; margin: 0 auto; }
  .product-testi--alt .product-testi__wrap::before, .product-testi--alt .block-testi__wrap::before, .block-testi--alt .product-testi__wrap::before, .block-testi--alt .block-testi__wrap::before { content: ""; display: block; position: absolute; width: 90%; height: 100%; top: 0; right: 0; background: #10253E; border-radius: 6px; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .product-testi--alt .product-testi__block-img, .product-testi--alt .block-testi__block-img, .block-testi--alt .product-testi__block-img, .block-testi--alt .block-testi__block-img { position: relative; width: 100%; padding-top: 100%; }
  .product-testi--alt .product-testi__block-img img, .product-testi--alt .block-testi__block-img img, .block-testi--alt .product-testi__block-img img, .block-testi--alt .block-testi__block-img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; border-radius: 8px; }
  .product-testi--alt .product-testi__block-img .btn-play, .product-testi--alt .block-testi__block-img .btn-play, .block-testi--alt .product-testi__block-img .btn-play, .block-testi--alt .block-testi__block-img .btn-play { z-index: 2; display: block; width: 3.75rem; height: 3.75rem; border-radius: 3.75rem; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: 1.5rem; right: 1.5rem; }
  .product-testi--alt .owl-item .testi__body, .block-testi--alt .owl-item .testi__body { padding-bottom: 32px; }
  .product-testi--alt .owl-dots, .block-testi--alt .owl-dots { bottom: 8px; padding: 0; margin: 0 -0.375rem; left: 8px; }
  .product-testi--alt .testi .quote, .block-testi--alt .testi .quote { max-width: 80%; }
  .product-testi--alt .testi .quote p, .block-testi--alt .testi .quote p { font-size: 1.5rem; line-height: 1.3333em; margin-bottom: 24px; }
  .product-testi--alt .testi .quote .author, .block-testi--alt .testi .quote .author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .product-testi--alt .testi .quote .author .logo, .block-testi--alt .testi .quote .author .logo { margin: 0; padding-right: 24px; }
  .product-testi--alt .testi .quote .author .content, .block-testi--alt .testi .quote .author .content { padding: 6px 24px; border-left: 1px solid #D0D6DD; }
  .product-testi--alt .testi .more, .block-testi--alt .testi .more { position: relative; bottom: auto; right: auto; margin-top: 24px; }
  .product-testi--alt .testi__body, .block-testi--alt .testi__body { padding: 0 0 32px 0; }
  .product-testi--alt .testi__body:before, .block-testi--alt .testi__body:before { display: none; }
  .product-testi--alt.theme--pricing, .block-testi--alt.theme--pricing { background: #F2F4F7; }
  .product-testi--alt.theme--pricing .testi, .block-testi--alt.theme--pricing .testi { background: transparent; }
  .product-testi--alt.theme--pricing .testi .more, .block-testi--alt.theme--pricing .testi .more { color: #4B61DD; }
  .product-testi--alt.theme--pricing .testi .more .svg path, .block-testi--alt.theme--pricing .testi .more .svg path { fill: #4B61DD; }
  .product-testi--alt.theme--pricing .product-testi__block-img .btn-play, .block-testi--alt.theme--pricing .product-testi__block-img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primaryPulse 2s infinite; animation: primaryPulse 2s infinite; }
  @-webkit-keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  @keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .product-testi--alt.theme--pricing .owl-dot span, .block-testi--alt.theme--pricing .owl-dot span { background: #e2e2e2; opacity: 1; }
  .product-testi--alt.theme--pricing .owl-dot.active span, .block-testi--alt.theme--pricing .owl-dot.active span { background: #4B61DD; border-color: #4B61DD; }
  .product-testi--alt.theme--about, .block-testi--alt.theme--about { background: #fff; margin-top: 80px; padding-top: 80px; padding-bottom: 80px; }
  .product-testi--alt.theme--about span.title, .block-testi--alt.theme--about span.title { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 24px; }
  .product-testi--alt.theme--about::before, .block-testi--alt.theme--about::before { background: #F2F4F7; }
  .product-testi--alt.theme--about .quote-about, .block-testi--alt.theme--about .quote-about { padding-top: 24px; margin-top: 24px; border-top: 1px dashed #B4B4B4; color: #232933; font-size: 14px; line-height: 20px; }
  .product-testi--alt.theme--about .quote-about__name, .block-testi--alt.theme--about .quote-about__name { display: block; margin-bottom: 12px; color: #2B2A35; font-weight: 500; }
  .product-testi--alt.theme--about .testi, .block-testi--alt.theme--about .testi { background: transparent; color: #2B2A35; }
  .product-testi--alt.theme--about .testi .quote, .block-testi--alt.theme--about .testi .quote { max-width: 100%; }
  .product-testi--alt.theme--about .testi .quote p, .block-testi--alt.theme--about .testi .quote p { margin-bottom: 24px; }
  .product-testi--alt.theme--about .testi .more, .block-testi--alt.theme--about .testi .more { color: #4B61DD; }
  .product-testi--alt.theme--about .testi .more .svg path, .block-testi--alt.theme--about .testi .more .svg path { fill: #4B61DD; }
  .product-testi--alt.theme--about .product-testi__block-img .btn-play, .block-testi--alt.theme--about .product-testi__block-img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primaryPulse 2s infinite; animation: primaryPulse 2s infinite; }
  @keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .product-testi--alt.theme--about .owl-dot span, .block-testi--alt.theme--about .owl-dot span { background: #e2e2e2; opacity: 1; }
  .product-testi--alt.theme--about .owl-dot.active span, .block-testi--alt.theme--about .owl-dot.active span { background: #5B37D4; border-color: #5B37D4; }
  .product-testi--alt.theme--about .owl-item .testi__body, .block-testi--alt.theme--about .owl-item .testi__body { padding-bottom: 48px; }
  .product-testi--alt.theme--white .product-testi__wrap::before, .block-testi--alt.theme--white .product-testi__wrap::before { background: #FFF; }
  .product-testi--alt.theme--white .testi, .block-testi--alt.theme--white .testi { background: #FFF; color: #2B2A35; }
  .block-testi { padding: 80px 0; background: #F2F4F7; }
  .block-testi::before { display: none; }
  .product-cta { position: relative; padding: 64px; }
  .product-cta.hbt { border-top: 1px solid #D0D6DD; }
  .product-cta > .container { z-index: 2; position: relative; }
  .product-cta .logomark { display: block; width: 3.25rem; height: 3.25rem; margin: 0 auto 1.25rem; }
  .product-cta__title { margin: 0 -12px 1rem; }
  .product-cta__desc { margin: 0 0 2rem; }
  .product-cta__action { margin: 0 -8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .product-cta__action .btn { margin: 0 8px; }
  .product-cta__action .btn-col { padding-left: 8px; padding-right: 8px; }
  .product-cta__action .btn-col .btn { margin: 0; } }

@media only screen and (min-width: 1025px) and (max-width: 991px) { .product-cta__action + .btn-col { margin-top: 12px; } }

@media only screen and (min-width: 1025px) { .product-cta__img { display: block; position: absolute; height: calc(100% + 5rem); bottom: 0; right: 0; z-index: 1; }
  .product-cta__img img { display: block; height: 100%; width: auto; }
  .product-download { background: #FBFCFC; padding-top: 32px; padding-bottom: 32px; text-align: center; }
  .product-download__title { font-size: 16px; line-height: 24px; margin: 0 0 24px; }
  .product-download__buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -12px; margin-right: -12px; }
  .product-download__buttons .item { display: inline-block; margin-left: 12px; margin-right: 12px; }
  .product-socprof { padding-top: 80px; padding-bottom: 80px; }
  .product-socprof__title { text-align: center; margin-bottom: 48px; }
  .product-socprof .item__number { color: #009BDE; font-size: 48px; line-height: 56px; font-weight: 600; margin-bottom: 4px; }
  .product-socprof .item__title { color: #2B2A35; font-size: 18px; line-height: 28px; font-weight: 600; }
  .product-tabs { padding-top: 80px; }
  .product-tabs__sub { display: block; text-align: center; margin-bottom: 20px; }
  .product-tabs__title { display: block; text-align: center; margin-bottom: 28px; }
  .product-tabs__desc { display: block; text-align: center; margin-bottom: 64px; }
  .product-tabs__nav { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -12px; margin-right: -12px; margin-bottom: 64px; }
  .product-tabs__nav .nav-item { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 12px; padding-right: 12px; }
  .product-tabs__nav .nav-link { display: block; color: #2B2A35; position: relative; padding: 24px; padding-left: 96px; border: 1px solid #E3E3E8; border-radius: 4px; text-decoration: none; }
  .product-tabs__nav .nav-link .ic { display: block; position: absolute; max-width: 56px; height: auto; top: 24px; left: 24px; -webkit-filter: grayscale(1) brightness(0.9); filter: grayscale(1) brightness(0.9); transition: all .3s ease; }
  .product-tabs__nav .nav-link .title { display: block; font-weight: 600; margin-bottom: 12px; }
  .product-tabs__nav .nav-link.active { background: #F2F4F7; border: 1px solid #005FBF; box-shadow: 0px 0px 0px 1px #005fbf; }
  .product-tabs__nav .nav-link.active .ic { -webkit-filter: none; filter: none; }
  .product-tabs .mpay-block:nth-of-type(odd) .item .row:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .product-tabs .mpay-block:nth-of-type(even) { background: #F2F4F7; }
  .video-cover { position: relative; margin-bottom: 80px; }
  .video-cover img { display: block; width: 100%; height: auto; }
  .video-cover .btn-play-alt { display: block; position: absolute; width: 100px; height: 100px; top: calc(50% - 50px); left: calc(50% - 50px); }
  .video-cover .btn-play-alt .bg { z-index: 1; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #FFF; background-image: url("../images/ic-play-blue.svg"); background-repeat: no-repeat; background-position: 53% 33%; background-size: 32px; box-shadow: 0 0 0 rgba(255, 255, 255, 0.4); -webkit-animation: play-alt 2s infinite; animation: play-alt 2s infinite; }
  @-webkit-keyframes play-alt { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
    70% { box-shadow: 0 0 0 28px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  @keyframes play-alt { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
    70% { box-shadow: 0 0 0 28px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  .video-cover .btn-play-alt .text { z-index: 4; display: block; width: 100%; font-size: 14px; line-height: 20px; color: #2B2A35; position: absolute; bottom: 20%; left: 0; text-align: center; }
  .video-cover__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .mpay-block { padding-top: 80px; padding-bottom: 80px; }
  .mpay-block__title { text-align: center; }
  .mpay-block__desc { text-align: center; margin-bottom: 24px; }
  .mpay-block .item__img img { display: block; width: auto; height: auto; max-width: 100%; }
  .mpay-block .item__wrap { padding-top: 30px; padding-bottom: 30px; }
  .block-cta-alt { padding-top: 16px; }
  .block-cta-alt__title { text-align: center; padding-top: 32px; position: relative; }
  .block-cta-alt__title::before { content: ""; display: inline-block; width: 48px; height: 6px; background: #009BDE; top: 0; left: calc(50% - 24px); position: absolute; }
  .block-cta-alt__buttons { text-align: center; padding-top: 20px; }
  .block-cta-alt__buttons .btn { margin-left: 12px; margin-right: 12px; }
  .product-hr-helpdesk { padding-top: 60px; padding-bottom: 80px; }
  .product-hr-helpdesk__img { position: relative; margin-top: -60px; padding: 0 24px 16px; }
  .product-hr-helpdesk__img img { display: block; max-width: 100%; height: auto; }
  .product-hr-helpdesk__title { color: #FFF; margin-bottom: 28px; }
  .product-hr-helpdesk__desc { color: #FFF; margin-bottom: 40px; }
  .product-hr-helpdesk__content { padding-top: 40px; padding-bottom: 40px; }
  .product-hr-helpdesk__box { background: #448AFF; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0; margin-right: 0; border-radius: 12px; }
  .product-hr-helpdesk__buttons { margin-left: -8px; margin-right: -8px; }
  .product-hr-helpdesk__buttons .btn { margin-left: 8px; margin-right: 8px; }
  /* Product - Layer 2*/
  .product-bigimg { padding: 80px 0; }
  .product-bigimg__title { margin-bottom: 16px; }
  .product-bigimg__desc { margin-bottom: 48px; max-width: 680px; margin-left: auto; margin-right: auto; }
  .product-bigimg__img img { display: block; width: 100%; height: auto; object-fit: contain; object-position: 50% 50%; }
  .block-opps__item { padding: 80px 0; }
  .block-opps__item:nth-of-type(even) > .container > .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-opps--revert .block-opps__item:nth-of-type(odd) > .container > .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-opps__plogo { margin-bottom: 16px; }
  .block-opps__plogo img { display: block; height: 56px; width: auto; }
  .block-opps__icon { margin-bottom: 16px; }
  .block-opps__icon img { display: block; }
  .block-opps__sub { display: block; color: #626B79; font-size: 16px; line-height: 24px; margin: 0 0 8px; }
  .block-opps__title { margin-bottom: 16px; }
  .block-opps__img img { display: block; width: 100%; height: auto; }
  .block-opps__desc { margin-bottom: 24px; }
  .block-opps__desc:not(:last-child) { margin-bottom: 40px; }
  .block-center__title { text-align: center; }
  .block-center__desc { text-align: center; margin-bottom: 32px; }
  .block-center__list ul.list-check { margin-bottom: 32px; }
  .block-center__list ul.list-check li { margin-bottom: 16px; }
  .block-center__img img { display: block; width: 100%; height: auto; }
  .block-center__wrap { padding-top: 0; padding-bottom: 80px; }
  .product-whychoose { padding: 80px 0; }
  .product-whychoose__title { margin-bottom: 16px; }
  .product-whychoose__desc { margin-bottom: 48px; }
  .product-whychoose .item__img { margin-bottom: 12px; }
  .product-whychoose .item__title { margin-bottom: 12px; font-weight: 500; color: #2B2A35; }
  .block-haslist { padding: 80px 0; }
  .block-haslist__title { margin-bottom: 16px; }
  .block-haslist__desc { margin-bottom: 48px; }
  .block-haslist .list-check li:last-child { padding-bottom: 0; }
  .block-haslist .list-check:last-child { margin-bottom: 0; }
  /* Contact */
  .contact-cards { padding: 64px 0; }
  .contact-cards .sm-only { display: none; }
  .contact-cards .item .btn-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .contact-cards .item .btn-wrap .btn-col + .btn-col { margin-top: 16px; }
  .contact-cards .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px; text-align: center; background: #F2F4F7; border-radius: 16px; }
  .contact-cards .item__img { margin: 0 0 8px; }
  .contact-cards .item__img img { display: block; width: auto; height: 5rem; margin: 0 auto; }
  .contact-cards .item__title { margin: 0 0 24px; }
  .contact-cards .item__desc { margin: 0 0 32px; }
  .contact-cards .item__desc ul > li { margin: 0 0 0.5rem; }
  .contact-cards .item__desc ul > li:last-child { margin: 0; }
  .contact-cards .item__action .btn--link { color: #005FBF; font-size: 16px; line-height: 24px; font-weight: 400; }
  .contact-cards .item__action ul li { display: block; margin-bottom: 16px; }
  .contact-cards .item--border .item__wrap { background: #FFF; border: 1px solid #D0D6DD; }
  .contact-cards__nav { display: none; }
  .contact-cards .swiper-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .contact-cards .swiper-wrapper .swiper-slide { height: auto; }
  .contact-cards .swiper.swiper-initialized .swiper-wrapper { padding-bottom: 32px; }
  .contact-sub-cards { padding: 24px 0 80px; }
  .contact-sub-cards .sm-only { display: none; }
  .contact-sub-cards__title { text-align: center; font-size: 16px; line-height: 24px; margin-bottom: 12px; }
  .contact-sub-cards .item { text-align: center; position: relative; }
  .contact-sub-cards .item__title { font-size: 20px; line-height: 28px; margin-bottom: 4px; }
  .contact-sub-cards .item__desc { margin-bottom: 12px; }
  .contact-sub-cards .item:after { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #D0D6DD; }
  .contact-sub-cards .item:last-child:after { display: none; }
  .contact-headquarter { padding: 5rem 0 2.5rem; }
  .contact-headquarter__title { text-align: center; }
  .contact-headquarter__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .contact-headquarter .info--img { position: relative; z-index: 2; }
  .contact-headquarter .info { position: relative; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 360px; }
  .contact-headquarter .info:before { content: ""; z-index: 1; display: block; position: absolute; width: 110%; height: 100%; top: 0; right: 0; background: #F2F4F7; border-radius: 16px; }
  .contact-headquarter .info__wrap { position: relative; width: 100%; z-index: 2; padding: 64px 64px 64px 45px; }
  .contact-headquarter .info__map { margin-top: 24px; border-radius: 16px; }
  .contact-headquarter .info__title { margin: 0 0 1rem; }
  .contact-headquarter .info__desc p { margin: 0 0 1rem; }
  .contact-headquarter .info__desc p:last-child { margin: 0; }
  .contact-headquarter .info__desc ul li:not(:last-child) { margin: 0 0 1rem; }
  .contact-headquarter .info__action { padding-top: 2.5rem; }
  .our-offices { padding: 5rem 0; }
  .our-offices__title { text-align: center; }
  .our-offices__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .our-offices .item { margin: 0; width: 100%; max-width: 12.5%; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; }
  .our-offices .item__wrap { text-align: center; padding: 24px 0; border-radius: 0.25rem; }
  .our-offices .item__img { margin: 0 auto 1rem; text-align: center; }
  .our-offices .item__img img { display: inline-block; width: auto; height: 40px; }
  .our-offices .item__title { font-size: 16px; line-height: 24px; margin: 0 0 0.5rem; text-align: center; }
  .our-offices .item__title:last-child { margin: 0; }
  .our-offices .item__desc p { margin: 0 0 0.75rem; }
  .our-offices .item__desc ul li:not(:last-child) { margin: 0 0 0.75rem; }
  .form-meeting { background: #F2F4F7; padding: 5rem; }
  .form-meeting__title { margin: 0 0 1rem; }
  .form-meeting__desc { margin: 0 0 3rem; }
  .form-meeting__img { display: block; margin: 0 0 1.5rem; }
  .form-meeting__box { padding: 2.5rem; background: #FFFFFF; border-radius: 0.25rem; }
  /* solution integration */
  .page-nav .nav-container { margin-top: 0; transition: top .4s ease; }
  .page-nav.fixed .nav-container { z-index: 879; position: fixed; background-color: #FFFFFF; width: 100%; max-width: 100%; top: 56px; }
  .page-nav.fixed .nav-container::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -50%; left: 0; background-color: #FFFFFF; }
  .page-nav.fixed .nav-container .nav-link { padding-top: 12px; padding-bottom: 12px; border-radius: 0; border-bottom: 1px solid #D0D6DD; }
  .page-nav.fixed.show-top .nav-container { top: 96px; }
  .page-nav.sub-nav .nav-tabs .nav-item { min-width: 25%; text-align: center; }
  .page-nav.sub-nav .nav-tabs .nav-link { border-radius: 0; background: #FFF; }
  .page-nav.sub-nav .nav-tabs .nav-link.active { padding-top: 1.0625rem; border-radius: 0; background: #F2F4F7; border-bottom-color: #F2F4F7; }
  .page-integration { padding: 80px 0; background: #F9FAFB; }
  .page-integration .logo-intgrtd { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .page-integration .logo-intgrtd:not(:last-child) { margin-bottom: 18px; }
  .page-integration .logo-intgrtd .img-logo { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .page-integration .logo-intgrtd .img-logo .box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 56px; border-radius: 4px; border: 1px solid #D0D6DD; padding: 0 12px; }
  .page-integration .logo-intgrtd .img-logo img { display: block; width: auto; height: 40px; }
  .page-integration .logo-intgrtd .img-logo:after { content: ""; display: block; width: 52px; height: 11px; background: url(../images/ic-chain.svg); background-repeat: no-repeat; background-position: center; }
  .page-integration .logo-intgrtd .img-logo:last-child:after { display: none; }
  .page-integration .logo-intgrtd .img-logo.alt img { height: 30px; }
  .page-integration__category .select { display: none; }
  .page-integration__category .title { display: block; color: #777777; font-size: 14px; line-height: 20px; text-transform: uppercase; margin: 0 0 16px; }
  .page-integration__category .nav { font-size: 16px; line-height: 24px; font-weight: 500; margin: 0 0 32px; }
  .page-integration__category .nav-item { display: block; }
  .page-integration__category .nav-item:not(:last-child) { margin: 0 0 16px; }
  .page-integration__category .nav-link { display: inline-block; position: relative; color: #2B2A35; }
  .page-integration__category .nav-link:after { content: ""; display: block; width: 0; height: 0; position: absolute; right: -20px; top: calc(50% - 5px); border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #1357FF; display: none; }
  .page-integration__category .nav-link:hover { color: #1357FF; text-decoration: none; }
  .page-integration__category .nav-link.active { color: #1357FF; }
  .page-integration__category .nav-link.active:after { display: block; }
  .page-integration__title { color: #2B2A35; font-size: 32px; line-height: 40px; margin: 0 0 16px; }
  .page-integration__desc { max-width: 808px; margin: 0 0 32px; }
  .page-integration__featured .item__img { margin: 0 0 16px; }
  .page-integration__featured .item__img img { display: block; height: 40px; width: auto; }
  .page-integration__featured .item__title { margin: 0 0 8px; }
  .page-integration__scheme { padding: 80px 0 0; }
  .page-integration__scheme .title { margin: 0 0 24px; }
  .page-integration__scheme .block-scheme { position: relative; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .page-integration__scheme .block-scheme .collapsing { transition: none !important; }
  .page-integration__scheme .block-scheme .dot { display: block; position: relative; fill: #4B61DD; cursor: pointer; }
  .page-integration__scheme .block-scheme .dot-shadow { -webkit-animation: pulseSvg 2s infinite; animation: pulseSvg 2s infinite; }
  .page-integration__scheme .block-scheme .bs-tooltip-top, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] { padding: 0.25rem 0; margin-bottom: 0.25rem; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .tooltip-inner, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .tooltip-inner { max-width: 72px; font-size: 10px; line-height: 12px; padding: 4px 8px; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .arrow, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .arrow { width: 0.5rem; height: 0.25rem; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .arrow::before, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.25rem 0.25rem 0; border-top-color: #000; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] { padding: 7.5px 0; margin-top: 4px; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .tooltip-inner, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner { max-width: 150px; font-size: 10px; line-height: 12px; padding: 8px; background: #FFFFFF; color: #232933; border: 1px solid #D0D6DD; font-weight: 500; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .arrow, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .arrow { width: 15px; height: 7.5px; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .arrow::before, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { top: 1px; border-width: 0 7.5px 7.5px; border-bottom-color: #FFFFFF; border-top-color: #000; }
  .page-integration__scheme .block-scheme .item { transition: all 0.5s ease; }
  .page-integration__scheme .block-scheme .item * { transition: all 0.5s ease; }
  .page-integration__scheme .block-scheme .path { fill: transparent; }
  .page-integration__scheme .block-scheme__img { position: relative; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; background: #FFFFFF; transition: all .4s ease; }
  .page-integration__scheme .block-scheme__img > svg { display: block; margin: 0 auto; width: 600px; height: 500px; border-radius: 4px; }
  .page-integration__scheme .block-scheme__content { opacity: 0; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-right: -50%; transition: all .4s ease; }
  .page-integration__scheme .block-scheme__content .item { padding: 24px 32px; background: #FFFFFF; border: 1.5px solid #4B61DD; border-radius: 4px; box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); min-height: 515px; }
  .page-integration__scheme .block-scheme.active .path.active { stroke: #4B61DD; fill: #4B61DD; }
  .page-integration__scheme .block-scheme.active .item:not(.active) { -webkit-filter: none; filter: none; }
  .page-integration__scheme .block-scheme.active .item:not(.active) circle { fill: #EAEAEA; }
  .page-integration__scheme .block-scheme.active .item:not(.active) .logomark { opacity: 0; }
  .page-integration__scheme .block-scheme.active .item:not(.active) .shd { opacity: 0; }
  .page-integration__scheme .block-scheme.active .block-scheme__img { max-width: calc(50% - 12px); -webkit-flex: 0 0 calc(50% - 12px); -ms-flex: 0 0 calc(50% - 12px); flex: 0 0 calc(50% - 12px); border-radius: 4px; }
  .page-integration__scheme .block-scheme.active .block-scheme__img > svg { height: 515px; }
  .page-integration__scheme .block-scheme.active .block-scheme__content { padding-left: 24px; max-width: calc(50% + 12px); -webkit-flex: 0 0 calc(50% + 12px); -ms-flex: 0 0 calc(50% + 12px); flex: 0 0 calc(50% + 12px); margin-right: 0; opacity: 1; }
  .page-integration__accordion { padding: 80px 0 0; }
  .page-integration__accordion .title { margin: 0 0 24px; }
  .page-integration__accordion ul.list-check:last-child { margin: 0; }
  .page-integration__accordion .accordion--auto-images .img { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .page-integration__partners { padding: 80px 0 0; margin: 0 0 -24px; }
  .page-integration__partners .title { display: block; margin: 0 0 24px; }
  .page-integration__partners .item { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 24px; }
  .page-integration__partners .item__wrap { display: block; height: 100%; color: #626B79; padding: 24px 24px 32px; background: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 8px; box-shadow: 0px 0 0 rgba(0, 0, 0, 0.1); transition: all .4s ease; }
  .page-integration__partners .item__wrap:hover { text-decoration: none; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .page-integration__partners .item__img { margin: 0 0 16px; }
  .page-integration__partners .item__img img { display: block; height: 56px; width: auto; }
  .page-integration__partners .item__title { display: block; margin: 0 0 8px; }
  /* why mekari clients */
  .page-clients { padding: 80px 0; }
  .page-clients.bg-gray { background: #F2F4F7; }
  .page-clients__title { text-align: center; margin-bottom: 48px; }
  .page-clients__title.alignleft { text-align: left; }
  .page-clients__title.has-more { text-align: left; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
  .page-clients__title.has-more .link-more { font-size: 16px; line-height: 24px; font-weight: 400; position: absolute; bottom: 0; right: 40px; }
  .page-clients__filter { margin: 0 -28px 48px; }
  .page-clients__filter form { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; }
  .page-clients__filter .form-group, .page-clients__filter .form-action { display: block; margin: 0; padding: 0 8px; width: 100%; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }
  .page-clients__filter .form-group { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; max-width: 250px; }
  .page-clients__filter .form-action { -webkit-flex-grow: 1.5; -ms-flex-positive: 1.5; flex-grow: 1.5; max-width: 170px; -webkit-flex: 0 0 170px; -ms-flex: 0 0 170px; flex: 0 0 170px; }
  .page-clients__filter .form-action .btn { display: block; width: 100%; }
  .page-clients .posts { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .page-clients .posts .item { margin-bottom: 48px; }
  .page-clients .posts .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 8px; }
  .page-clients .posts .item__img { display: block; position: relative; width: 100%; padding-top: 61.54%; overflow: hidden; border-radius: 8px 8px 0 0; }
  .page-clients .posts .item__img .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1), -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); }
  .page-clients .posts .item__img .logo { display: block; position: absolute; min-height: 32px; left: 24px; bottom: 16px; background: #FFFFFF; border-radius: 4px; padding: 2px 12px; }
  .page-clients .posts .item__img .logo img { display: block; width: auto; height: 42px; }
  .page-clients .posts .item__img:hover .thumb { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .page-clients .posts .item .tag { display: inline-block; padding: 4px 8px; border-radius: 4px; color: #B87CDA; border: 1px solid #B87CDA; font-size: 12px; line-height: 16px; letter-spacing: 0.2px; margin: 0 6px 12px; }
  .page-clients .posts .item__category { margin: 0 -6px 4px; }
  .page-clients .posts .item__title { color: #232933; margin: 0 0 8px; }
  .page-clients .posts .item__title h4 { margin: 0; }
  .page-clients .posts .item__title:hover { color: #232933; text-decoration: none; }
  .page-clients .posts .item__desc { position: relative; }
  .page-clients .posts .item__desc p { margin-bottom: 12px; }
  .page-clients .posts .item__cta { margin-top: auto; margin-left: -16px; margin-right: -16px; padding-top: 32px; }
  .page-clients .posts .item__cta .btn { margin-left: 16px; margin-right: 16px; font-weight: 400; }
  .page-clients .posts .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 24px; }
  .page-clients .posts.posts--featured .item:nth-child(1), .page-clients .posts.posts--featured .item:last-child:not(:nth-child(5)):not(:nth-child(2)) { max-width: 66.666667%; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; }
  .page-clients .posts.posts--featured .item:nth-child(1) .item__img, .page-clients .posts.posts--featured .item:last-child:not(:nth-child(5)):not(:nth-child(2)) .item__img { padding-top: 29.777%; }
  .page-clients .clients { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; margin-bottom: -32px; }
  .page-clients .clients .item { display: none; width: 100%; max-width: 16.666667%; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; margin-bottom: 48px; }
  .page-clients .clients .item.show { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .page-clients .clients .item img { display: block; height: 60px; width: auto; mix-blend-mode: multiply; }
  .page-clients .clients-more { display: block; position: relative; text-align: center; margin-top: -20px; }
  .page-clients .clients-more .btn { position: relative; z-index: 2; }
  .page-clients .clients-more:before { content: ""; z-index: 1; display: block; position: absolute; width: 100%; height: 70px; top: -80px; left: 0; background: linear-gradient(to bottom, rgba(242, 244, 247, 0) 0%, #f2f4f7 70%); }
  /* Service Promise */
  .we-help { padding: 80px 0; }
  .we-help__title { margin-bottom: 1rem; }
  .we-help__desc { margin-bottom: 3rem; }
  .we-help .item { margin: 0 0 32px; }
  .we-help .item__icon { margin: 0 0 8px; }
  .we-help .item__title { margin: 0 0 8px; }
  .we-help .item__desc { margin: 0 0 16px; }
  .we-help .item__img { margin: auto -40px -32px; }
  .we-help .item__img img { display: block; width: 100%; height: auto; }
  .we-help .item__wrap { background: #FFFFFF; padding: 32px 40px; border-radius: 4px; border: 1px solid #D0D6DD; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
  /* Service Promise - Detail */
  .sp-detail .nav-tabs--main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .sp-detail .nav-tabs--main::before { display: none; }
  .sp-detail .nav-tabs--main .icon { display: inline-block; width: 24px; height: 24px; object-fit: contain; object-position: 50% 50%; }
  .sp-detail .nav-tabs--main .nav-link { display: block; position: relative; color: #2B2A35; font-weight: 500; padding: 14px 16px; border: 0; background: transparent; }
  .sp-detail .nav-tabs--main .nav-link:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: #5B37D4; opacity: 0; }
  .sp-detail .nav-tabs--main .nav-link.active::after { opacity: 1; }
  .sp-detail .nav-tabs--main .nav-item { padding: 0 8px; }
  .sp-detail .nav-tabs--list { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sp-detail .nav-tabs--list::before { display: none; }
  .sp-detail .nav-tabs--list .nav-link { display: block; position: relative; width: 100%; padding: 12px 48px; color: #FFFFFF; border: 0; background: transparent; }
  .sp-detail .nav-tabs--list .nav-link::after { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: calc(50% - 12px); right: 16px; background: url(../images/ic-right.svg) no-repeat; background-size: contain; background-position: center; opacity: 0; transition: all .4s ease; }
  .sp-detail .nav-tabs--list .nav-item { display: block; width: 100%; }
  .sp-detail .nav-tabs--list .nav-item.active .nav-link { background: #0255A9; font-weight: 500; }
  .sp-detail .nav-tabs--list .nav-item.active .nav-link::after { opacity: 1; }
  .sp-detail .sticky-nav { min-height: 52px; }
  .sp-detail .sticky-nav .container { transition: top .4s ease; }
  .sp-detail .sticky-nav.fixed .container { z-index: 870; position: fixed; background-color: #FFFFFF; width: 100%; max-width: 100%; top: 56px; }
  .sp-detail .sticky-nav.fixed .container::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -50%; left: 0; background-color: #FFFFFF; }
  .sp-detail .sticky-nav.fixed.show-top .container { top: 96px; }
  .sp-detail .block-content--main .block-pane__blocks > .container > .row { margin-left: -28px; margin-right: -28px; }
  .sp-detail .block-content--main .block-pane__blocks > .container > .row > .col-lg-6 { padding-left: 28px; padding-right: 28px; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block:nth-child(even) > .container > .row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block:last-child { padding-bottom: 40px; }
  .guidebook-list { background: #F2F4F7; padding: 0 0 80px; }
  .guidebook-list__title { text-align: center; }
  .guidebook-list .nav-tabs--list { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .guidebook-list .nav-tabs--list::before { display: none; }
  .guidebook-list .nav-tabs--list .nav-link { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; padding: 12px 32px; color: #FFFFFF; border: 0; background: transparent; }
  .guidebook-list .nav-tabs--list .nav-link::after { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: calc(50% - 12px); right: 16px; background: url(../images/ic-arror-right-flex.svg) no-repeat; background-size: contain; background-position: center; opacity: 0; transition: all .4s ease; }
  .guidebook-list .nav-tabs--list .nav-item { display: block; width: 100%; color: #FFFFFF; }
  .guidebook-list .nav-tabs--list .nav-item.active .nav-link { background: #0255A9; font-weight: 500; }
  .guidebook-list .nav-tabs--list .nav-item.active .nav-link::after { opacity: 1; }
  .guidebook-list .nav-tabs--list .nav-item.nav-item--action { padding: 64px 32px 0; font-weight: 400; }
  .guidebook-list .nav-tabs--list .nav-item.nav-item--action p { font-size: 14px; line-height: 20px; margin-bottom: 12px; }
  .guidebook-list > .container > .row { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .guidebook-list .nav-container__title { padding: 0 32px; margin: 0 0 24px; color: #FFFFFF; }
  .guidebook-list .block-items { margin-bottom: -24px; }
  .guidebook-list .block-items .item { margin-bottom: 24px; }
  .guidebook-list .block-items .item__icon { margin-bottom: 16px; }
  .guidebook-list .block-items .item__icon img { display: block; height: 48px; width: auto; }
  .guidebook-list .block-items .item__title { margin-bottom: 8px; }
  .guidebook-list .block-items .item__wrap { display: block; color: #626B79; padding: 24px; border: 1px solid #D0D6DD; border-radius: 8px; }
  .guidebook-list .block-items .item__wrap:hover { color: #626B79; text-decoration: none; border-color: transparent; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .guidebook-list .vendor-list { margin-left: -8px; margin-right: -8px; width: auto; }
  .guidebook-list .vendor-list .item { display: block; width: 100%; padding: 0 8px; }
  .guidebook-list .vendor-list .item img { display: block; width: 100%; height: auto; border: 1px solid #D0D6DD; }
  .guidebook-list .vendor-list .item img + img { margin-top: 16px; }
  .guidebook-list .vendor-list > .item:last-child:first-child { max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -8px; }
  .guidebook-list .vendor-list > .item:last-child:first-child img { width: 50%; }
  .guidebook-list .vendor-list > .item:last-child:first-child img + img { margin-top: 0; margin-left: 16px; }
  .guidebook-list .vendor-list .owl-dots { bottom: -18px; }
  .guidebook-list .vendor-list .owl-dots .owl-dot span { background: #E2E2E2; }
  .guidebook-list .vendor-list .owl-dots .owl-dot.active span { background: #4B61DD; }
  .guidebook-list .tab-content { padding: 32px; background: #FFFFFF; width: 100%; }
  .guidebook-list .tab-pane__desc { margin-bottom: 24px; }
  .guidebook-list__nav { padding-right: 0 !important; }
  .guidebook-list__nav-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 32px 0; background: #4B61DD; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
  .guidebook-list__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding-left: 0 !important; min-height: 563px; }
  .guidebook-list.theme--mekariflex { background: transparent; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item.active .nav-link { background: #FFFFFF; border-radius: 0; position: relative; color: #8641FF; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item.active .nav-link .svg path { fill: #8641FF; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item .nav-link .icon { margin-right: 20px; }
  .guidebook-list.theme--mekariflex .guidebook-list__nav-wrap { background: #8641FF; }
  .guidebook-list.theme--mekariflex .tab-content { background: #F2F4F7; }
  .guide-block__box { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; background: #FFF; border-radius: 4px; }
  .guide-block__side { display: block; width: 100%; max-width: 26.798%; -webkit-flex: 0 0 26.798%; -ms-flex: 0 0 26.798%; flex: 0 0 26.798%; background: #4B61DD; padding: 40px; }
  .guide-block__side-title { font-size: 20px; line-height: 32px; color: #FFF; margin: 0 0 32px; }
  .guide-block__nav .item { position: relative; padding-top: 8px; padding-bottom: 8px; color: #FFF; margin: 0 0 16px; font-size: 14px; line-height: 20px; cursor: pointer; }
  .guide-block__nav .item__title { font-weight: 500; }
  .guide-block__nav .item::before { content: ""; display: block; width: calc(100% + 16px); height: 2px; left: -8px; bottom: 0; position: absolute; background: #FFF; max-width: 0; transition: all .3s ease-in; }
  .guide-block__nav .item.active::before { max-width: calc(100% + 16px); }
  .guide-block__main { display: block; position: relative; width: 100%; max-width: 73.202%; -webkit-flex: 0 0 73.202%; -ms-flex: 0 0 73.202%; flex: 0 0 73.202%; }
  .guide-block__main-title { font-size: 20px; line-height: 28px; margin: 0 0 40px; }
  .guide-block__main .tab-pane { padding: 32px 40px; min-height: 600px; }
  .guide-block__main .tab-pane-nav { display: none; }
  .guide-block__wrap { padding-top: 64px; padding-block: 64px; }
  .guide-block .gb-pane { display: block; width: 100%; }
  .guide-block .gb-pane__image { margin: 0 auto 8px; display: block; }
  .guide-block .gb-pane__image img { display: block; margin: 0 auto; }
  .guide-block .gb-pane__desc { max-width: 480px; margin: 0 auto 24px; text-align: center; }
  .guide-block .gb-pane__action { text-align: center; }
  .guide-block .gb-pane--items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; width: calc(100% + 24px); }
  .guide-block .gb-pane .item { position: relative; display: block; padding-left: 12px; padding-right: 12px; width: 100%; max-width: 33.333%; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; margin-bottom: 24px; }
  .guide-block .gb-pane .item__img { display: block; margin: 0 0 24px; }
  .guide-block .gb-pane .item__img img { display: block; width: auto; height: 48px; }
  .guide-block .gb-pane .item__title { font-size: 20px; line-height: 28px; margin: 0 0 12px; }
  .guide-block .gb-pane .item__desc { color: #626B79; }
  .guide-block .gb-pane .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 32px 24px; background: #FFF; border: 1px solid #D0D6DD; border-radius: 8px; color: #626B79; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.05); transition: all .3s ease-in; }
  .guide-block .gb-pane .item__wrap:hover { text-decoration: none; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  /* About */
  .history-about { background: #10253E; position: relative; padding: 80px 0; }
  .history-about__sub { display: block; color: #2B2A35; margin-bottom: 8px; }
  .history-about__title { display: block; margin-bottom: 16px; }
  .history-about__desc { display: block; }
  .history-about__box { z-index: 3; position: relative; background: #FFFFFF; border-radius: 4px; padding: 40px; margin-right: 16px; }
  .history-about > .container { position: relative; }
  .ht-back { display: block; position: absolute; height: calc(100% - 40px); left: 0; top: 0; z-index: 2; background: #10253E; }
  .history-timeline { z-index: 1; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; overflow-x: auto; padding-bottom: 72px; }
  .history-timeline::-webkit-scrollbar { width: 14px; height: 14px; background-color: #F9F9F9; }
  .history-timeline::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); background-color: #F5F5F5; }
  .history-timeline::-webkit-scrollbar-thumb { background-color: #5ED2FA; border-radius: 0; border: 0; }
  .history-timeline__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; min-width: 150%; }
  .history-timeline .item { z-index: 1; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; color: #FFFFFF; padding-right: 40px; min-width: 350px; }
  .history-timeline .item::before { content: ""; display: block; width: 16px; height: 16px; background-color: #5ED2FA; border-radius: 8px; position: absolute; bottom: 0; left: 0; }
  .history-timeline .item:not(:last-child)::after { content: ""; display: block; width: 100%; height: 1px; background-color: #5ED2FA; position: absolute; bottom: 7px; left: 0; }
  .history-timeline .item__content { display: block; width: 100%; }
  .history-timeline .item__content span.large { color: #FFFFFF; display: block; font-size: 32px; line-height: 40px; font-weight: 500; margin: 0; }
  .history-timeline .item__year { display: block; width: 100%; padding: 32px 0; font-size: 20px; line-height: 32px; font-weight: 500; }
  .history-timeline .item--filler { max-width: 500px; width: 500px; }
  .leadership-team { padding: 80px 0; }
  .leadership-team__sub { display: block; text-align: center; margin: 0 0 8px; }
  .leadership-team__title { text-align: center; margin: 0 0 16px; }
  .leadership-team__desc { text-align: center; max-width: 600px; margin: 0 auto 48px; }
  .leadership-team .item { margin: 0 0 48px; }
  .leadership-team .item__img { margin: 0 0 20px; }
  .leadership-team .item__img img { display: block; width: 100%; height: auto; }
  .leadership-team .item__name { margin: 0; }
  .company-values { padding: 80px 0 32px; }
  .company-values__sub { display: block; margin: 0 0 8px; }
  .company-values__title { margin: 0 0 16px; }
  .company-values__desc { max-width: 600px; margin: 0 auto 48px; }
  .company-values .item { margin: 0 0 48px; }
  .company-values .item__img { display: block; margin: 0 0 20px; }
  .company-values .item__img img { display: block; width: 100%; height: auto; }
  .company-values .item__title { margin: 0 0 8px; }
  .company-values .item__title a { display: block; color: #2B2A35; }
  .company-values .item__title a:hover { color: #4B61DD; text-decoration: none; }
  .news-about { padding: 80px 0; }
  .news-about .nav-tabs:before { display: none; }
  .news-about .nav-item { border: 0; }
  .news-about .nav-link { border: 0; padding: 14px 18px; border-bottom: 2px solid transparent; font-weight: 500; color: #2B2A35; opacity: 1; transition: all .3s ease; }
  .news-about .nav-link:hover { opacity: 0.6; }
  .news-about .nav-link.active { color: #4B61DD; border-bottom-color: #4B61DD; }
  .news-about .nav-tabs .nav-link { background: transparent; }
  .news-about__sub { display: block; text-align: center; margin-bottom: 8px; }
  .news-about__title { display: block; text-align: center; margin-bottom: 24px; }
  .news-about__press { padding: 24px 0 0; max-width: 856px; margin: 0 auto; }
  .news-about__press .item__wrap { z-index: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 24px; background: #FFFFFF; box-shadow: 0px 0px 0px rgba(180, 188, 208, 0.75); border-radius: 4px; transition: all .4s ease; }
  .news-about__press .item__img { display: block; width: 100%; max-width: 80px; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
  .news-about__press .item__img img { display: block; width: 80px; height: 80px; object-fit: contain; object-position: 50% 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; transition: all .4s ease; }
  .news-about__press .item__title { display: block; font-weight: 500; color: #2B2A35; font-size: 16px; line-height: 24px; }
  .news-about__press .item__title:hover { text-decoration: none; }
  .news-about__press .item__meta { color: #232933; display: block; padding-top: 8px; font-size: 14px; line-height: 20px; }
  .news-about__press .item__content { padding-left: 24px; }
  .news-about__press .item:hover .item__wrap { z-index: 1; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); text-decoration: none; }
  .news-about__press .item:hover .item__img img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .news-about__press .item:hover .item__title { color: #4B61DD; }
  .news-about__press .item-more { padding-top: 24px; }
  .news-about__berita { padding: 24px 0 0; }
  .news-about__berita .item { margin: 0 0 48px; }
  .news-about__berita .item__img { position: relative; width: 100%; padding-top: 45%; display: block; margin: 0 0 16px; background: #F9FAFB; border-radius: 4px; overflow: hidden; }
  .news-about__berita .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: none; transform: none; transition: all .3s ease; }
  .news-about__berita .item__img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .news-about__berita .item__title { margin: 0 0 8px; display: block; color: #2B2A35; font-weight: 500; }
  .news-about__berita .item__title:hover { color: #4B61DD; text-decoration: none; }
  .news-about__berita .item__meta { padding-top: 8px; font-size: 14px; line-height: 20px; }
  .sfaq { padding-top: 48px; padding-bottom: 24px; }
  .sfaq .item { display: block; margin-bottom: 24px; }
  .sfaq .item__wrap { display: block; position: relative; padding: 40px 40px 48px; background: #F2F4F7; border-radius: 4px; }
  .sfaq .item:nth-child(2):last-child { padding-top: 32px; }
  .sfaq.has-3-items .item:nth-child(2) { padding-top: 100px; margin-bottom: -100px; }
  /* Career - Mekari Next Level */
  .why-nl__wrap { padding-top: 80px; }
  .why-nl__title { text-align: center; max-width: 715px; margin: 0 auto 16px; }
  .why-nl__desc { text-align: center; max-width: 715px; margin: 0 auto 52px; }
  .why-nl .block__title { margin-bottom: 20px; }
  .why-nl .block__img img { width: 100%; height: auto; }
  .why-nl .block__wrap { padding-top: 64px; padding-bottom: 64px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .why-nl .block-contents .block:nth-child(even) .block__wrap { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-roles__title { max-width: 600px; margin: 0 auto 20px; text-align: center; }
  .block-roles__desc { max-width: 600px; margin: 0 auto 56px; text-align: center; }
  .block-roles__wrap { padding-top: 80px; }
  .block-roles .item { position: relative; margin-bottom: 48px; cursor: pointer; }
  .block-roles .item__img img { display: block; width: auto; height: 160px; margin: 0 auto; }
  .block-roles .item__title { font-size: 20px; line-height: 28px; font-weight: 500; color: #2B2A35; text-align: center; padding: 20px; }
  .block-roles .item:hover .item__title { text-decoration: underline; }
  .block-intern { padding-top: 80px; padding-bottom: 80px; }
  .block-intern__title { text-align: center; max-width: 715px; margin: 0 auto 20px; }
  .block-intern__desc { text-align: center; max-width: 715px; margin: 0 auto 55px; }
  .block-intern__list .item { position: relative; margin-bottom: 32px; }
  .block-intern__list .item__img { position: absolute; top: 0; left: 0; }
  .block-intern__list .item__img img { display: block; width: 56px; height: 56px; object-fit: contain; object-position: center; }
  .block-intern__list .item__title { font-size: 18px; line-height: 28px; font-weight: 500; }
  .block-intern__list .item__wrap { position: relative; padding-left: 84px; }
  .block-intern__box .box { padding-left: 24px; }
  .block-intern__box .box__title { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 26px; }
  .block-intern__box .box__list { margin-bottom: 0; }
  .block-intern__box .box__wrap { padding: 32px 40px; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); background: #FFF; border-radius: 8px; }
  .block-applicants { padding-top: 80px; padding-bottom: 64px; }
  .block-applicants__title { text-align: center; max-width: 715px; margin: 0 auto 20px; }
  .block-applicants__desc { text-align: center; max-width: 715px; margin: 0 auto 55px; }
  .block-applicants .steps { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding: 32px 0; }
  .block-applicants .steps .item { position: relative; min-height: 360px; width: calc((100% - 580px)/7); transition: all .3s linear; }
  .block-applicants .steps .item__step { color: #2B2A35; font-size: 18px; line-height: 28px; font-weight: 500; }
  .block-applicants .steps .item__icon img { display: block; height: 48px; width: auto; }
  .block-applicants .steps .item__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .block-applicants .steps .item__body { padding-top: 48px; }
  .block-applicants .steps .item__body a { color: #4B61DD; text-decoration: underline; }
  .block-applicants .steps .item__wrap { display: none; padding: 42px 32px; width: 580px; min-height: 360px; border-radius: 8px; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1), 0 0 0 rgba(119, 119, 119, 0.2); transition: all .3s ease; }
  .block-applicants .steps .item__nav { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 10px; left: 0; height: calc(100% - 20px); width: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 32px 16px 48px; cursor: pointer; }
  .block-applicants .steps .item__nav span { position: relative; display: block; color: #2B2A35; font-size: 18px; line-height: 20px; font-weight: 500; }
  .block-applicants .steps .item__nav .no { margin-bottom: auto; }
  .block-applicants .steps .item__nav .title { -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
  .block-applicants .steps .item.active { width: 580px; }
  .block-applicants .steps .item.active .item__nav { display: none; }
  .block-applicants .steps .item.active .item__wrap { display: block; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .cta-nl { background: #F2F4F7; }
  .cta-nl__img { position: relative; width: 100%; padding-top: 65%; }
  .cta-nl__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
  .cta-nl__logo { margin-bottom: 20px; }
  .cta-nl__logo img { display: block; height: 80px; width: auto; }
  .cta-nl__buttons { padding-top: 32px; }
  .cta-nl__content { max-width: 70%; margin: 48px auto 48px 15%; }
  /* Single */
  .single article { margin-bottom: 62px; }
  .single article .blockquote { padding: 24px; border: 2px solid #4B61DD; background: #EDF6FB; border-radius: 4px; margin: 32px 0; }
  .single article .blockquote:last-child { margin-bottom: 0; }
  .single article .block-note { padding-left: 16px; border-left: 4px solid #4B61DD; margin: 32px 0; }
  .single article .block-note *:last-child { margin-bottom: 0; }
  .single article .block-note:last-child { margin-bottom: 0; }
  .single article p { font-size: 16px; line-height: 28px; letter-spacing: 0.008em; color: #232933; }
  .single article p > img { display: block; maxw-width: 100%; height: auto; margin-top: 40px; margin-bottom: 40px; }
  .single .table-responsive { max-width: 100%; overflow: auto; }
  .single .tg { border-collapse: collapse; width: 100%; margin: 0 0 24px; }
  .single .tg td { border-color: #D0D6DD; border-style: solid; border-width: 1px; font-size: 14px; overflow: hidden; padding: 12px; word-break: normal; }
  .single .tg th { border-color: #D0D6DD; border-style: solid; border-width: 1px; font-size: 14px; font-weight: 600; overflow: hidden; padding: 10px 5px; word-break: normal; }
  .single .tg .tg-0lax { text-align: left; vertical-align: top; }
  .single .meta { font-size: 12px; line-height: 20px; color: #626B79; display: block; margin-bottom: 16px; letter-spacing: 2px; text-transform: uppercase; }
  .single .meta a { color: #626B79; text-decoration: underline; }
  .single .meta a:hover { color: #4B61DD; }
  .single .share__title { color: #626B79; font-size: 12px; line-height: 20px; display: block; margin-bottom: 12px; }
  .single .share__items { display: block; font-size: 0; line-height: 0; margin-left: -4px; margin-right: -4px; margin-bottom: 16px; }
  .single .share__items:last-child { margin-bottom: 0; }
  .single .share__items .item { display: inline-block; margin: 0 4px 8px; }
  .single .share__items .item img { display: block; height: 40px; width: 40px; object-fit: contain; object-position: 50% 50%; }
  .single .author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; padding: 16px 0; margin-bottom: 16px; }
  .single .author__img { width: 100%; max-width: 48px; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; }
  .single .author__img img { display: block; width: 48px; height: 48px; border-radius: 24px; }
  .single .author__content { width: 100%; max-width: calc(100% - 48px); -webkit-flex: 0 0 calc(100% - 48px); -ms-flex: 0 0 calc(100% - 48px); flex: 0 0 calc(100% - 48px); padding-left: 16px; }
  .single .author__content span { font-size: 12px; line-height: 1.5em; letter-spacing: 0.08px; color: #545465; font-weight: 500; }
  .single .form-subscribe { margin-top: 60px; padding: 24px; border-radius: 4px; background: #F8FAFC; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); }
  .single .form-subscribe__img { margin-bottom: 20px; }
  .single .form-subscribe__img img { display: block; width: 100%; height: auto; }
  .single .form-subscribe__title { font-size: 20px; line-height: 32px; margin-bottom: 16px; }
  .single .form-subscribe label { display: block; font-size: 14px; line-height: 1.5em; margin-bottom: 4px; font-weight: 500; color: #232933; }
  .single .form-subscribe .form-control { font-size: 12px; line-height: 20px; height: 36px; padding: 8px 12px; }
  .single .form-subscribe .form-group { padding-bottom: 20px; }
  .single .form-subscribe .form-action { padding-top: 8px; text-align: right; }
  .single .form-subscribe .form-action .btn { font-size: 14px; line-height: 20px; padding: 7px 16px; }
  .single__related .item { margin-bottom: 24px; }
  .single__related .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #D0D6DD; }
  .single__related .item__img { position: relative; display: block; width: 100%; max-width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
  .single__related .item__img .img { position: relative; display: block; width: 100%; padding-top: 100%; overflow: hidden; }
  .single__related .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: none; transform: none; transition: all .4s ease; }
  .single__related .item__img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .single__related .item__content { display: block; width: 100%; max-width: calc(100% - 120px); -webkit-flex: 0 0 calc(100% - 120px); -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); padding-left: 16px; }
  .single__related .item__cat { display: block; font-size: 12px; line-height: 16px; margin-bottom: 4px; }
  .single__related .item__title { display: block; color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; }
  .single__related .item__title:last-child { margin-bottom: 0; }
  /* Static Page */
  .static-page { padding: 48px 0; }
  .static-page__menu ul { display: block; }
  .static-page__menu ul li { margin-bottom: 8px; }
  .static-page__menu ul li a { color: #232933; }
  .static-page__menu ul li a:hover { text-decoration: none; color: #4B61DD; }
  .static-page .accordion.accordion--tc p { margin-bottom: 16px; }
  .static-page .accordion.accordion--tc .eng { margin-top: 48px; font-style: italic; }
  .static-page .accordion.accordion--tc .card { border-bottom: 1px solid #D0D6DD; margin-bottom: 0; }
  .static-page .accordion.accordion--tc .card__header { padding-left: 0; padding-right: 32px; border-bottom: 0; }
  .static-page .accordion.accordion--tc .card__header:after { right: 0; }
  .static-page .accordion.accordion--tc .card__body { padding-top: 0; padding-left: 0; padding-right: 0; margin-top: 0; box-shadow: none; }
  /* Search Result */
  .search-result__title span { color: #5B37D4; }
  .search-result__title:last-child { margin-bottom: 0; }
  .search-result__nav li { display: block; margin-bottom: 16px; }
  .search-result__nav li a { display: inline-block; position: relative; color: #2B2A35; font-weight: 500; text-decoration: none; }
  .search-result__nav li a:after { content: ""; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #5B37D4; margin-left: 12px; opacity: 0; }
  .search-result__nav li a:hover { color: #5B37D4; }
  .search-result__nav li a.active { color: #5B37D4; }
  .search-result__nav li a.active:after { opacity: 1; }
  .search-result .item { padding: 24px 0; border-bottom: 1px solid #D0D6DD; }
  .search-result .item:first-child { padding-top: 0; }
  .search-result .item__title { margin-bottom: 8px; }
  .search-result .item__title > a { display: block; color: #5B37D4; text-decoration: none; }
  .search-result .item__desc { margin: 0; }
  .search-result .item__action { font-size: 14px; line-height: 20px; }
  .search-result .item__action .link-muted:hover { color: #5B37D4; }
  .search-result .item__action:not(:first-child) { padding-top: 16px; }
  .search-result__head { padding-top: 48px; padding-bottom: 48px; }
  .search-result__body { padding-bottom: 80px; }
  /* Security and Compliance */
  .snc-detail .nav-tabs--main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .snc-detail .nav-tabs--main::before { display: none; }
  .snc-detail .nav-tabs--main .icon { display: inline-block; width: 24px; height: 24px; object-fit: contain; object-position: 50% 50%; }
  .snc-detail .nav-tabs--main .nav-link { display: block; position: relative; color: #2B2A35; font-weight: 500; padding: 14px 16px; border: 0; background: transparent; }
  .snc-detail .nav-tabs--main .nav-link:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: #5B37D4; opacity: 0; }
  .snc-detail .nav-tabs--main .nav-link.active::after { opacity: 1; }
  .snc-detail .nav-tabs--main .nav-item { padding: 0 8px; }
  .snc-detail .nav-tabs--list { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .snc-detail .nav-tabs--list::before { display: none; }
  .snc-detail .nav-tabs--list .nav-link { display: block; position: relative; width: 100%; padding: 12px 48px; color: #FFFFFF; border: 0; background: transparent; }
  .snc-detail .nav-tabs--list .nav-link::after { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: calc(50% - 12px); right: 16px; background: url(../images/ic-right.svg) no-repeat; background-size: contain; background-position: center; opacity: 0; transition: all .4s ease; }
  .snc-detail .nav-tabs--list .nav-item { display: block; width: 100%; }
  .snc-detail .nav-tabs--list .nav-item.active .nav-link { background: #0255A9; font-weight: 500; }
  .snc-detail .nav-tabs--list .nav-item.active .nav-link::after { opacity: 1; }
  .snc-detail .sticky-nav { min-height: 52px; }
  .snc-detail .sticky-nav .container { transition: top .4s ease; }
  .snc-detail .sticky-nav.fixed .container { z-index: 870; position: fixed; background-color: #FFFFFF; width: 100%; max-width: 100%; top: 56px; }
  .snc-detail .sticky-nav.fixed .container::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: -50%; left: 0; background-color: #FFFFFF; }
  .snc-detail .sticky-nav.fixed.show-top .container { top: 96px; }
  .snc-detail .block-content--main .block-pane__blocks { position: relative; }
  .snc-detail .block-snc { padding-top: 64px; padding-bottom: 64px; }
  .snc-detail .block-snc__title { text-align: center; margin-bottom: 4px; }
  .snc-detail .block-snc__desc { text-align: center; }
  .snc-detail .snc-compliances { padding-top: 80px; padding-bottom: 32px; }
  .snc-detail .snc-compliances .block-snc__desc { margin-bottom: 44px; }
  .snc-detail .snc-compliances .item { margin-bottom: 32px; }
  .snc-detail .snc-compliances .item__logo { margin-bottom: 16px; }
  .snc-detail .snc-compliances .item__logo img { display: block; height: 96px; width: auto; }
  .snc-detail .snc-compliances .item__title { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
  .snc-detail .snc-compliances .item__desc { margin-bottom: 24px; }
  .snc-detail .snc-compliances .item__buttons { padding-bottom: 8px; }
  .snc-detail .snc-compliances .item__wrap { background: #FFF; border-radius: 4px; border: 1px solid #D0D6DD; padding: 24px; }
  .snc-detail .snc-security { padding-bottom: 24px; }
  .snc-detail .snc-security .block-snc__desc { margin-bottom: 40px; }
  .snc-detail .snc-security .item__icon { margin-bottom: 16px; }
  .snc-detail .snc-security .item__icon img { display: block; height: 40px; width: auto; }
  .snc-detail .snc-security .item__title { margin-bottom: 8px; font-size: 18px; line-height: 28px; }
  .snc-detail .snc-security .item__wrap { padding-right: 32px; margin-bottom: 48px; }
  .snc-detail .snc-privacy .item { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .snc-detail .snc-privacy .item__title { margin-bottom: 20px; }
  .snc-detail .snc-privacy .item__desc { margin-bottom: 24px; }
  .snc-detail .snc-reliability { padding-bottom: 80px; }
  .snc-detail .snc-reliability__title { text-align: center; margin-bottom: 16px; }
  .snc-detail .snc-reliability .product-testi, .snc-detail .snc-reliability .block-testi { padding: 0; }
  .snc-detail .snc-reliability .product-testi.product-testi--alt .testi .quote p, .snc-detail .snc-reliability .block-testi.product-testi--alt .testi .quote p { margin-bottom: 24px; }
  .snc-detail .snc-reliability .product-testi .owl-item .testi__body, .snc-detail .snc-reliability .block-testi .owl-item .testi__body { padding-bottom: 42px; }
  .snc-detail .snc-reliability .product-testi .more, .snc-detail .snc-reliability .block-testi .more { color: #FFF; }
  .snc-detail .snc-reliability .product-testi .more .svg path, .snc-detail .snc-reliability .block-testi .more .svg path { fill: #FFF; }
  .snc-detail .snc-reliability .product-testi .product-testi__block-img .btn-play, .snc-detail .snc-reliability .block-testi .product-testi__block-img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primaryPulse 2s infinite; animation: primaryPulse 2s infinite; }
  @-webkit-keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  @keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .snc-detail .snc-reliability__buttons { text-align: center; padding-bottom: 48px; }
  /* Privacy */
  .privacy-page { padding-top: 64px; padding-bottom: 64px; }
  .privacy-page .sidebar-menu .item { position: relative; border-bottom: 1px solid #D0D6DD; }
  .privacy-page .sidebar-menu .item__link { display: block; color: #232933; padding: 12px 32px 12px 0; }
  .privacy-page .sidebar-menu .item__link.active { color: #5B37D4; font-weight: 500; }
  .privacy-page .sidebar-menu .item__link.active + .sub-item { display: block; }
  .privacy-page .sidebar-menu .item__link:hover { color: #5B37D4; text-decoration: none; }
  .privacy-page .sidebar-menu .item:first-child { border-top: 1px solid #D0D6DD; }
  .privacy-page .sidebar-menu .sub-item { padding: 4px 0; display: none; }
  .privacy-page .sidebar-menu .sub-item__link { display: block; position: relative; color: #232933; padding: 0 32px; margin-bottom: 20px; }
  .privacy-page .sidebar-menu .sub-item__link:after { content: ""; display: none; position: absolute; width: 20px; height: 20px; right: 0; top: 2px; background: url(../images/ic-caret-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }
  .privacy-page .sidebar-menu .sub-item__link.active { color: #5B37D4; font-weight: 500; }
  .privacy-page .sidebar-menu .sub-item__link.active::after { display: block; }
  .privacy-page .sidebar-menu .sub-item__link:hover { color: #5B37D4; text-decoration: none; }
  .privacy-page__article { padding-left: 24px; }
  .privacy-page__article article h1 { display: block; font-size: 48px; line-height: 56px; margin-bottom: 24px; }
  .privacy-page__article article h2 { display: block; font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .privacy-page__article article h3 { display: block; font-size: 18px; line-height: 27px; margin-bottom: 8px; }
  .privacy-page__article article p { color: #2B2A35; margin-bottom: 24px; }
  .privacy-page__article article p:last-child { margin-bottom: 0; }
  /* Blog */
  .masthead--blog .masthead__img { position: relative; padding-top: 52.6%; overflow: hidden; border-radius: 4px; }
  .masthead--blog .masthead__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
  .masthead--blog span.sub { color: #545465; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin-bottom: 4px; }
  .masthead--blog span.sub a { color: #545465; }
  .masthead--blog .masthead__title { font-size: 32px; line-height: 48px; font-weight: 600; color: #2B2A35; margin: 0 0 24px; }
  .masthead--blog .more { color: #4B61DD; }
  .masthead--blog .more:hover { text-decoration: underline; }
  .masthead--blog .masthead__desc { margin-bottom: 24px; }
  .masthead--blog .masthead__author { margin-top: auto; }
  .masthead--blog .masthead__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; text-transform: uppercase; }
  .masthead--blog .masthead__author .by { font-weight: 500; color: #2B2A35; }
  .masthead--blog .masthead__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #2B2A35; margin: 8px 12px; }
  .masthead--blog .owl-nav { display: none; }
  .masthead--blog .owl-dots { bottom: 8px; padding: 0 12px; text-align: center; }
  .masthead--blog .owl-dots .owl-dot span { background-color: #D0D6DD; }
  .masthead--blog .masthead__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .masthead--blog .masthead__wrap { padding-top: 32px; padding-bottom: 32px; }
  .blog-ec__title-box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .blog-ec__title { font-size: 32px; line-height: 48px; margin: auto 0; }
  .blog-ec__items .item__sub { font-size: 12px; line-height: 16px; margin: 0 0 8px; }
  .blog-ec__items .item__sub a { color: #545465; }
  .blog-ec__items .item__title { display: block; }
  .blog-ec__items .item__title h3 { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 0 12px; transition: all .3s ease; }
  .blog-ec__items .item__title:hover { text-decoration: none; }
  .blog-ec__items .item__title:hover h3 { color: #4B61DD; }
  .blog-ec__items .item__desc .more { color: #4B61DD; }
  .blog-ec__items .item__author { margin-top: auto; padding-top: 16px; }
  .blog-ec__items .item__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; text-transform: uppercase; }
  .blog-ec__items .item__author .by { font-weight: 500; color: #2B2A35; }
  .blog-ec__items .item__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #2B2A35; margin: 8px 12px; }
  .blog-ec__items .item__wrap { min-height: 256px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .blog-ec__wrap .hr-top { margin: 0 0 32px; }
  .blog-ec__wrap .hr-bot { margin: 32px 0 0; }
  .blog-index { position: relative; }
  .blog-index__title { margin-bottom: 16px; }
  .blog-index__more { position: absolute; top: 16px; right: 48px; }
  .blog-index .posts { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .blog-index .posts .item { margin-bottom: 0; position: relative; }
  .blog-index .posts .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; background: #FFFFFF; padding: 16px; }
  .blog-index .posts .item__img { display: block; position: relative; width: 100%; padding-top: 52.2223%; overflow: hidden; border-radius: 6px; }
  .blog-index .posts .item__img .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1), -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); }
  .blog-index .posts .item__img:hover .thumb { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .blog-index .posts .item .tag { display: inline-block; padding: 4px 8px; border-radius: 4px; color: #B87CDA; border: 1px solid #B87CDA; font-size: 12px; line-height: 16px; letter-spacing: 0.2px; margin: 0 6px 8px; }
  .blog-index .posts .item .cat { display: inline-block; font-size: 12px; line-height: 20px; font-weight: 600; color: #545465; margin: 0 6px 8px; }
  .blog-index .posts .item .cat a { color: #545465; }
  .blog-index .posts .item__category { margin: 0 -6px 0; }
  .blog-index .posts .item__title { color: #232933; margin: 0 0 16px; }
  .blog-index .posts .item__title h3 { font-size: 20px; line-height: 32px; color: #2B2A35; margin: 0; transition: all .3s ease; }
  .blog-index .posts .item__title:hover { text-decoration: none; }
  .blog-index .posts .item__title:hover h3 { color: #4B61DD; }
  .blog-index .posts .item__desc { position: relative; padding-bottom: 16px; }
  .blog-index .posts .item__desc p { margin-bottom: 12px; }
  .blog-index .posts .item__desc .more { color: #4B61DD; }
  .blog-index .posts .item__cta { margin-top: auto; margin-left: -16px; margin-right: -16px; padding-top: 32px; }
  .blog-index .posts .item__cta .btn { margin-left: 16px; margin-right: 16px; font-weight: 400; }
  .blog-index .posts .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 24px 0 0; min-height: 250px; }
  .blog-index .posts .item__author { margin-top: auto; }
  .blog-index .posts .item__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; text-transform: uppercase; }
  .blog-index .posts .item__author .by { font-weight: 500; color: #2B2A35; text-transform: uppercase; }
  .blog-index .posts .item__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #2B2A35; margin: 8px 12px; }
  .blog-index__wrap { padding-top: 64px; padding-bottom: 64px; }
  .blog-index.row-more .posts .item { margin-bottom: 48px; }
  .blog-index.row-more .posts .item__author { border-bottom: 1px solid #D0D6DD; padding-bottom: 16px; }
  .blog-subs__title { font-size: 32px; line-height: 48px; color: #FFF; margin: 0 0 12px; }
  .blog-subs__desc { margin: 0 0 32px; color: #FFF; }
  .blog-subs__form .form-group--inline { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
  .blog-subs__form .form-group--inline .form-group { display: block; width: 100%; padding: 0 8px; }
  .blog-subs__box { background-color: #4B61DD; background-image: url(../images/img-og-03.png); background-position: right bottom; background-repeat: no-repeat; border-radius: 6px; padding: 64px 0; text-align: center; }
  .blog-cta__title { color: #FFF; font-size: 32px; line-height: 48px; margin: 0 0 24px; }
  .blog-cta__content { padding-top: 64px; padding-bottom: 64px; }
  .blog-cta__img { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: -1px; }
  .blog-cta__img img { display: block; width: 100%; height: auto; }
  .blog-cta__box { background-color: #4B61DD; border-radius: 6px; overflow: hidden; }
  .blog-cta__wrap { padding-bottom: 80px; }
  .blog-media .item { display: block; }
  .blog-media .item__img { width: 100%; padding-top: 60%; display: block; position: relative; margin-bottom: 24px; border-radius: 6px; overflow: hidden; }
  .blog-media .item__img .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .blog-media .item__img .play-btn::after { content: ""; display: block; position: absolute; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); border-radius: 40px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }
  @-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  @keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  .blog-media .item__img img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0; }
  .blog-media .item__cat { font-size: 12px; line-height: 16px; display: block; margin-bottom: 8px; }
  .blog-media .item__cat a { color: #545465; }
  .blog-media .item__title { font-size: 20px; line-height: 32px; margin: 0; }
  .blog-media .item__title a { color: #232933; }
  .blog-media .item__title a:hover { text-decoration: none; color: #4B61DD; }
  .blog-media .item__wrap { position: relative; }
  .blog-media__slider { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 48px; }
  .blog-media__slider .item { display: none; }
  .blog-media__slider .item:nth-child(1), .blog-media__slider .item:nth-child(2) { display: block; }
  .blog-media__slider .owl-dots { bottom: 8px; }
  .blog-media__slider:not(.owl-carousel) { margin-left: -12px; margin-right: -12px; }
  .blog-media__slider:not(.owl-carousel) .item { padding-left: 12px; padding-right: 12px; }
  .blog-media__wrap { padding-bottom: 64px; }
  .single--blog .single__img { border-radius: 16px; overflow: hidden; margin: 0 0 40px; }
  .single--blog .single__img img { display: block; width: 100%; height: auto; }
  .single--blog article p { text-align: justify; }
  /* PAGE TABS */
  .page-tabs__title { text-align: center; margin-bottom: 48px; }
  .page-tabs__wrap { padding-top: 64px; padding-bottom: 64px; }
  .page-tabs__nav .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; border: 0; }
  .page-tabs__nav .nav::before { display: none; }
  .page-tabs__nav .nav .nav-item { display: block; width: 100%; margin: 0; padding: 0 12px; }
  .page-tabs__nav .nav .nav-link { display: block; font-size: 24px; line-height: 1.333em; color: #2B2A35; border: 1px solid #E2E2E2; padding: 20px; border-radius: 4px; text-align: center; background: #FFF; opacity: 1; transition: all .3s ease; font-weight: 500; }
  .page-tabs__nav .nav .nav-link small { display: block; font-size: 14px; line-height: 20px; font-weight: 400; }
  .page-tabs__nav .nav .nav-link span { display: block; }
  .page-tabs__nav .nav .nav-link:hover { background: #F2F4F7; text-decoration: none; }
  .page-tabs__nav .nav .nav-link.active { background: #F2F4F7; border-color: #4B61DD; }
  .block-problem__title { text-align: center; margin-bottom: 40px; }
  .block-problem .item__num { font-size: 56px; line-height: 64px; font-weight: 600; color: #8641FF; margin-bottom: 12px; }
  .testi-simple .title { position: relative; font-size: 16px; line-height: 24px; color: #2B2A35; font-weight: 500; margin-bottom: auto; }
  .testi-simple .title::before { content: ""; display: block; position: relative; width: 32px; height: 4px; margin-bottom: 8px; background: #8641FF; }
  .testi-simple__cta { position: relative; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F2F4F7; padding: 32px 24px; width: 100%; max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; border-radius: 8px 0px 16px 8px; }
  .testi-simple__quote { position: relative; display: block; background: #10253E; padding: 40px 48px; width: 100%; max-width: 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; border-radius: 0 8px 8px 0; }
  .testi-simple__quote::before { content: ""; display: block; width: 20px; height: 100%; position: absolute; top: 0; right: 100%; background: #10253E; }
  .testi-simple__quote .quote { font-size: 24px; line-height: 32px; color: #FFFFFF; font-weight: 500; margin-bottom: 48px; }
  .testi-simple__box { display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 8px; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  /* EBOOK */
  .masthead--ebook .masthead__img img { display: block; max-width: 100%; height: auto; }
  .masthead--ebook .masthead__title { font-size: 32px; line-height: 40px; }
  .masthead--ebook .masthead__desc { max-width: 100%; }
  .masthead--ebook .masthead__share { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 48px; }
  .masthead--ebook .masthead__share .title { font-size: 14px; line-height: 40px; text-transform: uppercase; margin-right: 8px; }
  .masthead--ebook .masthead__share .items { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .masthead--ebook .masthead__share .item__link { display: block; padding: 0 2px; opacity: 1; transition: all .3s ease-in-out; }
  .masthead--ebook .masthead__share .item__link:hover { opacity: .5; }
  .ebook-thumbs { padding-top: 48px; padding-bottom: 64px; }
  .ebook-thumbs .item { margin-bottom: 32px; }
  .ebook-thumbs .item__img { display: block; width: 100%; max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; padding-right: 24px; }
  .ebook-thumbs .item__img img { display: block; max-width: 100%; height: auto; }
  .ebook-thumbs .item__title { font-size: 20px; line-height: 28px; font-weight: 600; color: #2B2A35; margin-bottom: 16px; }
  .ebook-thumbs .item__desc { margin-bottom: 16px; }
  .ebook-thumbs .item__content { width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; padding-bottom: 32px; border-bottom: 1px solid #D0D6DD; }
  .ebook-thumbs .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 12px; padding-right: 12px; }
  .ebook-highlight { background: #f8f9fa; }
  .ebook-highlight__img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 500px; }
  .ebook-highlight .items { padding-top: 48px; }
  .ebook-highlight .item__img { margin-bottom: 8px; }
  .ebook-highlight .item__img img { display: block; height: 48px; width: 48px; }
  .ebook-highlight .item__title { font-size: 24px; line-height: 32px; }
  .ebook-highlight__wrap { padding-top: 80px; padding-bottom: 80px; }
  .ebook-insight__img { position: relative; max-width: 350px; margin: 0 auto; margin-bottom: 30px; }
  .ebook-insight__img .slider { background: #FFF; box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2); }
  .ebook-insight__img .slider .owl-nav { display: none; }
  .ebook-insight__img .slider .owl-dots { bottom: -20px; }
  .ebook-insight__img > span { display: block; width: 100%; height: 100%; position: absolute; top: -10px; left: -16px; background: #FFF; box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2); }
  .ebook-insight__img > span:nth-child(1) { top: -20px; left: -32px; }
  .ebook-insight__wrap { padding-top: 80px; padding-bottom: 80px; }
  .ebook-download__title { text-align: center; }
  .ebook-download__desc { text-align: center; margin-bottom: 32px; }
  .ebook-download__buttons { text-align: center; }
  .ebook-download__wrap { padding-top: 80px; padding-bottom: 80px; border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; }
  .ebook-download__share { padding-top: 80px; padding-bottom: 80px; text-align: center; }
  .ebook-download__share .title { font-size: 14px; line-height: 40px; text-transform: uppercase; margin-right: 8px; }
  .ebook-download__share .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .ebook-download__share .item__link { display: block; padding: 0 2px; opacity: 1; transition: all .3s ease-in-out; }
  .ebook-download__share .item__link:hover { opacity: .5; }
  .modal-ebook .modal-content { padding: 60px; }
  .modal-ebook__title { margin-bottom: 16px; font-size: 24px; line-height: 32px; }
  .modal-ebook__desc { margin-bottom: 24px; }
  .block-banner { padding-top: 48px; padding-bottom: 48px; }
  .block-banner__link { display: block; text-decoration: none; }
  .block-banner__img { display: block; position: relative; width: 100%; }
  .block-banner__img img { width: 100%; height: auto; }
  .block-banner__img-sm { display: none; }
  .testinew__title { text-align: center; }
  .testinew__items .item__quote { font-size: 20px; line-height: 28px; font-weight: 500; color: #2B2A35; margin-bottom: 48px; }
  .testinew__items .item__user .author { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .testinew__items .item__user .author__avatar { display: block; width: 100%; max-width: 48px; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; height: 48px; border-radius: 24px; overflow: hidden; }
  .testinew__items .item__user .author__avatar img { display: block; width: 48px; height: 48px; object-fit: cover; }
  .testinew__items .item__user .author__content { display: block; width: 100%; padding-left: 16px; color: #2B2A35; }
  .testinew__items .item__user .author__content .name { display: block; font-weight: 600; }
  .testinew__items .item__user .author__content .job_title { display: block; }
  .testinew__items .item__user .author__logo { display: block; width: 100%; }
  .testinew__items .item__user .author__logo img { display: block; height: 48px; width: auto; margin: 0 0 0 auto; }
  .testinew__items .item .rc__sub { font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 16px; }
  .testinew__items .item .rc__title { font-size: 52px; line-height: 56px; font-weight: 600; margin-bottom: 16px; }
  .testinew__items .item .rc__desc { font-size: 20px; line-height: 28px; font-weight: 600; }
  .testinew__items .item__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; background: #EDF0F2; padding: 32px; min-height: 320px; }
  .testinew__items .item__right { display: block; width: 100%; max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; padding: 32px 24px; background: #4B61DD; color: #FFF; }
  .testinew__items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 4px; overflow: hidden; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .testinew__wrap { padding-top: 32px; padding-bottom: 32px; }
  .ssubs { background: #EDF0F2; }
  .ssubs__wrap { padding-top: 20px; padding-bottom: 20px; }
  .ssubs__socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ssubs__socmed-title { display: inline-block; color: #232933; padding-right: 12px; }
  .ssubs__socmed-items { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ssubs__socmed-items .item { padding-left: 12px; padding-right: 12px; opacity: 1; transition: all .3s ease; }
  .ssubs__socmed-items .item img { display: block; height: 24px; width: auto; }
  .ssubs__socmed-items .item:hover { opacity: 0.5; }
  .ssubs__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ssubs__action-title { color: #232933; padding-right: 24px; display: inline-block; }
  /* WHITEPAPER */
  .block-banner-text__bg { position: absolute; top: 0; left: 12px; height: 100%; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; border-radius: 4px; }
  .block-banner-text__img { margin-top: -35px; position: relative; z-index: 2; }
  .block-banner-text__img img { display: block; width: 50%; height: auto; margin-left: 35%; }
  .block-banner-text__title { font-size: 20px; line-height: 28px; margin: 0 0 16px; }
  .block-banner-text__desc { margin: 0 0 32px; }
  .block-banner-text__content { padding-top: 32px; padding-bottom: 32px; }
  .block-banner-text__box { position: relative; background: #F2F4F7; border-radius: 4px; }
  .block-banner-text__wrap { padding-top: 96px; padding-bottom: 64px; }
  .masthead--whitepaper { background-position: calc(50% + 430px) center; background-color: #F2F4F7; background-size: auto 340px; background-repeat: no-repeat; }
  .masthead--whitepaper .masthead__img img { max-width: 100%; width: auto; height: auto; margin: 0 0 0 auto; }
  .masthead--whitepaper .masthead__socmed { border-top: 1px solid #D0D6DD; padding-top: 8px; position: relative; }
  .masthead--whitepaper .masthead__socmed-sm { display: none; }
  .masthead--whitepaper .socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0 -4px -8xp; }
  .masthead--whitepaper .socmed li { display: inline-block; padding: 0 4px 8px; }
  .masthead--whitepaper .socmed li a { display: block; border-radius: 20px; background: transparent; transition: all .3s ease-in-out; }
  .masthead--whitepaper .socmed li img { display: block; width: 40px; height: 40px; -webkit-filter: grayscale(100); filter: grayscale(100); transition: all .3s ease-in-out; opacity: 0.8; }
  .masthead--whitepaper .socmed li:hover a { background: #F7FBFF; }
  .masthead--whitepaper .socmed li:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .wpp-summ__wrap { padding-top: 64px; padding-bottom: 64px; }
  .wpp-insght { background: #F2F4F7; }
  .wpp-insght__action-sm { display: none; }
  .wpp-insght__wrap { padding-top: 64px; padding-bottom: 64px; }
  .wpp-banner__title { text-align: center; }
  .wpp-banner__desc { text-align: center; max-width: 600px; margin: 0 auto 24px; }
  .wpp-banner__action { text-align: center; margin: 0 auto 24px; }
  .wpp-banner .slider-item img { max-width: 100%; width: 100%; height: auto; }
  .wpp-banner .slider-item img.sm { display: none; }
  .wpp-banner .owl-nav { display: none; }
  .wpp-banner__wrap { padding-top: 64px; padding-bottom: 64px; }
  .wpp-form { background-repeat: no-repeat; background-position: calc(50% - 450px) top; background-size: auto 580px; }
  .wpp-form__title { font-size: 20px; line-height: 28px; }
  .wpp-form form label { font-size: 14px; line-height: 20px; font-weight: 600; }
  .wpp-form .custom-control { padding-left: 24px; }
  .wpp-form .custom-control label { font-weight: 400; }
  .wpp-form .custom-control label a { text-decoration: underline; }
  .wpp-form .custom-control .custom-control-label::before { left: -24px; width: 16px; height: 16px; }
  .wpp-form .custom-control .custom-control-label::after { left: -24px; width: 16px; height: 16px; }
  .wpp-form__wrap { padding-top: 64px; padding-bottom: 64px; }
  .wpp-cards .item__img { min-height: 240px; position: relative; }
  .wpp-cards .item__img img { position: relative; height: 100%; width: auto; object-fit: cover; object-position: center; }
  .wpp-cards .item__title { margin: 0 0 24px; }
  .wpp-cards .item__desc { margin: 0 0 16px; }
  .wpp-cards .item__content { padding: 24px; border-top: 1px solid #D0D6DD; }
  .wpp-cards .item__wrap { border: 1px solid #D0D6DD; border-radius: 4px; }
  .wpp-cards__action { position: absolute; top: 64px; right: 12px; z-index: 2; }
  .wpp-cards__wrap { padding-top: 64px; padding-bottom: 80px; position: relative; }
  /* LOGO MARQUEE */
  .logo-marquee { padding-top: 64px; padding-bottom: 64px; }
  .logo-marquee__title { text-align: center; margin: 0 0 32px; }
  .logo-marquee__group { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: 32px; position: relative; margin: 24px 0 0; }
  .logo-marquee__group::before, .logo-marquee__group::after { content: ""; z-index: 2; display: block; width: 64px; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(89.8deg, #FFFFFF 49.02%, rgba(255, 255, 255, 0) 113.2%); }
  .logo-marquee__group::after { left: auto; right: 0; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); }
  .logo-marquee__group.reverse .logo-marquee__list { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-delay: -3s; animation-delay: -3s; }
  .logo-marquee__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: 32px; min-width: 100%; -webkit-animation: scroll-x 60s linear infinite; animation: scroll-x 60s linear infinite; }
  .logo-marquee__list .item { display: -ms-grid; display: grid; place-items: center; width: calc(100% / 6); }
  .logo-marquee__list .item img { display: block; max-width: 100%; max-height: 56px; width: auto; height: auto; }
  .logo-marquee.bg-gray .logo-marquee__group::before, .logo-marquee.bg-gray .logo-marquee__group::after { background: linear-gradient(89.8deg, #F2F4F7 49.02%, rgba(242, 244, 247, 0) 113.2%); }
  /* BLOCK FORM */
  .block-form__title { font-size: 20px; line-height: 28px; margin: 0 0 24px; }
  .block-form__image img { display: block; width: 100%; height: auto; }
  .block-form__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-form .custom-control { padding-left: 24px; }
  .block-form .custom-control-label { font-size: 14px; line-height: 20px; font-weight: 400; }
  .block-form .custom-control-label a { text-decoration: underline; }
  .block-form .custom-control .custom-control-label::before { left: -24px; width: 16px; height: 16px; }
  .block-form .custom-control .custom-control-label::after { left: -24px; width: 16px; height: 16px; }
  .block-form .form-referral .form-group > label { font-size: 14px; line-height: 20px; font-weight: 500; }
  .block-form .form-referral .form-group { padding-bottom: 20px; } }

@media only screen and (max-width: 1024px) { /* Footer */
  .footer { background: #F2F4F7; }
  .footer__logo { margin: 0 0 2rem; }
  .footer__logo img { display: block; height: 1.875rem; width: auto; }
  .footer .ft-iso { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px; }
  .footer .ft-iso img { display: block; margin: 0 8px 16px; height: 56px; width: auto; }
  .footer .ft-menu { margin: 0 0 24px; }
  .footer .ft-menu .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .footer .ft-menu > ul { display: block; }
  .footer .ft-menu > ul li { display: block; margin: 0 0 8px; }
  .footer .ft-menu > ul li:last-child { margin: 0; }
  .footer .ft-menu > ul a { display: inline-block; color: #626B79; }
  .footer .ft-menu > ul a:hover { text-decoration: none; color: #4B61DD; }
  .footer .ft-menu > ul .tag { display: inline-block; color: #5B37D4; }
  .footer .ft-menu > ul .tag:before { content: "-"; display: inline-block; margin: 0 0.2em; }
  .footer__social { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px 24px; }
  .footer__social a { display: block; margin: 0 12px 24px; opacity: 1; transition: all .4s ease; }
  .footer__social a img { display: block; height: 24px; width: auto; }
  .footer__social a:hover { text-decoration: none; opacity: 0.5; }
  .footer span.copy { display: block; text-align: center; }
  .footer__lang { padding-top: 24px; }
  .footer__lang .item { display: block; position: relative; max-width: 9.625rem; margin-left: auto; }
  .footer__lang .item:after { content: ""; display: block; position: absolute; height: 0.375rem; width: 0.5rem; top: calc(50% - 0.1875rem); right: 0.46875rem; background: url(../images/ic-triangle.svg) no-repeat; background-position: center; background-size: contain; }
  .footer__lang .item a { display: block; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; color: #626B79; font-size: 0.875rem; line-height: 1.5rem; padding: 0 1.875rem; pointer-events: none; transition: all .3s ease; }
  .footer__lang .item a:hover { text-decoration: none; background-color: #F2F4F7; }
  .footer__lang .item a img { display: block; position: absolute; width: 0.9375rem; height: 0.625rem; top: calc(50% - 0.3125rem); left: 0.625rem; }
  .footer__addr-list li { margin: 0 0 16px; }
  .footer__addr-list li span.city { display: block; width: 100%; max-width: 110px; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; color: #232933; font-weight: 600; }
  .footer__addr-list li span.addr { display: block; }
  .footer__addr-list li:last-child { margin: 0; }
  .footer__main { padding: 3rem 0 2rem; }
  .footer__main .col-menu { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer__main .col-menu .ft-menu { width: 50%; padding-left: 12px; padding-right: 12px; }
  .footer__main .col-menu .ft-menu:nth-child(1) { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .footer__main .col-menu .ft-menu:nth-child(2) { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
  .footer__main .col-menu .ft-menu:nth-child(3) { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .footer__main .col-menu .ft-menu:nth-child(4) { -webkit-order: 4; -ms-flex-order: 4; order: 4; }
  .footer__addr { padding: 40px 8px; position: relative; }
  .footer__addr::before { content: ""; display: block; width: 100%; height: 1px; background: #D0D6DD; position: absolute; top: 0; left: 0; }
  .footer__bot { background-color: #E6E9EF; padding: 1.5rem 0; }
  .footer__bot .col-12 { -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 2rem; }
  .footer .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .footer .wpml-ls-legacy-dropdown a:focus, .footer .wpml-ls-legacy-dropdown a:hover { background: #FFFFFF; }
  .footer .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; }
  .footer-sm { padding-top: 20px; padding-bottom: 20px; background: #E6E9EF; }
  .footer-sm__logo { display: block; margin-bottom: 12px; }
  .footer-sm__logo img { display: block; height: 32px; width: auto; margin: 0 auto; }
  .footer-sm span.copy { display: block; font-size: 14px; line-height: 20px; }
  .footer-sm__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 16px; }
  .footer-sm__right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  /* Contents */
  .masthead { position: relative; }
  .masthead__wrap { padding: 3rem 8px; }
  .masthead span.sub { display: block; font-size: 1rem; line-height: 1.5em; margin-bottom: 0.5rem; }
  .masthead__logo { margin: 0 0 1.25rem; }
  .masthead__logo img { display: block; height: 2rem; width: auto; margin: 0 auto; }
  .masthead__logo.logo--left img { margin-left: 0; }
  .masthead__partner { padding-top: 8px; padding-bottom: 16px; color: #000; font-size: 12px; line-height: 16px; font-weight: 600; }
  .masthead__partner .img { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 4px; }
  .masthead__partner .img img { display: block; width: auto; height: 16px; margin: 0 2px; }
  .masthead__title { margin-bottom: 0; margin-left: -2px; margin-right: -2px; }
  .masthead__title:not(:last-child) { margin-bottom: 1rem; }
  .masthead__desc { max-width: 600px; margin: 0 auto; }
  .masthead__desc p { font-size: 1rem; line-height: 1.5em; }
  .masthead__desc:not(:last-child) { margin-bottom: 2rem; }
  .masthead__action { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .masthead__action:not(:last-child) { margin-bottom: 2.5rem; }
  .masthead__action .btn { width: 100%; }
  .masthead__action .btn + .btn { margin-top: 1rem; }
  .masthead__action .form { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
  .masthead__action .form-group { display: block; width: 100%; max-width: calc(100% - 120px); -webkit-flex: 0 0 calc(100% - 120px); -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); }
  .masthead__action .form-group:not(:last-child) { padding-right: 1rem; }
  .masthead__action .form-action { display: block; width: 100%; max-width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
  .masthead__tags label { font-size: 0.875rem; line-height: 1.5em; margin-bottom: 0.5rem; }
  .masthead__tags .tags { margin: 0 -0.25rem; }
  .masthead__tags .tags .tag { font-size: 0.875rem; line-height: 1.5em; padding: 0.1875rem 0.75rem; margin: 0 0.25rem 0.8rem; text-decoration: none; color: #626B79; border-color: #F2F4F7; background: #F2F4F7; opacity: 1; transition: all .4s ease; }
  .masthead__tags .tags .tag:hover { opacity: 0.6; text-decoration: none; color: #232933; }
  .masthead__img { margin-top: 24px; }
  .masthead__img img { display: block; max-width: 100%; height: auto; }
  .masthead__img:not(:last-child) { margin-bottom: 3.125rem; }
  .masthead__img.slider .owl-nav { display: none; }
  .masthead .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .masthead .play-btn::after { content: ""; display: block; position: absolute; width: 60px; height: 60px; top: calc(50% - 30px); left: calc(50% - 30px); border-radius: 30px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 20px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }
  @-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  @keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  .masthead--cdetail { padding-left: 8px; padding-right: 8px; }
  .masthead--cdetail .masthead__wrap { padding: 48px 0; }
  .masthead--cdetail .masthead__title { font-size: 36px; line-height: 44px; }
  .masthead--cdetail .masthead__img img { display: block; width: auto; height: 143px; margin: 0 auto; }
  .masthead--contact { background: #10243E; color: #FFF; }
  .masthead--contact .masthead__title, .masthead--contact .masthead__desc { color: #FFF; }
  .masthead--contact .masthead__wrap { padding: 32px 8px; }
  .masthead--integration { text-align: center; }
  .masthead--integration .masthead__wrap { padding-top: 4rem; padding-bottom: 4rem; }
  .masthead--integration .masthead__img { position: relative; width: calc(100% + 24px); margin: 2rem -12px 0; }
  .masthead--integration .masthead__img img, .masthead--integration .masthead__img .masthead-logos { display: block; width: 100%; height: auto; } }

@media only screen and (max-width: 1024px) and (max-width: 992px) and (min-width: 768px) { .masthead--integration .masthead__img { padding-top: 27%; } }

@media only screen and (max-width: 1024px) { .masthead--why-clients { text-align: center; }
  .masthead--why-clients .masthead__img { margin-top: 32px; }
  .masthead--service-promise { text-align: center; }
  .masthead--service-promise .masthead__img { margin-top: 32px; }
  .masthead--service-about .masthead__img { margin-top: 32px; }
  .masthead--product .masthead__img { position: relative; max-width: 808px; margin: 0 auto; }
  .masthead--product .masthead__img .img { display: block; position: relative; width: 100%; padding-top: 61.882%; }
  .masthead--product .masthead__img img { max-height: 500px; height: 100%; width: 100%; object-fit: contain; object-position: center; margin: 0 auto; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s ease-in-out; }
  .masthead--product .masthead__img img.active { opacity: 1; }
  .masthead--product-2 { text-align: center; }
  .masthead--product-2 .masthead__img { margin-top: 32px; }
  .masthead--product-2 .list-check { text-align: left; }
  .masthead--career .masthead__action .form-group { padding-bottom: 0; }
  .masthead--career .masthead__action .form-action { padding-top: 0; }
  .masthead--single-blog .sub { display: block; text-align: center; text-transform: uppercase; }
  .masthead--single-blog .masthead__title { font-size: 24px; line-height: 1.333em; text-align: center; margin-bottom: 32px; }
  .masthead--single-blog .masthead__img { position: relative; display: block; width: 100%; padding-top: 56.2%; }
  .masthead--single-blog .masthead__img img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; border-radius: 4px; }
  .masthead--career-nl .masthead__action { margin-bottom: 32px; }
  .masthead--lflex { background: radial-gradient(46.33% 68.56% at 33.16% 71.67%, #4441B1 0%, #8784F0 81.25%, #5F6DCE 100%); }
  .masthead--lflex .btn--white { color: #4B61DD; }
  .masthead--lflex .btn--white:hover { color: #2740ce; }
  .masthead--lflex .masthead__title { color: #FFFFFF; }
  .masthead--lflex .masthead__desc { color: #FFFFFF; }
  .masthead--lflex .masthead__action { margin-bottom: 24px; }
  /* Home */
  .all-products { padding-top: 3rem; padding-bottom: 2rem; padding-left: 8px; padding-right: 8px; }
  .all-products__title { margin-bottom: 2rem; text-align: center; }
  .all-products .nav-container { padding-top: 40px; margin: 0 0 2rem; }
  .all-products .nav-tabs { top: 0; padding-top: 43px; }
  .all-products .nav-tabs:before { display: none; }
  .all-products .nav-tabs .nav-item { padding: 0 0.75rem; }
  .all-products .nav-tabs .nav-item.active:after { right: calc(12px + 0.625rem); background-size: 90%; }
  .all-products .nav-tabs .nav-link { padding: 0.5rem 0.75rem; background: #FFFFFF; border: 0; font-weight: 400; color: #232933; border-radius: 0; height: 40px; margin: 0 0 -1px; border: 1px solid #D0D6DD; }
  .all-products .nav-tabs .nav-link .icon { margin-right: 0.625rem; }
  .all-products .nav-tabs .nav-link .icon path { fill: #545465; }
  .all-products .nav-tabs .nav-link.active { height: 40px; color: #232933; border: 1px solid #D0D6DD; border-radius: 0.25rem; }
  .all-products .item { margin-bottom: 1.5rem; }
  .all-products .item:last-child { margin-bottom: 0; }
  .all-products .item__wrap { display: block; padding: 1.5rem; background: #F2F4F7; border-radius: 0.25rem; }
  .all-products .item__wrap:hover { text-decoration: none; }
  .all-products .item__logo img { display: block; height: 64px; width: auto; margin: 0 auto 1.25rem; }
  .all-products .item__img img { display: block; max-width: 100%; height: auto; margin: 0 auto 1.25rem; }
  .all-products .item__title { text-align: center; font-size: 1.5rem; line-height: 1.333em; color: #232933; margin: 0 0 0.75rem; }
  .all-products .item__desc { text-align: center; color: #626B79; }
  .all-products .block { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .all-products .block__title { color: #232933; margin: 0 0 2rem; }
  .all-products .block__action { padding-top: 1.5rem; }
  .all-products .block__left { position: relative; padding: 2rem 1.5rem; background: #F2F4F7; border-radius: 0.25rem 0.25rem 0 0; }
  .all-products .block__right { padding: 2rem 1.5rem 0; background: #F2F4F7; border-radius: 0 0 0.25rem 0.25rem; }
  .all-products .block__right img { display: block; width: 100%; max-width: 100%; height: auto; }
  .home-integrate { padding-top: 2rem; padding-bottom: 3rem; padding-left: 8px; padding-right: 8px; }
  .home-integrate__title { text-align: center; }
  .home-integrate__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .home-integrate__desc p { margin-bottom: 1rem; }
  .home-integrate .block__left { display: none; }
  .home-integrate .block__left .img img { width: 100%; height: auto; }
  .home-integrate .accordion--auto { margin: 0; }
  .home-integrate .accordion--auto .card__body { padding: 0 1.25rem 2rem; }
  .block-clients { padding-top: 3rem; padding-bottom: 3rem; padding-left: 8px; padding-right: 8px; }
  .block-clients__title { text-align: center; }
  .block-clients__desc { text-align: center; max-width: 600px; margin: 0 auto 1.5rem; }
  .block-clients__desc p { margin-bottom: 1rem; }
  .block-clients ul.clients { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; }
  .block-clients ul.clients li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; margin: 16px 0; padding: 0 16px; }
  .block-clients ul.clients li img { width: auto; height: 40px; }
  .block-clients ul.clients li .img--2 { display: none; }
  .block-clients--pricing { background: #F2F4F7; padding-top: 0; padding-bottom: 0; }
  /* Career */
  .dynamic-img { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; }
  .dynamic-img .grid { display: block; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 3333.333333%; -ms-flex: 0 0 3333.333333%; flex: 0 0 3333.333333%; padding: 0 0.5rem; }
  .dynamic-img .img { border-radius: 0.25rem; overflow: hidden; }
  .dynamic-img .img ul { position: relative; }
  .dynamic-img .img li { position: relative; }
  .dynamic-img .img img { display: block; width: 100%; height: auto; }
  .dynamic-img .img:not(:last-child) { margin-bottom: 1rem; }
  .sabout__wrap { padding: 3rem 0 3rem; }
  .sabout .section-title { margin-bottom: 1.5rem; }
  .sabout .section-title .title { font-weight: 600; font-size: 2rem; line-height: 1.5em; }
  .sabout__content { margin-bottom: 2.5rem; }
  .sabout__content p { font-size: 1rem; line-height: 1.5em; }
  .sabout__logo { margin: 0 -1rem; margin-bottom: 1.5rem; }
  .sabout__logo img { display: inline-block; margin: 0 1rem; height: 30px; width: auto; margin: 0 1rem 2.3rem; }
  .sabout__slider { margin-left: 1.5rem; }
  .sabout__slider .item__title { color: #232933; font-size: 3rem; line-height: 1.167em; font-weight: 500; margin-bottom: 0.5rem; }
  .stestimoni__wrap { padding: 3rem 0; }
  .stestimoni__img { position: relative; width: 100%; padding-top: 100%; }
  .stestimoni__img img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
  .stestimoni__title { font-size: 1rem; line-height: 1.5em; font-weight: 500; margin-bottom: 3.75rem; }
  .stestimoni .blockquote p { color: #232933; font-size: 2rem; line-height: 1.5em; font-weight: 500; font-style: initial; margin-bottom: 1.5rem; }
  .stestimoni .blockquote__footer span.name { display: block; color: #232933; font-size: 0.875rem; line-height: 1.5em; font-weight: 500; margin-bottom: 0.25rem; }
  .stestimoni .blockquote__footer span.jobtitle { display: block; font-size: 0.875rem; line-height: 1.5em; }
  .stestimoni .owl-dots { width: 50%; text-align: left; position: absolute; right: 0; bottom: 0; margin: 0; padding: 0 6px; }
  .stestimoni .owl-nav { top: 24%; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .stestimoni__img { margin-bottom: 4rem; }
  .stestimoni .owl-dots { width: 100%; padding: 0; right: auto; left: -6px; bottom: -20px; }
  .stestimoni .blockquote p { font-size: 24px; line-height: 32px; padding-right: 10px; } }

@media only screen and (max-width: 1024px) and (max-width: 767px) { .stestimoni .stestimoni__wrap { padding-bottom: 2.5rem; }
  .stestimoni .stestimoni__img { margin-bottom: 2.5rem; }
  .stestimoni .stestimoni__title { font-size: 16px; line-height: 24px; margin-bottom: 2.5rem; } }

@media only screen and (max-width: 1024px) { .swhy__wrap { padding: 3rem 0; }
  .swhy .card { margin-bottom: 2rem; position: relative; padding-left: 64px; }
  .swhy .card__icon { position: absolute; left: 0; top: 0; }
  .swhy .card__icon img { width: 48px; height: auto; }
  .swhy .card__title { font-size: 1rem; line-height: 1.5em; margin-bottom: 4px; }
  .swhy .card__content { max-width: 21.75rem; }
  .swhy .section-title { text-align: left !important; margin-bottom: 2rem; }
  .swhy .section-title .title { font-size: 32px; line-height: 48px; }
  .swhy--career .section-title { text-align: center !important; }
  .swhy--career .section-title .title { font-size: 20px; line-height: 28px; margin: 0 0 8px; }
  .steam__wrap { padding: 3rem 0 1rem; }
  .steam .card { margin-bottom: 2rem; }
  .steam .card__img { margin-bottom: 1rem; padding: 0; }
  .steam .card__img img { display: block; max-height: 92px; max-width: 100%; width: auto; height: auto; margin: 0 auto; position: relative; object-fit: contain; }
  .steam .card__title { text-align: center; color: #232933; font-size: 1.25rem; line-height: 1.5em; font-weight: 500; }
  .steam .card:hover span { color: #232933; text-decoration: underline !important; } }

@media only screen and (max-width: 1024px) and (max-width: 767px) { .steam .section-title { text-align: left !important; }
  .steam .card__title { font-size: 14px; line-height: 20px; } }

@media only screen and (max-width: 1024px) { .slife { padding-left: 8px; padding-right: 8px; }
  .slife__wrap { padding: 48px 0; }
  .slife .section-title { margin-bottom: 16px; }
  .slife .section-title .title { font-size: 28px; line-height: 36px; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .slife .card { margin-bottom: 1.5rem; height: auto; } }

@media only screen and (max-width: 1024px) { .sglassdoor { padding-left: 8px; padding-right: 8px; }
  .sglassdoor__wrap { padding: 32px 0; }
  .sglassdoor .section-title { margin-bottom: 32px; text-align: center; }
  .sglassdoor .pby { margin-left: auto; text-align: right; }
  .sglassdoor .pby .label { display: inline-block; vertical-align: middle; }
  .sglassdoor .pby img { display: inline-block; vertical-align: middle; margin-left: 16px; height: 43px; width: auto; }
  .sglassdoor .pby.pby-sm { display: none; }
  .sglassdoor .item { display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #D0D6DD; min-height: 88px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 20px; }
  .sglassdoor .item .rating-number { display: block; font-size: 32px; line-height: 48px; color: #232933; font-weight: 600; margin: 0; }
  .sglassdoor .item .rating-stars { display: block; margin-left: 8px; }
  .sglassdoor .item .item-chart { display: block; width: 100%; max-width: 64px; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; }
  .sglassdoor .item .item-chart img { display: block; width: 64px; height: 64px; }
  .sglassdoor .item .item-chart-text { padding-left: 16px; width: 100%; max-width: calc(100% - 64px); -webkit-flex: 0 0 calc(100% - 64px); -ms-flex: 0 0 calc(100% - 64px); flex: 0 0 calc(100% - 64px); }
  .sglassdoor .item .item-chart-text .title { display: block; font-weight: 600; color: #232933; margin: 0 0 4px; }
  .sglassdoor .item .chart-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 20px; padding-left: 16px; position: relative; margin: 0 0 4px; color: #232933; }
  .sglassdoor .item .chart-list li .list-title, .sglassdoor .item .chart-list li .numb { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .sglassdoor .item .chart-list li::last-child { margin-bottom: 0; }
  .sglassdoor .item .chart-list li::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 4px; background: #5B37D4; position: absolute; top: 5px; left: 0; }
  .sglassdoor .item__rating { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 24px; padding-right: 24px; width: 100%; }
  .sglassdoor .item__ceo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 24px; padding-right: 24px; width: 100%; }
  .sglassdoor .item__ceo img { display: block; width: 100%; max-width: 64px; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; height: 64px; }
  .sglassdoor .item__ceo .ceo-text { padding-left: 16px; width: 100%; max-width: calc(100% - 64px); -webkit-flex: 0 0 calc(100% - 64px); -ms-flex: 0 0 calc(100% - 64px); flex: 0 0 calc(100% - 64px); }
  .sglassdoor .item__ceo .ceo-text .name { display: block; font-weight: 600; color: #232933; }
  .sglassdoor .item__ceo .ceo-text .job-title { color: #232933; }
  .sglassdoor .item__recommend { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 24px; padding-right: 24px; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .sglassdoor .item__experience { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 24px; padding-right: 24px; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .sglassdoor .item:not(:last-child) { border-right: 0; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .sglassdoor .pby { text-align: center; margin-top: 2rem; }
  .sglassdoor .pby.pby-sm { display: block; }
  .sglassdoor .pby:not(.pby-sm) { display: none; }
  .sglassdoor .item:not(:last-child) { border-right: 1px solid #D0D6DD; border-bottom: 0; } }

@media only screen and (max-width: 1024px) { .sfindus__wrap { padding: 3rem 0; }
  .sfindus .address-box { padding-top: 2rem; }
  .sfindus .address-box .item { border: 1px solid #D0D6DD; border-radius: 0.25rem; padding: 1.5rem; background: #FFF; }
  .sfindus .address-box .city { display: block; position: relative; color: #232933; font-size: 1.25rem; line-height: 1.5em; font-weight: 500; }
  .sfindus .address-box .city:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .addrs { display: block; position: relative; }
  .sfindus .address-box .addrs:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .tel, .sfindus .address-box .email { display: block; position: relative; color: #232933; }
  .sfindus .address-box .tel:not(:last-child), .sfindus .address-box .email:not(:last-child) { margin-bottom: 0.5rem; }
  .sfindus .address-box .tel:hover, .sfindus .address-box .email:hover { color: #232933; text-decoration: underline; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .sfindus .img { margin-bottom: 3rem; }
  .sfindus .address-box .item { margin-bottom: 1.5rem; } }

@media only screen and (max-width: 1024px) { .sweare { padding-left: 8px; padding-right: 8px; }
  .sweare__wrap { padding: 48px 0; }
  .sweare .section-title .title { font-size: 28px; line-height: 36px; font-weight: 600; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .sweare .section-title { margin-bottom: 16px; }
  .sweare .section-title .title { font-size: 32px; line-height: 48px; } }

@media only screen and (max-width: 1024px) { .shiring { padding-left: 8px; padding-right: 8px; background: #F2F4F7; }
  .shiring__wrap { padding: 48px 0; }
  .shiring .nodata { padding: 5rem; text-align: center; }
  .shiring .nodata span { display: block; color: #232933; font-size: 1.5rem; line-height: 1.5em; margin-bottom: 3rem; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .shiring .shiring__form .form-group { margin-bottom: 1.5rem; } }

@media only screen and (max-width: 1024px) { a.deactive { cursor: standard; }
  .joblist { display: block; position: relative; padding-top: 3rem; }
  .joblist .item { display: none; border-radius: 4px; background: transparent; box-shadow: 0 0 0 rgba(180, 188, 208, 0.75); transition: all .3s ease-in-out; border-top: 1px solid #D0D6DD; }
  .joblist .item:last-child { border-bottom: 1px solid #D0D6DD; }
  .joblist .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1rem 1.5rem; }
  .joblist .item .title { font-size: 1.25rem; line-height: 1.5em; margin-bottom: 0.25rem; }
  .joblist .item__meta span { display: inline-block; position: relative; color: #232933; font-size: 0.875rem; line-height: 1.5em; }
  .joblist .item__meta span:after { content: "|"; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin: 0 0.75rem; }
  .joblist .item__meta span:last-child:after { display: none; }
  .joblist .item__action { margin-left: auto; }
  .joblist .item:hover { background: #FFF; box-shadow: 0 4px 16px rgba(180, 188, 208, 0.75); }
  .joblist-footer { padding-top: 1.5em; text-align: center; }
  .joblist-footer .btn-load-more { border: 1px solid #E2E2E2; background: #F2F2F2; color: #545465; font-weight: 400; }
  .joblist-footer .btn-load-more:hover { background: #E2E2E2; }
  .joblist-footer > span { display: inline-block; float: right; }
  .joblist-footer > span a { display: inline-block; color: #232933; }
  .joblist-footer > span a:hover { color: #4B61DD; text-decoration: none; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .joblist .item .item__wrap { padding: 1rem; }
  .joblist .item .item__content { max-width: calc(100% - 130px); }
  .joblist .item .title { font-size: 16px; line-height: 24px; }
  .joblist .item .item__meta span { font-size: 12px; line-height: 16px; } }

@media only screen and (max-width: 1024px) { .footer-top { text-align: center; background: #143A72; color: #ffffff; }
  .footer-top__wrap { padding: 5rem 0; }
  .footer-top .section-title .title { color: #ffffff; }
  .ft-share { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px 1.5rem; }
  .ft-share__item { display: block; margin: 0 10px; opacity: 1; transition: all .3s ease-in-out; }
  .ft-share__item:hover { opacity: .5; }
  .ft-share__item .svg { display: block; width: 20px; height: 20px; object-fit: contain; }
  .ft-follow { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-follow .label { display: block; padding-right: 1.5rem; color: #212121; }
  .ft-follow .ft-share { margin: 0 -0.75rem; }
  .ft-follow .ft-share__item { margin: 0 0.75rem; }
  .ft-follow .ft-share__item .svg { width: 1.5rem; height: 1.5rem; object-fit: contain; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .ft-follow { margin-bottom: 2.5rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-follow .label { width: 55%; padding-right: 0; }
  .ft-follow .ft-share { margin-right: auto; } }

@media only screen and (max-width: 1024px) { .ft-subscribe { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .ft-subscribe .label { display: block; padding-right: 1.5rem; color: #212121; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .ft-subscribe { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ft-subscribe .label { display: block; width: 100%; text-align: left; max-width: 55%; font-size: 14px; line-height: 20px; padding-right: 10px; } }

@media only screen and (max-width: 1024px) { .footer__subscribe { padding: 1.25rem 0; background: #F9FAFB; border-bottom: 1px solid #D0D6DD; } }

@media only screen and (max-width: 1024px) and (max-width: 767px) { .footer .footer__subscribe { padding-top: 1.75rem; padding-bottom: 2rem; } }

@media only screen and (max-width: 1024px) { .snextlevel { padding-top: 64px; padding-bottom: 32px; padding-left: 20px; padding-right: 20px; }
  .snextlevel__images { margin-top: -64px; margin-bottom: 32px; padding-left: 16px; padding-right: 16px; }
  .snextlevel__images .row { margin-left: -8px; margin-right: -8px; }
  .snextlevel__images .item { padding: 8px; }
  .snextlevel__images .item:nth-child(2) { margin-top: 20%; }
  .snextlevel__images .item:nth-child(3) { margin-top: -20%; }
  .snextlevel__images .img { position: relative; width: 100%; padding-top: 100%; }
  .snextlevel__images .img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
  .snextlevel__logo { margin-bottom: 16px; }
  .snextlevel__logo img { display: block; height: 80px; width: auto; }
  .snextlevel__title { color: #FFF; margin-bottom: 20px; }
  .snextlevel__desc { padding-right: 40px; }
  .snextlevel__desc p { color: #FFF; }
  .snextlevel__buttons { padding-top: 32px; margin-left: -8px; margin-right: -8px; }
  .snextlevel__buttons .btn { margin: 0 8px 8px; }
  .snextlevel__wrap { background: #311B92; padding: 32px 16px; border-radius: 8px; }
  .sallabout { position: relative; }
  .sallabout__title { margin: 0 0 24px; }
  .sallabout__desc { margin: 0 0 24px; }
  .sallabout__stats { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -11px 32px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .sallabout__stats .item { display: inline-block; padding: 0 8px; }
  .sallabout__stats .item__num { font-size: 28px; line-height: 36px; color: #5B37D4; font-weight: 600; display: block; margin: 0; }
  .sallabout__stats .item__text { font-size: 12px; line-height: 20px; color: #626B79; }
  .sallabout__logos { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; margin: 0 0 48px; }
  .sallabout__logos .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation: scroll-x 20s linear infinite; animation: scroll-x 20s linear infinite; }
  .sallabout__logos .item { display: block; padding: 0 16px; min-width: 120px; }
  .sallabout__logos .item img { display: block; max-height: 32px; width: auto; }
  .sallabout__slider .owl-dot { display: none; }
  .sallabout__slider .owl-nav { position: relative; border-radius: 36px; margin: 12px auto 0; padding: 12px; background: #EDF0F2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: auto; max-width: 200px; }
  .sallabout__slider .owl-nav .btn-nav { position: relative; top: auto; left: auto; width: 48px; height: 48px; border-radius: 24px; background-color: #626B79; background-image: url(../images/ic-arrow-left-w.webp); background-size: 24px; background-position: center; opacity: 1; transition: all .3s ease; }
  .sallabout__slider .owl-nav .btn-nav.right { background-image: url(../images/ic-arrow-right-w.webp); }
  .sallabout__slider .owl-nav .btn-nav:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .sallabout__slider .slide-counter { color: #626B79; position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; bottom: 24px; pointer-events: none; }
  .sallabout__slider .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .sallabout__slider .owl-item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; }
  .sallabout__slider .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #EDF0F2; border-radius: 8px; min-height: 330px; height: 100%; width: 100%; }
  .sallabout__slider .item__sub { font-size: 14px; line-height: 20px; margin: 0 0 4px; }
  .sallabout__slider .item__quote { font-size: 20px; line-height: 28px; font-weight: 600; color: #2B2A35; margin-bottom: 40px; }
  .sallabout__slider .item__author { display: block; margin: 0; }
  .sallabout__slider .item__name { color: #232933; font-weight: 600; }
  .sallabout__slider .item__jobtitle { color: #232933; }
  .sallabout__slider .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 32px 16px 24px; }
  .sallabout__slider .item__image { display: block; width: 100%; max-width: 100%; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: auto; margin-left: auto; }
  .sallabout__slider .item__image img { display: block; max-width: 100%; width: auto; margin: 0 auto; }
  .sallabout__wrap { padding: 32px 20px; }
  .sdna { position: relative; padding-left: 8px; padding-right: 8px; background: #F2F4F7; }
  .sdna .section-title { margin-bottom: 32px; }
  .sdna__navs { position: relative; min-height: 44px; }
  .sdna__navs .nav { padding-left: 20px; padding-right: 20px; padding-top: 48px; top: 0; left: 0; }
  .sdna__navs .nav .hashtag { display: block; font-size: 14px; line-height: 20px; color: #232933; font-weight: 400; }
  .sdna__navs .nav-title, .sdna__navs .nav p { display: none; }
  .sdna__navs .nav-link { display: block; border: 0; background: #FFF; border-radius: 4px 4px 0 0; padding: 12px; }
  .sdna__navs .nav-link.active { background: #FFF; max-height: 44px; padding: 12px; }
  .sdna__navs .nav-link.active .hashtag { font-weight: 600; }
  .sdna__navs .nav-tabs::before { display: none; }
  .sdna__navs .nav-tabs.show .nav-link:not(.active) { height: 44px; max-height: 44px; border-top: 0; border-bottom: 0; }
  .sdna__navs .nav-tabs.show .nav-item:last-child .nav-link { border-bottom: 1px solid #D0D6DD; border-radius: 0 0 4px 4px; }
  .sdna .box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #FFF; border-radius: 8px; }
  .sdna .box .quote { font-size: 20px; line-height: 28px; font-weight: 600; color: #232933; max-width: 600px; margin: 0 0 32px; }
  .sdna .box .audio { display: block; margin: 0 0 32px; max-width: 100%; }
  .sdna .box .audio audio { display: block; width: 100%; }
  .sdna .box .author .name { display: block; font-weight: 600; color: #232933; }
  .sdna .box .author .job_title { display: block; font-size: 14px; line-height: 20px; color: #626B79; }
  .sdna .box__content { padding: 32px 16px; display: block; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .sdna .box__img { width: 100%; max-width: 80%; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; margin-left: auto; }
  .sdna .box__img img { display: block; height: auto; width: auto; max-width: 100%; }
  .sdna .tab-pane { background: #F2F4F7; padding: 32px 0; }
  .sdna__wrap { padding-top: 32px; }
  .sperks { position: relative; padding-left: 8px; padding-right: 8px; }
  .sperks .section-title { text-align: left; margin: 0 0 24px; }
  .sperks__navs { display: none; }
  .sperks__tab-content .badge { margin-bottom: 8px; background: #4FB262; color: #FFF; }
  .sperks__tab-content .tcsm__head { display: block; padding: 12px 0; font-weight: 500; position: relative; border-bottom: 1px solid #5B37D4; }
  .sperks__tab-content .tcsm__head::after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-dropdown.svg) no-repeat; background-size: contain; background-position: center; position: absolute; top: 12px; right: 4px; -webkit-transform: scaleY(-1); transform: scaleY(-1); transition: all .3s ease-in-out; }
  .sperks__tab-content .tcsm__head.collapsed { border-bottom-color: #D0D6DD; }
  .sperks__tab-content .tcsm__head.collapsed::after { -webkit-transform: none; transform: none; }
  .sperks__tab-content .tcsm__collapse { padding: 24px 12px 32px; }
  .sperks__tab-content .tcsm__collapse .image img { display: block; width: auto; height: auto; }
  .sperks__tab-content .tcsm__collapse h3 { font-size: 16px; line-height: 24px; }
  .sperks__tab-content .tab-pane { display: block; opacity: 1; }
  .sperks__wrap { padding-top: 32px; padding-bottom: 32px; }
  .sbvdots__img { display: none; }
  .sbvdots__title { margin: 0 0 16px; }
  .sbvdots__desc { margin: 0 0 24px; }
  .sbvdots__desc span.note { color: #5B37D4; font-size: 14px; line-height: 20px; }
  .sbvdots__list { position: relative; }
  .sbvdots__list .item { position: relative; cursor: pointer; }
  .sbvdots__list .item .bullet { display: none; }
  .sbvdots__list .item__sub { display: none; }
  .sbvdots__list .item__title { display: block; font-weight: 600; color: #626B79; }
  .sbvdots__list .item__desc { color: #626B79; }
  .sbvdots__list .item__img-sm { display: block; padding-top: 12px; }
  .sbvdots__list .item__img-sm img { display: block; max-width: 100%; height: auto; }
  .sbvdots__list .item__head { padding: 12px 0; border-bottom: 1px solid #5B37D4; color: #232933; font-weight: 600; }
  .sbvdots__list .item__head::after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-dropdown.svg) no-repeat; background-size: contain; background-position: center; position: absolute; top: 12px; right: 4px; -webkit-transform: scaleY(-1); transform: scaleY(-1); transition: all .3s ease-in-out; }
  .sbvdots__list .item__head.collapsed { border-bottom-color: #D0D6DD; color: #626B79; }
  .sbvdots__list .item__head.collapsed::after { -webkit-transform: none; transform: none; }
  .sbvdots__list .item__body { padding: 24px 12px 32px; }
  .sbvdots__list .item.active .item__title { color: #232933; }
  .sbvdots__list .item.active .item__desc { color: #232933; }
  .sbvdots__list .item.active .bullet { background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); }
  .sbvdots__list .item.active .bullet::after { display: block; }
  .sbvdots .hiw-mexp__right { padding-left: 64px; }
  .sbvdots__action { position: relative; text-align: center; padding-top: 64px; }
  .sbvdots__action .title { font-size: 20px; line-height: 28px; font-weight: 600; color: #232933; margin: 0 auto 24px; }
  .sbvdots__action.has-accent::before { content: ""; display: block; width: 48px; height: 6px; background: #2F5573; position: relative; margin: 0 auto 24px; }
  .sbvdots__wrap { padding-top: 64px; padding-bottom: 64px; } }

@media only screen and (max-width: 1024px) and (max-width: 991px) { .sbvdots__img { margin-bottom: 32px; }
  .sbvdots__wrap { padding-top: 32px; padding-bottom: 32px; padding-left: 20px; padding-right: 20px; }
  .sbvdots .hiw-mexp__right { padding-left: 12px; } }

@media only screen and (max-width: 1024px) { .carrer-badge { padding-top: 48px; padding-bottom: 48px; }
  .carrer-badge__title { color: #FFF; }
  .carrer-badge__badges { postion: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 64px; }
  .carrer-badge__badges .item img { display: block; maxw-width: 100%; height: auto; }
  .carrer-badge__box { position: relative; background: #10243E; color: #FFF; padding: 32px; border-radius: 8px; min-height: 304px; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .carrer-badge__box::after { z-index: 1; content: ""; display: block; position: absolute; width: 45%; height: 100%; top: 0; right: 0; background: url(../images/img-bg-badge.png) no-repeat; background-size: auto 100%; background-position: left center; }
  .carrer-badge__box > .row { position: relative; z-index: 2; }
  /* pricing */
  .pricing-head { margin-top: 0; padding: 3rem 0 0; background-color: #F9FAFB; }
  .pricing-head .nav-container { margin-top: 48px; padding-top: 52px; }
  .pricing-head .nav-container .nav-tabs { top: 0; }
  .pricing-head__title { margin-bottom: .5rem; text-align: center; }
  .pricing-head__caption { text-align: center; max-width: 260px; margin: 0 auto; }
  .pricing-main { padding-top: 48px; padding-bottom: 0; background-color: #FFFFFF; }
  .pricing-main__title { font-size: 1.5rem; line-height: 1.333em; text-align: center; margin-bottom: 1.5rem; padding: 0 1rem; }
  .pricing-main__cta { text-align: center; margin: 0 -0.5rem 3rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .pricing-main__cta .btn { margin: 0 auto; max-width: 230px; } }

@media only screen and (max-width: 1024px) and (max-width: 767px) { .pricing-main__cta .btn + .btn { margin-bottom: 1rem; } }

@media only screen and (max-width: 1024px) { .pricing-main .employee { text-align: center; margin-bottom: 2.5rem; }
  .pricing-main .employee p { margin-bottom: 0; }
  .pricing-main .employee p input { text-align: center; display: block; width: 4.3rem; margin: 8px auto; font-weight: 500; }
  .pricing-main .employee .form-range { margin-top: 40px; }
  .pricing-main .employee .form-range__before { max-width: 40px; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; }
  .pricing-main .employee .form-range__input { max-width: calc(100% - 170px); -webkit-flex: 0 0 calc(100% - 170px); -ms-flex: 0 0 calc(100% - 170px); flex: 0 0 calc(100% - 170px); }
  .pricing-main .employee .form-range__after { max-width: 130px; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; }
  .pricing-card { padding-left: 8px; padding-right: 8px; }
  .pricing-card > .col, .pricing-card > [class*="col-"] { margin-bottom: 2rem; }
  .pricing-card__sm { display: block; }
  .pricing-card .card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; background: #FFFFFF; border-radius: .25rem; }
  .pricing-card .card__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 16px; border-radius: 4px; border: 1px solid #D0D6DD; background-color: #F2F4F7; transition: all .3s ease; }
  .pricing-card .card__head:not(:last-child) { border-radius: 4px 4px 0 0; }
  .pricing-card .card__head h3 { margin-bottom: 12px; font-weight: 600; }
  .pricing-card .card__head h3 span.badge { margin-left: 0.75rem; }
  .pricing-card .card__head p { color: #2B2A35; margin-bottom: 32px; font-size: 14px; min-height: 40px; line-height: 20px; }
  .pricing-card .card__head .form-group { padding-bottom: 1.25rem; }
  .pricing-card .card__head .price { display: block; }
  .pricing-card .card__head .price:not(:last-child) { margin-bottom: 20px; }
  .pricing-card .card__head .price .sf { display: block; min-height: 20px; margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .pricing-card .card__head .price .pr { display: block; color: #2B2A35; font-size: 20px; line-height: 28px; font-weight: 600; }
  .pricing-card .card__head .price .pr small { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 400; margin-left: 3px; }
  .pricing-card .card__main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 20px; border-radius: .25rem; border: 1px solid #D0D6DD; overflow: hidden; }
  .pricing-card .card__main:not(:first-child) { border-radius: 0 0 .25rem .25rem; border-top: 0; }
  .pricing-card .card__main p { margin-bottom: 24px; }
  .pricing-card .card__main span.cat { display: block; color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 8px; }
  .pricing-card .card__main ul.list-check { margin-bottom: 24px; }
  .pricing-card .card__main ul.list-check:last-child { margin-bottom: 0; }
  .pricing-card .card__main .inc { padding-top: 8px; }
  .pricing-card .card__main .inc span.cat { margin-bottom: 12px; }
  .pricing-card .card__main .inc .inc__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: -20px; }
  .pricing-card .card__main .inc .inc__items img { height: 24px; width: auto; margin: 0 10px 20px; }
  .pricing-card .card__main.has-collapse { padding: 0; }
  .pricing-card .card__main .card-list { margin-bottom: 24px; }
  .pricing-card .card__main .card-list:last-child { margin-bottom: 0; }
  .pricing-card .card__main .card__toggle { position: relative; padding: 16px 42px 16px 16px; font-weight: 600; border-bottom: 1px solid #D0D6DD; cursor: pointer; margin-bottom: -1px; }
  .pricing-card .card__main .card__toggle:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; right: 14px; top: 16px; background: url(../images/ic-chevron-down-blue.svg); -webkit-transform: none; transform: none; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .pricing-card .card__main .card__toggle.collapsed:after { -webkit-transform: none; transform: none; }
  .pricing-card .card__main .card__collapse-wrap { padding: 20px 16px; }
  .pricing-card .card__action .btn { display: block; }
  .pricing-card .card__bonus { padding: 0 16px 20px; margin-top: auto; }
  .pricing-card .card__bonus-box { padding: 16px; background: #FFF6E0; border-radius: 4px; }
  .pricing-card .card__bonus-box .list-check li:last-child { padding-bottom: 0; }
  .pricing-card .card--mekarios { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 300px; }
  .pricing-card .card--mekarios .card__head { width: 100%; padding: 24px; border: 1px solid #5B37D4; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .pricing-card .card--mekarios .card__head h3 { font-size: 28px; line-height: 32px; margin-bottom: 48px; }
  .pricing-card .card--mekarios .card__head h3 .icon { display: inline-block; vertical-align: middle; height: 32px; width: auto; margin-right: 12px; }
  .pricing-card .card--mekarios .card__head .btn { color: #FFFFFF; background-color: #5B37D4; border-color: #5B37D4; }
  .pricing-card .card--mekarios .card__head .btn:hover, .pricing-card .card--mekarios .card__head .btn:focus, .pricing-card .card--mekarios .card__head .btn.focus, .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled):active, .pricing-card .card--mekarios .card__head .btn:not(:disabled):not(.disabled).active { color: #FFFFFF; background-color: #4626b2; border-color: #4626b2; }
  .pricing-card .card--mekarios .card__main { width: 100%; padding: 24px; border: 1px solid #D0D6DD; }
  .pricing-card .card--talenta .card__head { border-color: #C02A34; background-color: #FCF0EF; }
  .pricing-card .card--talenta .card__main { border-color: #C02A34; }
  .pricing-card .card--xpm { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--xpm .card__head { border-color: #2F5573; background-color: #ECF5FF; }
  .pricing-card .card--xpm .card__main { border-color: #2F5573; }
  .pricing-card .card--jurnal .card__head { border-color: #009BDE; background-color: #EEF9FC; }
  .pricing-card .card--jurnal .card__main { border-color: #009BDE; }
  .pricing-card .card--klikpajak .card__head { border-color: #F96D01; background-color: #FEF6EC; }
  .pricing-card .card--klikpajak .card__main { border-color: #F96D01; }
  .pricing-card .card--mekarichat .card__head { border-color: #00B894; background-color: #FEF6EC; }
  .pricing-card .card--mekarichat .card__main { border-color: #00B894; }
  .pricing-card .card--mekariflex .card__head { border-color: #8641FF; background-color: #F3F8FC; }
  .pricing-card .card--mekariflex .card__main { border-color: #8641FF; }
  .pricing-card .card--qontak { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .pricing-card .card--qontak .card__head { border-color: #0274F5; background-color: #EBF4FE !important; }
  .pricing-card .card--qontak .card__main { border-color: #0274F5; }
  .pricing-card .card-tnc { position: absolute; display: block; top: 100%; right: 12px; width: 100%; text-align: right; font-size: 12px; line-height: 16px; padding-top: 8px; }
  .pricing-card__action { text-align: center; padding-top: 0.5rem; }
  .pricing-card.pricing-card--custom label { color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.75rem; }
  .pricing-card.pricing-card--custom .form-group { padding-bottom: 2rem; }
  .pricing-card.pricing-card--custom .form-group:last-child { padding-bottom: 0; }
  .pricing-card.pricing-card--custom span.separator { width: 3rem; height: 1px; display: block; background: #D0D6DD; margin-bottom: 1.5rem; }
  .pricing-card.pricing-card--custom .accordion { margin: 0; }
  .pricing-card.pricing-card--custom .plan-package { margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom .plan-package label { margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .pricing-card.pricing-card--custom .plan-package:last-child { margin-bottom: 0; }
  .pricing-card.pricing-card--custom .employee { margin-bottom: 0; }
  .pricing-card.pricing-card--custom .employee p { color: #232933; text-align: left; font-size: 0.875rem; line-height: 1.429em; }
  .pricing-card.pricing-card--custom .employee .emp-input { text-align: right; margin-bottom: 1.5rem; }
  .pricing-card.pricing-card--custom .employee .form-range { margin-top: 0; }
  .pricing-card.pricing-card--custom .employee .form-range__input { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .pricing-card.pricing-card--custom .employee .form-range__before { text-align: left; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .pricing-card.pricing-card--custom .employee .form-range__after { text-align: right; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .pricing-card.pricing-card--custom hr { border-top: 1px solid #D0D6DD; display: block; width: 100%; margin: 0 0 1.5rem; }
  .pricing-card.pricing-card--custom .sub { display: block; font-size: 1rem; line-height: 1.5em; margin: 0 0 1.5rem; }
  .pricing-card.pricing-card--custom h2 { margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom p { margin-bottom: 1.5rem; }
  .pricing-card.pricing-card--custom .total-price { display: block; position: relative; margin-bottom: 0.75rem; }
  .pricing-card.pricing-card--custom .price { color: #232933; display: block; position: relative; font-size: 1.5rem; line-height: 1.333em; margin-bottom: 1rem; font-weight: 500; }
  .pricing-card.pricing-card--custom .price small { color: #626B79; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5em; }
  .pricing-card.pricing-card--custom .card.card--custom { z-index: 2; position: relative; border: 1px solid #D0D6DD; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); padding: 32px 24px; border-radius: .25rem 0 0 .25rem; }
  .pricing-card.pricing-card--custom .card.card--asside { z-index: 1; position: relative; padding: 32px 24px; border: 1px solid #D0D6DD; border-radius: .25rem; height: auto; }
  .pricing-card.pricing-card--custom .card.card--asside .card__action .btn { font-weight: 500; } }

@media only screen and (max-width: 1024px) and (max-width: 767px) { .pricing-card .card { height: auto; } }

@media only screen and (max-width: 1024px) { .pricing-include { padding-top: 48px; padding-left: 8px; padding-right: 8px; }
  .pricing-include__head { text-align: center; margin: 0 0 24px; cursor: pointer; }
  .pricing-include__head.collapsed .pricing-include__title::after { -webkit-transform: none; transform: none; }
  .pricing-include__title { margin: 0; position: relative; font-size: 20px; line-height: 28px; }
  .pricing-include__title::after { content: ""; display: block; width: 20px; height: 20px; background-image: url(../images/ic-chevron-down-grey.svg); background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle; margin: 4px auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .pricing-include .item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; position: relative; border: 1px solid #D0D6DD; border-radius: 6px; margin-bottom: 40px; }
  .pricing-include .item__title { display: block; width: 100%; background: #EDF0F2; padding: 16px; border-radius: 6px 6px 0 0; }
  .pricing-include .item__title h3 { font-size: 16px; line-height: 24px; margin: 0; }
  .pricing-include .item__title p { color: #2B2A35; }
  .pricing-include .item__list { display: block; width: 100%; padding: 16px; border-radius: 0 0 6px 6px; }
  .pricing-include .item__list .list-check { margin: 0; }
  .recom-addon { padding-top: 32px; padding-bottom: 32px; padding-left: 16px; padding-right: 16px; }
  .recom-addon h2 { margin-bottom: 32px; text-align: center; }
  .recom-addon .item { margin-bottom: 24px; padding-left: 0; padding-right: 0; }
  .recom-addon .item__title { margin-bottom: 16px; transition: all .3s ease; }
  .recom-addon .item__title .icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 12px; }
  .recom-addon .item__content { margin-bottom: 16px; color: #626B79; }
  .recom-addon .item__content ul { list-style: disc; margin-left: 24px; }
  .recom-addon .item__wrap { border: 1px solid #D0D6DD; border-radius: 4px; padding: 20px; position: relative; background: #FFF; }
  .recom-addon .item__wrap[data-toggle] { cursor: pointer; box-shadow: 0px 0px 0px rgba(119, 119, 119, 0.1), 0px 0px 0px rgba(119, 119, 119, 0.2); transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle] .item__title { position: relative; }
  .recom-addon .item__wrap[data-toggle] .item__title:after { content: ""; display: block; width: 24px; height: 24px; position: absolute; right: 8px; opacity: 0; top: 4px; background: url(../images/ic-chevron-down-blue.svg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle]:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 4px; border: 2px solid transparent; transition: all .3s ease; }
  .recom-addon .item__wrap[data-toggle]:hover { box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .recom-addon .item__wrap[data-toggle]:hover .item__title:after { right: 0; opacity: 1; }
  .recom-addon .item:first-child:last-child { margin-left: auto; margin-right: auto; }
  .recom-addon.alt .ra-alt__title { text-align: center; margin-bottom: 32px; }
  .recom-bundle { padding-left: 8px; padding-right: 8px; }
  .recom-bundle h2 { margin-bottom: 32px; padding: 0 2rem; text-align: center; }
  .recom-bundle__wrap { padding: 3rem 0 3rem; }
  .recom-bundle .pricing-card .card__head { padding: 20px; }
  .recom-bundle .pricing-card .card__main { padding: 0; }
  .recom-bundle .pricing-card .card__main .inc { padding-bottom: 24px; }
  .recom-bundle .pricing-card .card__main .card__toggle span { color: #2B2A35; }
  .recom-bundle .pricing-card .card__main .card__toggle:after { background: url(../images/ic-chevron-down-grey.svg); }
  .recom-bundle .pricing-card .card__collapse { padding: 0 20px; }
  .recom-bundle .inc { padding-top: 8px; }
  .recom-bundle .inc span.cat { margin-bottom: 12px; }
  .recom-bundle .inc .inc__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -14px; margin-right: -14px; margin-bottom: -28px; }
  .recom-bundle .inc .inc__items img { height: 24px; width: auto; margin: 0 14px 28px; }
  .recom-bundle .hide-sm { display: none; }
  .recom-bundle .nav-container { position: relative; padding-top: 47px; }
  .recom-bundle .nav { position: absolute; width: 100%; top: 0; left: 0; padding-top: 47px; display: none; }
  .recom-bundle .nav-item { margin-bottom: 0; }
  .recom-bundle .nav-item.active { position: absolute; top: 0; left: 0; width: 100%; border-color: #D0D6DD; background-color: #FFFFFF; }
  .recom-bundle .nav-item.active:after { content: ""; display: block; z-index: 2; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); border-radius: 1.5rem; right: 0.5rem; background-color: transparent !important; background-image: url(../images/ic-down.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
  .recom-bundle .nav-link { position: relative; z-index: 1; display: block; padding: 0 1.5rem 0 0.75rem; color: #626B79; border-color: #D0D6DD !important; background-color: #FFFFFF !important; border: 0; border-radius: 0; max-height: 0; opacity: 0; margin-bottom: -1px; visibility: hidden; transition: all .4s ease; border-top: 0; }
  .recom-bundle .nav-link p { display: none; }
  .recom-bundle .nav-link .badge { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-right: 0.5rem; }
  .recom-bundle .nav-link h3 { display: inline-block; vertical-align: middle; font-size: 1rem; line-height: 2em; margin-bottom: 0; }
  .recom-bundle .nav-link:hover { text-decoration: none; }
  .recom-bundle .nav-link.active { position: relative; z-index: 2; border: 1px solid #D0D6DD; opacity: 1; visibility: visible; max-height: 57px; padding: 0.5rem 1.5rem 0.5rem 0.75rem; border-radius: .25rem; }
  .recom-bundle .nav.show .nav-link { border: 1px solid #D0D6DD; opacity: 1; visibility: visible; max-height: 57px; padding: 0.5rem 1.5rem 0.5rem 0.75rem; }
  .recom-bundle .nav.show .nav-link.active { border-radius: .25rem .25rem 0 0; }
  .recom-bundle .tab-pane__sm { margin-bottom: 32px; }
  .recom-bundle .tab-pane__sm .item__logo { margin-bottom: 12px; }
  .recom-bundle .tab-pane { display: block !important; opacity: 1 !important; padding: 16px; border: 1px solid #D0D6DD; border-radius: 4px; margin-bottom: 40px; position: relative; }
  .recom-bundle .tab-pane h3 { margin-bottom: 16px; }
  .recom-bundle .tab-pane span.cat { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 8px; }
  .recom-bundle .tab-pane ul.custom-list > li { margin-bottom: 8px; }
  .recom-bundle .tab-pane ul.custom-list > li:last-child { margin-bottom: 0; }
  .recom-bundle .tab-pane .price:not(:last-child) { margin-bottom: 24px; }
  .recom-bundle .tab-pane .price .ps { display: block; font-size: 14px; line-height: 20px; color: #545465; }
  .recom-bundle .tab-pane .price .pn { font-size: 32px; line-height: 40px; font-weight: 500; color: #2B2A35; }
  .recom-bundle .tab-pane .price .pt { margin-left: 4px; font-size: 14px; line-height: 24px; color: #545465; }
  .recom-bundle .tab-pane .tab-action { padding-top: 32px; }
  .recom-bundle .tab-pane .card-tnc { position: absolute; font-size: 12px; line-height: 16px; bottom: -24px; right: 0; }
  .recom-bundle__content { display: block; padding: 24px; color: #626B79; background-color: #FFF; border: 1px solid #D0D6DD; border-radius: 0.25rem; }
  .recom-bundle__title { margin-bottom: 0.25rem; }
  .recom-bundle__caption { font-size: 0.75rem; line-height: 1.429em; margin-bottom: 1rem; }
  .recom-bundle__price { display: block; color: #777; margin-bottom: 1.5rem; }
  .recom-bundle__price b { color: #232933; font-size: 2rem; line-height: 1.5em; }
  .recom-bundle__price span { color: #232933; }
  .recom-bundle__includes { margin-bottom: 2rem; }
  .recom-bundle__includes .title { display: block; color: #232933; font-size: 1rem; line-height: 1.5em; font-weight: 500; margin-bottom: 0.75rem; }
  .recom-bundle__includes .brands { margin: 0 -0.5rem; }
  .recom-bundle__includes .brand { display: inline-block; vertical-align: top; padding: 0 0.5rem 1rem; }
  .recom-bundle__includes .brand img { display: block; width: auto; max-height: 28px; }
  .recom-bundle__more { margin: 1.5rem -2rem 0; padding-top: 1.25rem; text-align: center; border-top: 1px solid #D0D6DD; }
  .recom-bundle__more span { display: block; position: relative; color: #4B61DD; }
  .recom-bundle__more span:after { content: ""; display: block; width: 1.5rem; height: 1.5rem; background-image: url(../images/ic-down-blue.svg); background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 100%; left: calc(50% - 0.75rem); }
  .cb-action { text-align: center; padding: 48px; }
  .cb-action img { display: inline-block; margin: 0 auto 1.5rem; height: 80px; width: auto; }
  .cb-action p { color: #232933; font-weight: 500; margin-bottom: 1.25rem; }
  .promise-block { background: #10253E; padding: 3rem 8px; color: #FFFFFF; }
  .promise-block .img { padding-bottom: 2rem; }
  .promise-block .img img { display: block; width: 100%; height: auto; }
  .promise-block span.sub { display: block; font-size: 0.875rem; line-height: 1.429em; margin-bottom: 0.5rem; }
  .promise-block h2, .promise-block p, .promise-block a { color: #FFFFFF; }
  .promise-block ul { display: block; margin-bottom: 1rem; }
  .promise-block ul li { display: block; position: relative; padding-bottom: 0.5rem; padding-left: 2rem; }
  .promise-block ul li::before { content: ""; display: block; position: absolute; width: 1.25rem; height: 1.25rem; top: 0.083em; left: 0; background-image: url(../images/ic-check-alt.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }
  .promise-block .cta { padding-top: 1rem; }
  .get-started-block { position: relative; text-align: center; padding: 64px 8px; background-color: #F9FAFB; }
  .get-started-block .icon { display: block; height: 4rem; width: auto; margin: 0 auto 1rem; }
  .get-started-block h2 { max-width: 275px; margin-left: auto; margin-right: auto; }
  .get-started-block .cta { margin: 0 -0.5rem; }
  .get-started-block .cta .btn { margin: 0 0.5rem; }
  .get-started-block__img { padding-top: 2.5rem; }
  .get-started-block__img img { display: block; width: 100%; height: auto; }
  .accordion { position: relative; margin-bottom: 32px; }
  .accordion .card { position: relative; margin-bottom: 4px; }
  .accordion .card__header { position: relative; display: block; padding: 20px 56px 20px 20px; cursor: pointer; border-bottom: 1px solid #E2E2E2; transition: all .3s ease-in-out; }
  .accordion .card__header:after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; position: absolute; top: 20px; right: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .5s ease-in-out; }
  .accordion .card__header.collapsed:after { -webkit-transform: none; transform: none; }
  .accordion .card__title { font-size: 16px; line-height: 24px; font-weight: 500; margin: 0; padding: 0; }
  .accordion .card__title:hover { color: #232933; }
  .accordion .card__body { background: #FFF; border-radius: 4px; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); padding: 24px 20px; margin-top: 12px; }
  .accordion--faq .card { margin-bottom: 16px; background: #FFF; border-radius: 4px; overflow: hidden; border: 1px solid #D0D6DD; transition: all .5s ease-in-out; }
  .accordion--faq .card.open { margin-bottom: 24px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
  .accordion--faq .card__header { padding: 16px 58px 12px 16px; border: 0; }
  .accordion--faq .card__header:after { top: calc(50% - 12px); right: 16px; background: url(../images/ic-cancel.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .accordion--faq .card__header.collapsed { padding-bottom: 16px; }
  .accordion--faq .card__header.collapsed .card__title { font-weight: 400; }
  .accordion--faq .card__header.collapsed:after { content: ""; background: url(../images/ic-chevron-down.svg) no-repeat center; background-size: contain; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  .accordion--faq .card__body { border-radius: 0; box-shadow: none; padding: 0 58px 32px 16px; margin: 0; }
  .accordion--plan .card { border: 1px solid #D0D6DD; margin-bottom: 12px; }
  .accordion--plan .card:last-child { margin-bottom: 0; }
  .accordion--plan .card__header { border: 0; padding: 0.5rem 0.625rem; border-radius: 0.25rem; }
  .accordion--plan .card__header:after { content: ""; width: 20px; height: 20px; top: 8px; right: 10px; }
  .accordion--plan .card__title { display: block; font-size: 0.875rem; line-height: 1.429em; }
  .accordion--plan .card__title .badge { margin-right: 0.5rem; }
  .accordion--plan .card__body { border-radius: 0 0 .25rem .25rem; border: 0; margin: 0; padding: 0.5rem 0.625rem 1rem; font-size: 0.875rem; line-height: 1.429em; }
  .accordion--auto .card__header { border: 0; padding: 1.25rem; }
  .accordion--auto .card__header:not(.collapsed) { background: #FFFFFF; }
  .accordion--auto .card__body { box-shadow: none; padding: 0 1.25rem 1.5rem; margin: 0; background: #FFFFFF; }
  .accordion--auto .progress-bar { z-index: 5; display: block; position: absolute; width: 100%; top: 0; left: 0; opacity: 0; }
  .accordion--auto .progress-bar span { display: block; width: 100%; height: 2px; background: #5B37D4; }
  .accordion--auto .card { position: relative; border-bottom: 1px solid #D0D6DD; margin: 0 0 .25rem; border-radius: 0; transition: all .4s ease; }
  .accordion--auto .card.open { border-radius: 0.25rem; box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75); border-bottom-color: transparent; }
  .accordion--auto .card.open .progress-bar { opacity: 1; }
  .accordion--auto-images { margin-bottom: 2rem; }
  .accordion--auto-images .img { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .accordion--auto-images .img img { display: block; width: 100%; height: auto; }
  .accordion--auto-images .img:not(.active) { display: none; }
  .faq-block { padding: 32px 8px; background: #FFFFFF; }
  .faq-block .accordion--faq { margin-bottom: 0; }
  .faq-block .accordion--faq .card:last-child { margin-bottom: 0; }
  .faq-block .section-head { margin-bottom: 2rem; }
  .pricing-socproof { padding-bottom: 32px; padding-top: 0; background: #F2F4F7; }
  .pricing-socproof .item { margin-bottom: 20px; }
  .pricing-socproof .item__wrap { padding-left: 16px; }
  .pricing-socproof .item__number { position: relative; }
  .pricing-socproof .item__number::before { content: ""; display: block; width: 2px; height: 32px; position: absolute; top: calc(50% - 16px); left: -16px; background-color: #4B61DD; }
  .pricing-socproof .item__number span { color: #5B37D4; font-size: 32px; line-height: 48px; font-weight: 600; display: block; margin-bottom: 0; }
  .pricing-socproof .item__desc { max-width: 85%; }
  .sub-content { background: #F2F4F7; margin-bottom: 72px; padding-top: 12px; margin-left: -12px; margin-right: -12px; }
  .sub-content .pricing-card { padding-bottom: 48px; }
  .sub-content .pricing-card .card__head { background: #FFF; }
  .all-pkg__title { font-size: 24px; line-height: 32px; margin-bottom: 32px; }
  .all-pkg__ctitle { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
  .all-pkg .items { padding-top: 24px; }
  .all-pkg .items-socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 6px; margin-left: -6px; margin-right: -6px; }
  .all-pkg .items-socmed .item { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }
  .all-pkg__wrap { padding-top: 48px; padding-bottom: 48px; border-top: 1px solid #D9E7F5; position: relative; }
  .all-pkg__wrap::after { content: ""; display: block; width: 200%; border-top: 1px solid #D0D6DD; position: absolute; bottom: 0; left: -50%; }
  /* Block Featured */
  .block-featured { padding-top: 4rem; padding-bottom: 4rem; padding-left: 8px; padding-right: 8px; }
  .block-featured__title { text-align: center; margin: 0 0 1rem; }
  .block-featured__desc { text-align: center; margin-bottom: 2.5rem; }
  .block-featured .item { position: relative; margin-bottom: 2rem; }
  .block-featured .item:last-child { margin-bottom: 0; }
  .block-featured .item__img { position: absolute; top: 0; left: 0; }
  .block-featured .item__img img { display: block; height: auto; width: 40px; margin: 0 0 0.5rem; }
  .block-featured .item__title { margin: 0 0 0.25rem; }
  .block-featured .item__desc { max-width: 360px; }
  .block-featured .item__wrap { position: relative; padding-left: 52px; }
  /* Our Goals */
  .our-goals-cta { padding-top: 4rem; padding-left: 8px; padding-right: 8px; }
  .our-goals-cta__title { margin: 0 0 1.5rem; text-align: center; }
  .our-goals-cta .item { margin-bottom: 1.5rem; }
  .our-goals-cta .item__wrap { padding: 1.5rem; background-color: #F9FAFB; border-radius: 0.5rem; }
  .our-goals-cta .item__img { margin: 0 0 1.5rem; }
  .our-goals-cta .item__img img { display: block; height: 7.5rem; width: auto; }
  .our-goals-cta .item span.sub { display: block; font-size: 0.875rem; line-height: 1.429em; margin: 0 0 0.25rem; }
  .our-goals-cta .item__title { margin-bottom: 1rem; }
  .our-goals-cta .item__action { padding-top: 1.5rem; color: #4B61DD; }
  .our-goals-cta .item.hightlight { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .item__wrap { background-color: #5B37D4; background-image: url(../images/img-og-03.png); background-repeat: no-repeat; background-position: right bottom; background-size: 160%; }
  .our-goals-cta .item.hightlight .item__title { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .item__desc { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .link-more { color: #FFFFFF; }
  .our-goals-cta .item.hightlight .link-more:after { background: url(../images/ic-arrow-right-long-w.svg) no-repeat center; }
  .our-goals-cta--about { padding: 40px 8px 56px; }
  .our-goals-cta--about .item.hightlight .item__wrap { background-color: #4B61DD; }
  .our-goals-cta--single-blog { margin-bottom: 80px; }
  .our-goals-cta--single-blog .item.hightlight .item__wrap { background-color: #4B61DD; }
  /* Get started */
  .get-started { display: block; position: relative; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .get-started .stepper { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4rem; }
  .get-started .stepper__item { display: block; position: relative; -webkit-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
  .get-started .stepper__item:before { content: ""; z-index: 1; display: block; width: calc(100% - 1.75rem); height: 1px; background-color: #D0D6DD; position: absolute; top: 0.875rem; left: calc(50% + 1.375rem); }
  .get-started .stepper__item:last-child:before { display: none; }
  .get-started .stepper__item span.no { z-index: 2; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1.75rem; height: 1.75rem; background-color: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 1.75rem; color: #B4B4B4; font-size: 0.875rem; line-height: 1.75rem; margin: 0 auto 0.25rem; }
  .get-started .stepper__item span.text { z-index: 2; position: relative; display: block; color: #B4B4B4; font-size: 0.875rem; line-height: 1.429em; }
  .get-started .stepper__item.active span.no { background-color: #4B61DD; border-color: #4B61DD; color: #FFFFFF; }
  .get-started .stepper__item.active span.text { color: #232933; font-weight: 500; }
  .get-started .stepper__item.done span.no { cursor: pointer; }
  .get-started .stepper__item.done span.no:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #FFFFFF; background-image: url(../images/icon_check.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }
  .get-started .stepper__item.done span.text { color: #232933; }
  .get-started .stepper__item.done.active span.no { border-color: transparent; background-color: transparent; }
  .get-started .quote img { display: block; width: 100%; height: auto; margin: 0 0 3rem; }
  .get-started .quote p { color: #232933; font-size: 1.25rem; line-height: 1.4em; font-weight: 500; margin: 0 0 1rem; }
  .get-started .quote span.name { display: block; color: #232933; font-size: 0.875rem; line-height: 1.429em; font-weight: 500; }
  .get-started .quote span.job { display: block; font-size: 0.875rem; line-height: 1.429em; }
  .get-started .nav--quote { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1.5rem; margin: 0 -0.5rem; }
  .get-started .nav--quote .nav-item { display: block; position: relative; padding: 0 0.5rem; }
  .get-started .nav--quote .nav-link { display: block; position: relative; opacity: .3; transition: all .3s ease; }
  .get-started .nav--quote .nav-link img { z-index: 3; position: relative; display: block; width: 2.5rem; height: 2.5rem; object-fit: cover; background-color: #D0D6DD; object-position: 50% 50%; border-radius: 2.5rem; }
  .get-started .nav--quote .nav-link.active { opacity: 1; }
  .get-started .form label { font-weight: 500; }
  .get-started .form span.separator { width: 3rem; height: 1px; display: block; background: #D0D6DD; margin-top: 0.75rem; margin-bottom: 1.5rem; }
  .get-started .form .form-action p { font-size: 0.875rem; line-height: 1.429em; }
  .get-started .form .plan-package { margin-bottom: 0.75rem; }
  .get-started .form .plan-package label { margin-bottom: 4px; font-size: 14px; line-height: 20px; }
  .get-started .form .plan-package:last-child { margin-bottom: 0; }
  .get-started .form .employee p, .get-started .form .employee .emp-input { margin-bottom: 1.5rem; }
  .get-started .form .employee .form-range__before { text-align: left; }
  .get-started .form .employee .form-range__after { text-align: right; }
  .get-started .form__head { text-align: center; margin-bottom: 2.5rem; }
  .get-started .form__head h2 { margin-bottom: 1rem; }
  .get-started .form__step { display: none; }
  .get-started .form__step.active { display: block; }
  .get-started__form { display: block; position: relative; width: 100%; background-color: #FFFFFF; padding: 3rem 1.5rem 5rem; }
  .get-started__asside { display: block; position: relative; width: 100%; background-color: #F2F4F7; padding: 2rem 1rem; }
  .get-started__asside .card { display: block; background-color: #FFFFFF; border: 1px solid #D0D6DD; padding: 2rem 2.5rem; border-radius: 0.25rem; border-top: 2px solid #4B61DD; }
  .get-started__asside .card hr { border-top: 1px solid #D0D6DD; display: block; width: 100%; margin: 0 0 1.5rem; }
  .get-started__asside .card .sub { display: block; font-size: 1rem; line-height: 1.5em; margin: 0 0 1.5rem; }
  .get-started__asside .card h2 { margin-bottom: 0.75rem; }
  .get-started__asside .card p { margin-bottom: 1.5rem; }
  .get-started__asside .card .total-price { display: block; position: relative; margin-bottom: 0.75rem; }
  .get-started__asside .card .price { color: #232933; display: block; position: relative; font-size: 1.5rem; line-height: 1.333em; margin-bottom: 1rem; font-weight: 500; }
  .get-started__asside .card .price small { color: #626B79; display: inline-block; position: relative; font-size: 1rem; line-height: 1.5em; }
  .get-started__asside .asside__step { display: none; }
  .get-started__asside .asside__step.active { display: block; }
  .get-started__done { width: 100%; padding: 32px 0; background-color: #F9FAFB; }
  .get-started__done .card { background-color: #FFFFFF; border: 1px solid #D0D6DD; padding: 32px 24px; border-radius: 0.25rem; text-align: center; }
  .get-started__done .card img { display: block; margin: 0 auto 2rem; max-width: 100%; height: auto; }
  .get-started__package .title { font-size: 20px; line-height: 28px; margin-bottom: 16px; }
  .get-started__package .item { background: #fff; border: 1px solid #D0D6DD; border-radius: 4px; padding: 16px; margin-bottom: 12px; display: none; }
  .get-started__package .item__logo { display: inline-block; position: relative; line-height: 24px; text-align: center; top: -2px; width: 110px; }
  .get-started__package .item__title { position: relative; font-size: 16px; line-height: 24px; margin-bottom: 0; cursor: pointer; padding-right: 36px; }
  .get-started__package .item__title img { display: inline-block; height: 32px; width: auto; line-height: 32px; margin-right: 16px; }
  .get-started__package .item__title:after { content: ""; display: block; position: absolute; width: 24px; height: 24px; right: 0; top: 2px; background: url(../images/ic-chevron-down.svg); -webkit-transform: none; transform: none; transition: all .3s ease; }
  .get-started__package .item__detail { padding-top: 16px; }
  .get-started__package .item__desc { margin-bottom: 16px; }
  .get-started__package .item__price b { color: #2B2A35; }
  .get-started__package .item.show { display: block; }
  .get-started__package .item.open .item__title:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
  .get-started__package .item-add { border: 1px solid #4B61DD; margin-top: 24px; border-radius: 4px; padding: 8px; color: #4B61DD; text-align: center; cursor: pointer; }
  .get-started__package .item-add:hover { background: #4B61DD; color: #FFF; }
  .get-started__package .item-add:hover .svg path { fill: #FFF; }
  .get-started__package .item-add .svg { display: inline-block; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; margin-right: 16px; }
  .modal--getstarted .modal-body { max-height: calc(90vh - 178px); }
  .form-modal-getstarted .modal__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; }
  .form-modal-getstarted .item-group { margin-bottom: 24px; }
  .form-modal-getstarted .item-group.faded .item .item__wrap { opacity: 0.3; }
  .form-modal-getstarted .item-group.faded .item .item__wrap.selected { opacity: 1; }
  .form-modal-getstarted .item-group.bundled .item .item__wrap.selected { opacity: 0.3; }
  .form-modal-getstarted .item-group.bundled .item .item__wrap.selected:before, .form-modal-getstarted .item-group.bundled .item .item__wrap.selected:after { display: none; }
  .form-modal-getstarted .item-label { margin-bottom: 12px; }
  .form-modal-getstarted .item-label span { display: block; font-size: 24px; line-height: 32px; font-weight: 500; color: #2B2A35; }
  .form-modal-getstarted .item-label img { display: block; height: 40px; width: auto; }
  .form-modal-getstarted .item__wrap { position: relative; display: block; border: 1px solid #D0D6DD; border-radius: 4px; padding: 16px; cursor: pointer; margin-bottom: 16px; }
  .form-modal-getstarted .item__wrap:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 4px; top: 0; left: 0; transition: all .3s ease; }
  .form-modal-getstarted .item__wrap:after { content: ""; z-index: 1; display: none; width: 1.25rem; height: 1.25rem; background-image: url(../images/ic-check-blue.svg); background-color: #FFFFFF; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(-0.75rem + 1px); right: calc(-0.75rem + 1px); border-radius: 1.25rem; border: 2px solid #FFFFFF; }
  .form-modal-getstarted .item__wrap:hover:before { border-color: #4B61DD; }
  .form-modal-getstarted .item__wrap.selected:before { border-color: #4B61DD; }
  .form-modal-getstarted .item__wrap.selected:after { display: block; }
  .form-modal-getstarted .item__title { color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 4px; }
  .form-modal-getstarted .item__desc { margin-bottom: 12px; }
  .form-modal-getstarted .item__desc p { font-size: 14px; line-height: 20px; }
  .form-modal-getstarted .item__price b { color: #2B2A35; }
  .form-modal-getstarted .item input[type=radio] { opacity: 0; position: absolute; visibility: hidden; }
  .form-modal-getstarted .item.faded .item__wrap { opacity: 0.5; }
  .form-modal-getstarted .item.faded .item__wrap.selected { opacity: 1; }
  .form-modal-getstarted .item.pre-selected .item__wrap:after { display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  .form-modal-getstarted .item.disabled { opacity: 0.5; pointer-events: none; }
  /* Product */
  .clients-logo__title { text-align: center; }
  .clients-logo__items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -16px; margin-right: -16px; }
  .clients-logo__items .item { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; margin-bottom: 24px; }
  .clients-logo__items .item img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
  .clients-logo__wrap { padding: 48px 24px 12px; }
  .product-featured { padding-top: 2.5rem; padding-left: 8px; padding-right: 8px; }
  .product-featured .nav-container { margin: 0; padding-top: 52px; background: transparent; max-width: 100%; }
  .product-featured .nav-item { width: 100%; max-width: 100%; left: 0; }
  .product-featured .nav-item.active { width: 100%; left: 0; }
  .product-featured .nav-item.active:after { right: 1.5rem; }
  .product-featured .nav-link { color: #2B2A35; font-size: 0.875rem; line-height: 1.429em; height: auto; max-height: initial; padding: 0.875rem 2.75rem 0.875rem 0.75rem; }
  .product-featured .nav-link .icon { display: none; }
  .product-featured .nav-link span { display: block; }
  .product-featured .nav-link span br { display: none; }
  .product-featured .nav-link.active { max-height: initial; padding: 0.875rem 2.75rem 0.875rem 0.75rem; }
  .product-featured .nav-link.active span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .product-featured .nav-tabs { left: auto; top: 0; padding: 54px 0 0; }
  .product-featured .nav-tabs.show .nav-link { height: auto; max-height: initial; padding: 0.875rem 2.75rem 0.875rem 0.75rem; }
  .product-featured .tab-pane { padding: 2.5rem 0 4rem; }
  .product-featured .tab-pane .tab-title-sm { margin: 0 0 2.5rem; }
  .product-featured .tab-pane .tab-title-sm .icon { margin: 0 0 0.5rem; }
  .product-featured .tab-pane .tab-title-sm .icon img { display: block; height: 3rem; width: auto; margin: 0 auto; }
  .product-featured .tab-pane .tab-title-sm .title { display: block; text-align: center; color: #2B2A35; font-weight: 500; }
  .product-featured .tab-pane .img { margin-bottom: 2rem; }
  .product-featured .tab-pane .img img { display: block; width: 100%; height: auto; border-radius: 0.25rem; }
  .product-featured .tab-pane .video { margin-bottom: 2rem; }
  .product-featured .tab-pane h2 { font-size: 1.5rem; line-height: 1.5em; margin-bottom: 1.5rem; }
  .product-featured .tab-pane .list-check li { padding-bottom: 2rem; }
  .product-statistics { padding-top: 64px; padding-bottom: 64px; padding-left: 8px; padding-right: 8px; }
  .product-statistics__items .owl-dots { bottom: 0; }
  .product-statistics__items .owl-nav .btn-nav { border: 1px solid #B4B4B4; width: 32px; height: 32px; top: -16px; border-radius: 16px; }
  .product-statistics__items .owl-nav .btn-nav:hover { opacity: 1; }
  .product-statistics__items .card { margin-bottom: 48px; }
  .product-statistics__items .card__title { font-size: 1.5rem; line-height: 1.333em; text-align: center; margin-bottom: 40px; }
  .product-statistics__items .card__title br { display: none; }
  .product-statistics__items .card__title:hover { color: #232933; }
  .product-statistics__items .card__items { display: block; }
  .product-statistics__items .card__items .item { display: block; width: 100%; margin-bottom: 24px; padding: 0 48px; }
  .product-statistics__items .card__items .item__num { font-size: 48px; line-height: 56px; margin-bottom: 4px; font-weight: 600; color: #4B61DD; }
  .product-statistics__items .card__items .item__text { color: #2B2A35; }
  .product-statistics__items .card__wrap { padding-left: 0; padding-right: 0; }
  .product-complete { padding-top: 4rem; padding-bottom: 4rem; padding-left: 8px; padding-right: 8px; }
  .product-complete__title { text-align: center; margin: 0 0 1rem; }
  .product-complete__title:last-child { margin-bottom: 2rem; }
  .product-complete__desc { text-align: center; max-width: 600px; margin: 0 auto 2.5rem; }
  .product-complete .item-container { padding: 0 0 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .product-complete .item { z-index: 1; position: relative; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: -1px; }
  .product-complete .item .icon { display: block; position: absolute; width: 30px; height: 30px; top: 0.875rem; left: 1rem; object-fit: contain; object-position: 50% 50%; }
  .product-complete .item h4 { font-size: 1.25rem; line-height: 1.6em; margin: 0; padding-right: 2rem; }
  .product-complete .item p { margin: 0 0 0.75rem; }
  .product-complete .item span.large-title { display: block; color: #232933; font-size: 24px; line-height: 32px; font-weight: 500; margin: 0; }
  .product-complete .item .more { display: block; margin: 1rem 0; color: #4B61DD; position: relative; transition: all .4s ease; }
  .product-complete .item .more img { display: inline-block; vertical-align: middle; width: 1.5rem; height: 0.5rem; margin-left: 0.5rem; }
  .product-complete .item__wrap { display: block; position: relative; padding: 1rem 1rem 1rem 4rem; border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; margin-bottom: -1px; color: #626B79; }
  .product-complete .item__wrap:after { content: ""; display: block; position: absolute; width: 1.5rem; height: 1.5rem; top: 1.25rem; right: 1.25rem; background: url(../images/ic-chevron-down.svg) no-repeat; background-size: contain; background-position: center; -webkit-transform: none; transform: none; transition: all .4s ease; }
  .product-complete .item__content { padding-top: 0.25rem; display: none; }
  .product-complete .item.active .item__wrap:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .product-complete .item.no-anchor { text-align: left !important; pointer-events: none; }
  .product-complete .item.no-anchor .icon { top: calc(50% - 15px); }
  .product-complete .item.no-anchor .item__wrap { padding-left: 4.5rem; }
  .product-complete .item.no-anchor .item__wrap:before, .product-complete .item.no-anchor .item__wrap:after { display: none; }
  .product-complete .item.no-anchor .item__content { display: block; }
  .product-complete .item.no-anchor .item__content p:last-child { margin: 0; }
  .product-complete__cta { padding-top: 2rem; }
  .product-complete--home { papadding-top: 3rem; padding-bottom: 3rem; }
  .product-complete--about-alt .item__wrap { padding: 1.25rem 1rem; }
  .product-complete--about-alt .item__logo img { height: 40px; width: auto; display: block; margin: 0 0 6px; }
  .product-itegrate { padding: 3rem 8px 5rem; }
  .product-itegrate__title { margin-bottom: 2rem; }
  .product-itegrate__top-cta { display: none; }
  .product-itegrate .slider-container { text-align: left; margin-right: 0; margin-bottom: 52px; }
  .product-itegrate .slider-item { padding: 2rem 1.5rem 24px; background: #F9FAFB; border-radius: 0.5rem; margin-right: 0; margin-bottom: 1.5rem; }
  .product-itegrate .slider-item .logo { display: block; height: 2.5rem; width: auto; margin: 0 0 1.5rem; }
  .product-itegrate .slider-item h4 { margin-bottom: 0.5rem; }
  .product-itegrate .owl-dots { bottom: -0.5rem; text-align: left; }
  .product-itegrate .owl-dot span { background-color: #D0D6DD; }
  .product-testi-title { padding-top: 40px; padding-bottom: 24px; padding-left: 8px; padding-right: 8px; }
  .product-testi-title--pricing { background: #F2F4F7; }
  .product-testi, .block-testi { padding: 3rem 8px; position: relative; background: #F2F4F7; }
  .product-testi:before, .block-testi:before { content: ""; display: block; width: 100vw; height: 70%; position: absolute; top: 0; left: 0; background: #F2F4F7; }
  .product-testi .more, .block-testi .more { display: inline-block; color: #4B61DD; transition: all .4s ease; }
  .product-testi .more img, .product-testi .more svg, .block-testi .more img, .block-testi .more svg { display: inline-block; vertical-align: middle; width: 1.5rem; height: 0.5rem; margin-left: 0.5rem; }
  .product-testi .more:hover, .block-testi .more:hover { color: #4B61DD; text-decoration: underline; }
  .product-testi .list-item, .block-testi .list-item { display: block; }
  .product-testi .list-item:not(:first-child), .block-testi .list-item:not(:first-child) { margin-top: 3rem; }
  .product-testi .list-item .item, .block-testi .list-item .item { position: relative; padding-left: 56px; margin-bottom: 2rem; }
  .product-testi .list-item .item .icon, .block-testi .list-item .item .icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; object-fit: contain; object-position: 50% 50%; }
  .product-testi .list-item .item span, .block-testi .list-item .item span { display: block; color: #232933; }
  .product-testi .list-item .item .number, .block-testi .list-item .item .number { font-size: 2rem; line-height: 1.167em; font-weight: 500; }
  .product-testi .owl-dots, .block-testi .owl-dots { text-align: left; padding: 0 1.125rem; bottom: 3rem; }
  .product-testi .owl-dot span, .block-testi .owl-dot span { background-color: #FFFFFF; opacity: 0.3; }
  .product-testi .owl-dot.active span, .block-testi .owl-dot.active span { opacity: 1; background-color: #FFFFFF; }
  .product-testi .testi, .block-testi .testi { background: #10253E; color: #FFFFFF; border-radius: 0.5rem; }
  .product-testi .testi .logo, .block-testi .testi .logo { margin-bottom: 2rem; }
  .product-testi .testi .logo img, .block-testi .testi .logo img { display: block; height: 2rem; width: auto; }
  .product-testi .testi .quote p, .block-testi .testi .quote p { font-size: 20px; line-height: 1.333em; font-weight: 500; margin-bottom: 1.5rem; }
  .product-testi .testi .quote span, .block-testi .testi .quote span { display: block; font-size: 0.875rem; line-height: 1.429em; margin-bottom: 4px; }
  .product-testi .testi .quote .name, .block-testi .testi .quote .name { font-weight: 500; }
  .product-testi .testi .more, .block-testi .testi .more { display: block; position: relative; margin-top: 1.5rem; }
  .product-testi .testi__img, .block-testi .testi__img { position: relative; width: 100%; padding-top: 58%; }
  .product-testi .testi__img .btn-play, .block-testi .testi__img .btn-play { z-index: 2; display: block; width: 3.75rem; height: 3.75rem; border-radius: 3.75rem; background-image: url(../images/ic-play.svg); background-repeat: no-repeat; background-position: center; position: absolute; bottom: 1.5rem; right: 1.5rem; }
  .product-testi .testi__img img, .block-testi .testi__img img { z-index: 1; border-radius: 0.5rem 0.5rem 0 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; }
  .product-testi .testi__body, .block-testi .testi__body { position: relative; padding: 2rem 1.5rem 2rem 1.5rem; border-radius: 0 0 0.5rem 0.5rem; }
  .product-testi .owl-item .testi__body, .block-testi .owl-item .testi__body { padding-bottom: 5rem; }
  .product-testi:not([class*="theme-"]) .testi__img .btn-play, .block-testi:not([class*="theme-"]) .testi__img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primary 2s infinite; animation: primary 2s infinite; }
  @-webkit-keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  @keyframes primary { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .product-testi:not([class*="theme-"]) .testi .more, .block-testi:not([class*="theme-"]) .testi .more { color: #A68AF1; }
  .product-testi:not([class*="theme-"]) .testi .more svg path, .block-testi:not([class*="theme-"]) .testi .more svg path { fill: #A68AF1; }
  .product-testi--home, .block-testi--home { padding-bottom: 0; }
  .product-testi--alt .product-testi__wrap, .product-testi--alt .block-testi__wrap, .block-testi--alt .product-testi__wrap, .block-testi--alt .block-testi__wrap { padding-left: 12px; padding-right: 12px; }
  .product-testi--alt .product-testi__block-img, .product-testi--alt .block-testi__block-img, .block-testi--alt .product-testi__block-img, .block-testi--alt .block-testi__block-img { position: relative; width: 100%; padding-top: 100%; }
  .product-testi--alt .product-testi__block-img img, .product-testi--alt .block-testi__block-img img, .block-testi--alt .product-testi__block-img img, .block-testi--alt .block-testi__block-img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; border-radius: 8px 8px 0 0; }
  .product-testi--alt .testi, .block-testi--alt .testi { border-radius: 0 0 8px 8px; }
  .product-testi--alt.theme--about span.title, .block-testi--alt.theme--about span.title { display: block; padding: 1.5rem 1.5rem 0; color: #FFF; font-size: 16px; line-height: 24px; font-weight: 500; display: block; background: #10253E; }
  .product-testi--alt.theme--about .quote-about, .block-testi--alt.theme--about .quote-about { padding-top: 32px; margin-top: 32px; border-top: 1px dashed #B4B4B4; color: #FFF; font-size: 14px; line-height: 20px; }
  .product-testi--alt.theme--about .quote-about__name, .block-testi--alt.theme--about .quote-about__name { display: block; margin-bottom: 12px; color: #FFF; font-weight: 500; }
  .block-testi { padding: 64px 0; background: #F2F4F7; }
  .block-testi::before { display: none; }
  .product-cta { position: relative; padding: 64px 8px 0; }
  .product-cta .logomark { display: block; width: 2.25rem; height: 2.25rem; margin: 0 auto 1.25rem; }
  .product-cta__title { margin: 0 0 1rem; }
  .product-cta__desc { margin: 0 0 2rem; }
  .product-cta__action { margin: 0 -0.5rem 64px; }
  .product-cta__action .btn { margin: 0 0.5rem; }
  .product-cta__img { display: block; position: relative; height: auto; width: 100%; bottom: 0; right: 0; padding-top: 1.5rem; }
  .product-cta__img img { display: block; height: auto; width: 100%; }
  .product-download { background: #FBFCFC; padding-top: 32px; padding-bottom: 32px; text-align: center; }
  .product-download__title { font-size: 16px; line-height: 24px; margin: 0 0 24px; }
  .product-download__buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -12px; margin-right: -12px; }
  .product-download__buttons .item { display: inline-block; margin-left: 12px; margin-right: 12px; }
  .product-socprof { padding-top: 64px; padding-bottom: 64px; }
  .product-socprof__title { margin-bottom: 32px; }
  .product-socprof .item__number { color: #009BDE; font-size: 36px; line-height: 44px; font-weight: 600; margin-bottom: 4px; }
  .product-socprof .item__title { color: #2B2A35; font-size: 18px; line-height: 28px; font-weight: 600; }
  .product-socprof .slider-xs { margin-left: 0; margin-right: 0; padding-bottom: 32px; }
  .product-socprof .slider-item { padding-left: 0; padding-right: 0; }
  .product-socprof .owl-dots { bottom: 8px; }
  .product-socprof .owl-nav { display: none; }
  .product-tabs { padding-top: 64px; }
  .product-tabs__sub { display: block; text-align: center; font-size: 14px; line-height: 20px; margin-bottom: 12px; }
  .product-tabs__title { display: block; text-align: center; margin-bottom: 28px; }
  .product-tabs__desc { display: block; text-align: center; margin-bottom: 64px; }
  .product-tabs__nav { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 64px; }
  .product-tabs__nav .nav-item { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 12px; padding-right: 12px; }
  .product-tabs__nav .nav-link { display: block; color: #2B2A35; position: relative; padding: 16px; border: 1px solid #E3E3E8; border-radius: 4px; text-decoration: none; }
  .product-tabs__nav .nav-link .ic { display: block; position: relative; height: 32px; width: auto; -webkit-filter: grayscale(1) brightness(0.9); filter: grayscale(1) brightness(0.9); transition: all .3s ease; margin: 0 auto 10px; }
  .product-tabs__nav .nav-link .title { display: block; font-weight: 600; margin-bottom: 12px; text-align: center; font-size: 14px; line-height: 20px; margin-bottom: 0; }
  .product-tabs__nav .nav-link p { display: none; }
  .product-tabs__nav .nav-link.active { background: #F2F4F7; border: 1px solid #005FBF; box-shadow: 0px 0px 0px 1px #005fbf; }
  .product-tabs__nav .nav-link.active .ic { -webkit-filter: none; filter: none; }
  .product-tabs .mpay-block:nth-of-type(odd) .item .row:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .product-tabs .mpay-block:nth-of-type(even) { background: #F2F4F7; }
  .video-cover { position: relative; margin-bottom: 64px; padding-left: 12px; padding-right: 12px; }
  .video-cover img { display: block; width: 100%; height: auto; }
  .video-cover .btn-play-alt { display: block; position: absolute; width: 80px; height: 80px; top: calc(50% - 40px); left: calc(50% - 40px); }
  .video-cover .btn-play-alt .bg { z-index: 1; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #FFF; background-image: url("../images/ic-play-blue.svg"); background-repeat: no-repeat; background-position: 53% 33%; background-size: 24px; box-shadow: 0 0 0 rgba(255, 255, 255, 0.4); -webkit-animation: play-alt 2s infinite; animation: play-alt 2s infinite; }
  @-webkit-keyframes play-alt { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
    70% { box-shadow: 0 0 0 28px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  @keyframes play-alt { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
    70% { box-shadow: 0 0 0 28px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
  .video-cover .btn-play-alt .text { z-index: 4; display: block; width: 100%; font-size: 12px; line-height: 18px; color: #2B2A35; position: absolute; bottom: 20%; left: 0; text-align: center; }
  .video-cover__title { font-size: 24px; line-height: 32px; margin-bottom: 40px; padding-left: 12px; padding-right: 12px; }
  .mpay-block { padding-top: 64px; padding-bottom: 64px; padding-left: 12px; padding-right: 12px; }
  .mpay-block__title { text-align: center; }
  .mpay-block__desc { text-align: center; margin-bottom: 24px; }
  .mpay-block .item__img img { display: block; width: auto; height: auto; max-width: 100%; }
  .mpay-block .item__wrap { padding-top: 30px; padding-bottom: 30px; }
  .block-cta-alt { padding-top: 16px; }
  .block-cta-alt__title { text-align: center; padding-top: 32px; position: relative; }
  .block-cta-alt__title::before { content: ""; display: inline-block; width: 48px; height: 6px; background: #009BDE; top: 0; left: calc(50% - 24px); position: absolute; }
  .block-cta-alt__buttons { text-align: center; padding-top: 20px; }
  .block-cta-alt__buttons .btn { width: 100%; margin-bottom: 16px; }
  .block-cta-alt__buttons .btn:last-child { margin-bottom: 0; }
  .product-hr-helpdesk { padding-top: 80px; padding-bottom: 48px; padding-left: 8px; padding-right: 8px; }
  .product-hr-helpdesk__img { position: relative; margin-top: -60px; padding: 0 12px 12px; }
  .product-hr-helpdesk__img img { display: block; max-width: 100%; height: auto; }
  .product-hr-helpdesk__title { color: #FFF; margin-bottom: 16px; }
  .product-hr-helpdesk__desc { color: #FFF; margin-bottom: 32px; }
  .product-hr-helpdesk__content { padding: 32px 12px; }
  .product-hr-helpdesk__box { background: #448AFF; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0; margin-right: 0; border-radius: 12px; }
  .product-hr-helpdesk__buttons .btn { width: 100%; margin-bottom: 8px; }
  .product-hr-helpdesk__buttons .btn:last-child { margin-bottom: 0; }
  /* Product - Layer 2*/
  .product-bigimg { padding: 48px 8px; }
  .product-bigimg__title { margin-bottom: 16px; }
  .product-bigimg__desc { margin-bottom: 48px; }
  .product-bigimg__img img { display: block; width: 100%; height: auto; object-fit: contain; object-position: 50% 50%; }
  .block-opps .section-title { margin-bottom: 24px; }
  .block-opps__item { padding: 48px 8px; }
  .block-opps__plogo { margin-bottom: 16px; }
  .block-opps__plogo img { display: block; height: 56px; width: auto; }
  .block-opps__title { margin-bottom: 16px; }
  .block-opps__desc { margin-bottom: 24px; }
  .block-opps__img { margin-bottom: 24px; }
  .block-opps__img img { display: block; width: 100%; height: auto; }
  .block-center__title { text-align: center; }
  .block-center__desc { text-align: center; margin-bottom: 32px; }
  .block-center__list ul.list-check { margin-bottom: 32px; }
  .block-center__list ul.list-check li { margin-bottom: 16px; }
  .block-center__img img { display: block; width: 80%; height: auto; margin: 0 auto 32px; }
  .block-center__wrap { padding-top: 0; padding-bottom: 80px; padding-left: 20px; padding-right: 20px; }
  .product-whychoose { padding: 48px 8px; }
  .product-whychoose__title { margin-bottom: 16px; }
  .product-whychoose__desc { margin-bottom: 48px; }
  .product-whychoose .item { margin-bottom: 32px; }
  .product-whychoose .item__wrap { position: relative; padding-left: 80px; }
  .product-whychoose .item:last-child { margin-bottom: 0; }
  .product-whychoose .item__img { margin-bottom: 12px; position: absolute; width: 64px; top: 0; left: 0; }
  .product-whychoose .item__img img { width: 100%; height: auto; }
  .product-whychoose .item__title { margin-bottom: 12px; font-weight: 500; color: #2B2A35; }
  .block-haslist { padding: 48px 0; }
  .block-haslist__title { margin-bottom: 16px; }
  .block-haslist__desc { margin-bottom: 48px; }
  .block-haslist .list-check li:last-child { padding-bottom: 0; }
  .block-haslist .list-check:last-child { margin-bottom: 0; }
  /* Contact */
  .masthead--contact .masthead__wrap { padding: 32px 16px; text-align: center; }
  .masthead--contact .masthead__title { margin: 0 0 16px; }
  .masthead--contact .masthead__img { display: none; margin-top: 2rem; }
  .contact-cards { padding: 32px 20px; }
  .contact-cards .hide-sm { display: none; }
  .contact-cards .item { margin-bottom: 12px; padding: 0; }
  .contact-cards .item:last-child { margin-bottom: 0; }
  .contact-cards .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 8px 24px; text-align: center; background: #F2F4F7; border-radius: 16px; text-decoration: none; }
  .contact-cards .item__img { margin: 0 16px 0 0; }
  .contact-cards .item__img img { display: block; width: 40px; height: auto; margin: 0 auto; }
  .contact-cards .item__title { font-size: 16px; line-height: 24px; margin: 0; }
  .contact-cards .item__desc { margin: 0 0 1.5rem; }
  .contact-cards .item__desc ul > li { margin: 0 0 0.5rem; }
  .contact-cards .item__desc ul > li:last-child { margin: 0; }
  .contact-cards .item__action { margin-top: auto; }
  .contact-cards .item--border .item__wrap { background: #FFFFFF; border: 1px solid #D0D6DD; }
  .contact-cards__pagination { display: none; }
  .contact-cards__nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .contact-cards__prev, .contact-cards__next { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 56px; height: 56px; border: 2px solid #D0D6DD; margin: 0 8px; border-radius: 28px; }
  .contact-cards__prev svg path, .contact-cards__next svg path { stroke: #D0D6DD; }
  .contact-cards__prev:hover, .contact-cards__prev:active, .contact-cards__next:hover, .contact-cards__next:active { border-color: #4B61DD; }
  .contact-cards__prev:hover svg path, .contact-cards__prev:active svg path, .contact-cards__next:hover svg path, .contact-cards__next:active svg path { stroke: #4B61DD; }
  .contact-cards .swiper-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .contact-cards .swiper-wrapper .swiper-slide { height: auto; margin: 0; }
  .contact-cards .swiper-wrapper .swiper-slide .item__img { margin: 0 auto 8px; }
  .contact-cards .swiper-wrapper .swiper-slide .item__img img { height: 80px; width: 80px; object-fit: contain; object-position: center; }
  .contact-cards .swiper-wrapper .swiper-slide .item__title { margin: 0 0 24px; }
  .contact-cards .swiper-wrapper .swiper-slide .item__action { margin: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .contact-cards .swiper-wrapper .swiper-slide .item__wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 32px; }
  .contact-sub-cards { padding: 12px 8px 64px; }
  .contact-sub-cards__title { text-align: center; font-size: 16px; line-height: 24px; margin-bottom: 12px; }
  .contact-sub-cards .item { position: relative; margin-bottom: 12px; }
  .contact-sub-cards .item:last-child { margin-bottom: 0; }
  .contact-sub-cards .item__wrap { padding: 16px 24px; border: 1px solid #D0D6DD; border-radius: 4px; }
  .contact-sub-cards .item__title { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
  .contact-sub-cards .item__desc { display: none; }
  .contact-sub-cards .item__action .btn { border: 0; padding: 0; color: #1357FF; font-weight: 400; text-decoration: underline; }
  .contact-sub-cards .item__action .btn:hover, .contact-sub-cards .item__action .btn:focus { border: 0; color: #1357FF; background: transparent; }
  .contact-headquarter { padding: 32px 8px; background: #F2F4F7; }
  .contact-headquarter__title { font-size: 32px; line-height: 40px; text-align: center; }
  .contact-headquarter__desc { text-align: center; max-width: 270px; margin: 0 auto 24px; }
  .contact-headquarter .info--img { position: relative; z-index: 2; }
  .contact-headquarter .info--img img { width: 100%; height: auto; }
  .contact-headquarter .info { position: relative; z-index: 1; }
  .contact-headquarter .info:before { content: ""; z-index: 1; display: block; position: absolute; width: 150%; height: 100%; top: 0; left: -8px; background: #F2F4F7; border-radius: 0.25rem; display: none; }
  .contact-headquarter .info__wrap { text-align: center; position: relative; z-index: 2; padding: 32px 0 0; }
  .contact-headquarter .info__title { margin: 0 0 1rem; }
  .contact-headquarter .info__map { border-radius: 16px; }
  .contact-headquarter .info__desc p { margin: 0 0 1rem; }
  .contact-headquarter .info__desc ul li:not(:last-child) { margin: 0 0 1rem; }
  .contact-headquarter .info__action { padding-top: 2.5rem; }
  .our-offices { padding: 3rem 8px; }
  .our-offices__title { text-align: center; }
  .our-offices__desc { text-align: center; max-width: 600px; margin: 0 auto 3rem; }
  .our-offices .item { margin: 0 0 1rem; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .our-offices .item__wrap { position: relative; padding: 16px; text-align: center; }
  .our-offices .item__img img { display: block; margin: 0 auto 16px; width: 38px; height: auto; }
  .our-offices .item__title { margin: 0 0 0.5rem; font-size: 16px; line-height: 24px; }
  .our-offices .item__title:last-child { margin: 0; }
  .our-offices .item__desc p { margin: 0 0 0.75rem; }
  .our-offices .item__desc ul li:not(:last-child) { margin: 0 0 0.75rem; }
  .form-meeting { background: #F2F4F7; padding: 3rem 4px; }
  .form-meeting__title { margin: 0 0 1rem; }
  .form-meeting__desc { margin: 0 0 2rem; }
  .form-meeting__img { display: none; margin: 0 0 1.5rem; }
  .form-meeting__box { padding: 1.5rem 1rem; background: #FFFFFF; border-radius: 0.25rem; }
  /* solution integration */
  .sub-nav { margin-left: -12px; margin-right: -12px; }
  .sub-nav .nav-container { background: #F2F4F7; }
  .page-integration { padding: 4rem 8px; background: #F9FAFB; }
  .page-integration .logo-intgrtd { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .page-integration .logo-intgrtd:not(:last-child) { margin-bottom: 20px; }
  .page-integration .logo-intgrtd .img-logo { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .page-integration .logo-intgrtd .img-logo .box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 48px; border-radius: 4px; border: 1px solid #D0D6DD; padding: 0 12px; }
  .page-integration .logo-intgrtd .img-logo img { display: block; width: auto; height: 32px; }
  .page-integration .logo-intgrtd .img-logo:after { content: ""; display: block; width: 52px; height: 11px; background: url(../images/ic-chain.svg); background-repeat: no-repeat; background-position: center; }
  .page-integration .logo-intgrtd .img-logo:last-child:after { display: none; }
  .page-integration .logo-intgrtd .img-logo.alt img { height: 24px; }
  .page-integration__category { padding-bottom: 3rem; }
  .page-integration__category .title { display: block; color: #2B2A35; font-size: 14px; line-height: 20px; font-weight: 500; margin: 0 0 4px; }
  .page-integration__category .bootstrap-select { font-size: 0.875rem; line-height: 1.5em; }
  .page-integration__category .bootstrap-select .btn { font-size: 0.875rem; line-height: 2em; color: #2B2A35; font-weight: 500; background: #FFFFFF; }
  .page-integration__category ul.nav { display: none; }
  .page-integration__title { color: #2B2A35; font-size: 32px; line-height: 40px; margin: 0 0 16px; }
  .page-integration__desc { max-width: 808px; margin: 0 0 32px; }
  .page-integration__featured .item { position: relative; padding-left: 80px !important; margin: 0 0 2rem; }
  .page-integration__featured .item:last-child { margin: 0; }
  .page-integration__featured .item__img { margin: 0 0 16px; position: absolute; top: 0; left: 24px; }
  .page-integration__featured .item__img img { display: block; height: 42px; width: auto; }
  .page-integration__featured .item__title { margin: 0 0 4px; }
  .page-integration__scheme { padding: 4rem 0 0; }
  .page-integration__scheme .title { margin: 0 0 2rem; }
  .page-integration__scheme .block-scheme { position: relative; }
  .page-integration__scheme .block-scheme .dot { display: block; position: relative; fill: #4B61DD; cursor: pointer; r: 10; }
  .page-integration__scheme .block-scheme .dot-shadow { -webkit-animation: pulseSvg 2s infinite; animation: pulseSvg 2s infinite; }
  .page-integration__scheme .block-scheme .bs-tooltip-top, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] { padding: 0.25rem 0; margin-bottom: 0.25rem; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .tooltip-inner, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .tooltip-inner { max-width: 72px; font-size: 10px; line-height: 12px; padding: 4px 8px; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .arrow, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .arrow { width: 0.5rem; height: 0.25rem; }
  .page-integration__scheme .block-scheme .bs-tooltip-top .arrow::before, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.25rem 0.25rem 0; border-top-color: #000; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] { padding: 7.5px 0; margin-top: 4px; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .tooltip-inner, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner { max-width: 150px; font-size: 10px; line-height: 12px; padding: 8px; background: #FFFFFF; color: #232933; border: 1px solid #D0D6DD; font-weight: 500; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .arrow, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .arrow { width: 15px; height: 7.5px; }
  .page-integration__scheme .block-scheme .bs-tooltip-bottom .arrow::before, .page-integration__scheme .block-scheme .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { top: 1px; border-width: 0 7.5px 7.5px; border-bottom-color: #FFFFFF; border-top-color: #000; }
  .page-integration__scheme .block-scheme .item { transition: all 0.5s ease; }
  .page-integration__scheme .block-scheme .item * { transition: all 0.5s ease; }
  .page-integration__scheme .block-scheme .path { fill: transparent; }
  .page-integration__scheme .block-scheme__img { display: block; position: relative; padding-top: 100%; }
  .page-integration__scheme .block-scheme__img > svg { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .page-integration__scheme .block-scheme__content { padding: 0; transition: all .4s ease; }
  .page-integration__scheme .block-scheme__content .item { padding: 24px; background: #FFFFFF; border: 1.5px solid #4B61DD; border-radius: 4px; box-shadow: 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .page-integration__scheme .block-scheme.active .path.active { stroke: #4B61DD; fill: #4B61DD; }
  .page-integration__scheme .block-scheme.active .item:not(.active) { -webkit-filter: none; filter: none; }
  .page-integration__scheme .block-scheme.active .item:not(.active) circle { fill: #EAEAEA; }
  .page-integration__scheme .block-scheme.active .item:not(.active) .logomark { opacity: 0; }
  .page-integration__scheme .block-scheme.active .item:not(.active) .shd { opacity: 0; }
  .page-integration__scheme .block-scheme.active .block-scheme__content { padding-top: 1.5rem; }
  .page-integration__accordion { padding: 4rem 0 0; }
  .page-integration__accordion .title { margin: 0 0 2rem; }
  .page-integration__accordion ul.list-check:last-child { margin: 0; }
  .page-integration__accordion .accordion--auto-images .img { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .page-integration__partners { padding: 4rem 0 0; margin: 0 0 -24px; }
  .page-integration__partners .title { display: block; margin: 0 0 24px; }
  .page-integration__partners .item { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 24px; }
  .page-integration__partners .item__wrap { display: block; height: 100%; color: #626B79; padding: 24px; background: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 8px; box-shadow: 0px 0 0 rgba(0, 0, 0, 0.1); transition: all .4s ease; }
  .page-integration__partners .item__wrap:hover { text-decoration: none; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .page-integration__partners .item__img { margin: 0 0 16px; }
  .page-integration__partners .item__img img { display: block; height: 48px; width: auto; }
  .page-integration__partners .item__title { display: block; margin: 0 0 8px; }
  /* why mekari clients */
  .page-clients { padding: 64px 8px; }
  .page-clients.bg-gray { background: #F2F4F7; }
  .page-clients__title { text-align: center; margin-bottom: 32px; }
  .page-clients__title.alignleft { text-align: left; }
  .page-clients__title.has-more { text-align: left; display: block; position: relative; }
  .page-clients__title.has-more .link-more { display: inline-block; position: relative; width: auto; font-size: 16px; line-height: 24px; font-weight: 400; }
  .page-clients__filter { margin: 0 0 48px; }
  .page-clients__filter form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -8px; margin-right: -8px; }
  .page-clients__filter .form-group, .page-clients__filter .form-action { display: block; margin: 0 0 12px; padding: 0 8px; }
  .page-clients__filter .form-group { width: 240px; }
  .page-clients__filter .form-action { width: 180px; }
  .page-clients__filter .form-action .btn { display: block; width: 100%; }
  .page-clients .posts { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .page-clients .posts .item { margin-bottom: 32px; }
  .page-clients .posts .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; background: #FFFFFF; border: 1px solid #D0D6DD; border-radius: 8px; }
  .page-clients .posts .item__img { display: block; position: relative; width: 100%; padding-top: 61.54%; overflow: hidden; border-radius: 8px 8px 0 0; }
  .page-clients .posts .item__img .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; }
  .page-clients .posts .item__img .logo { display: block; position: absolute; min-height: 32px; left: 16px; bottom: 16px; background: #FFFFFF; border-radius: 4px; padding: 2px 12px; }
  .page-clients .posts .item__img .logo img { display: block; width: auto; height: 28px; }
  .page-clients .posts .item .tag { display: inline-block; padding: 4px 8px; border-radius: 4px; color: #B87CDA; border: 1px solid #B87CDA; font-size: 12px; line-height: 16px; letter-spacing: 0.2px; margin: 0 6px 12px; }
  .page-clients .posts .item__category { margin: 0 -6px 0; }
  .page-clients .posts .item__title { color: #232933; margin: 0; }
  .page-clients .posts .item__title:hover { color: #232933; text-decoration: none; }
  .page-clients .posts .item__desc > p { display: block; display: -webkit-box; max-width: 100%; max-height: 72px; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; }
  .page-clients .posts .item__cta { margin-top: auto; margin-left: -16px; margin-right: -16px; padding-top: 24px; }
  .page-clients .posts .item__cta .btn { margin-left: 16px; margin-right: 16px; font-weight: 400; }
  .page-clients .posts .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 16px; }
  .page-clients .posts .item:nth-child(n+4) { display: none; }
  .page-clients .clients { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; margin-bottom: -32px; }
  .page-clients .clients .item { display: none; width: 100%; max-width: 33.333333%; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; margin-bottom: 24px; }
  .page-clients .clients .item.show { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .page-clients .clients .item img { display: block; width: auto; height: 36px; mix-blend-mode: multiply; }
  .page-clients .clients-more { display: block; position: relative; text-align: center; margin-top: 32px; }
  .page-clients .clients-more .btn { position: relative; z-index: 2; }
  .page-clients .clients-more .btn:hover { color: #4B61DD; border-collor: #4B61DD; background: transparent; }
  .page-clients .clients-more:before { content: ""; z-index: 1; display: block; position: absolute; width: 100%; height: 70px; top: -80px; left: 0; background: linear-gradient(to bottom, rgba(242, 244, 247, 0) 0%, #f2f4f7 70%); }
  /* Service Promise */
  .we-help { padding: 64px 0; }
  .we-help__title { margin-bottom: 1rem; }
  .we-help__desc { margin-bottom: 3rem; }
  .we-help .item { margin: 0 0 32px; }
  .we-help .item__icon { margin: 0 0 8px; }
  .we-help .item__icon img, .we-help .item__icon svg { width: 40px; height: 40px; object-fit: contain; object-position: 50% 50%; }
  .we-help .item__title { margin: 0 0 8px; }
  .we-help .item__desc { margin: 0 0 16px; }
  .we-help .item__img { margin: auto -24px -24px; }
  .we-help .item__img img { display: block; width: 100%; height: auto; }
  .we-help .item__wrap { background: #FFFFFF; padding: 24px; border-radius: 4px; border: 1px solid #D0D6DD; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
  /* Service Promise - Detail */
  .sp-detail .nav-tabs--main { padding-left: 0; padding-right: 0; }
  .sp-detail .nav-tabs--main::before { display: none; }
  .sp-detail .nav-tabs--main .icon { display: inline-block; width: 24px; height: 24px; object-fit: contain; object-position: 50% 50%; }
  .sp-detail .nav-tabs--main .nav-link { display: block; position: relative; color: #2B2A35; font-weight: 500; padding: 14px 16px; border-radius: 0; border: 1px solid #D0D6DD; background: #FFFFFF; }
  .sp-detail .nav-tabs--main .nav-link.active { border-radius: 4px; }
  .sp-detail .nav-tabs--main .nav-link.active::after { opacity: 1; }
  .sp-detail .nav-tabs--main .nav-item { width: 100%; }
  .sp-detail .nav-tabs--main .nav-item.active { z-index: 5; left: 0; width: 100%; }
  .sp-detail .nav-container--blocks { display: none; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block { padding-left: 8px; padding-right: 8px; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block > .container > .row { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block > .container > .row > .col-lg-6:nth-child(2) { padding-bottom: 48px; }
  .sp-detail .block-content--main .block-pane__blocks .block-pane__block:last-child { padding-bottom: 40px; }
  .guidebook-list { background: #F2F4F7; padding: 0 8px 80px; }
  .guidebook-list .nav-tabs--list { padding-left: 24px; padding-right: 24px; }
  .guidebook-list .nav-tabs--list::before { display: none; }
  .guidebook-list .nav-tabs--list .nav-link { display: block; position: relative; padding: 12px 16px; color: #626B79; border: 0; background: #FFFFFF; border: 1px solid #D0D6DD; }
  .guidebook-list .nav-tabs--list .nav-item { display: block; width: 100%; }
  .guidebook-list .nav-tabs--list .nav-item.active { left: 24px; width: calc(100% - 48px); }
  .guidebook-list .nav-tabs--list .nav-item.active .nav-link { background: #FFFFFF; border: 1px solid #0255A9; color: #232933; }
  .guidebook-list .nav-tabs--list .nav-item.active .nav-link::after { opacity: 1; }
  .guidebook-list .nav-tabs--list .nav-item.nav-item--action { display: none; }
  .guidebook-list > .container > .row { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .guidebook-list .nav-container { background: #4B61DD; }
  .guidebook-list .nav-container__title { padding: 0 24px; margin: 0; color: #FFFFFF; }
  .guidebook-list .block-items { margin-bottom: -24px; }
  .guidebook-list .block-items .item { margin-bottom: 24px; }
  .guidebook-list .block-items .item__icon { margin-bottom: 16px; }
  .guidebook-list .block-items .item__icon img { display: block; height: 48px; width: auto; }
  .guidebook-list .block-items .item__title { margin-bottom: 8px; }
  .guidebook-list .block-items .item__wrap { display: block; color: #626B79; padding: 24px; border: 1px solid #D0D6DD; border-radius: 8px; }
  .guidebook-list .block-items .item__wrap:hover { color: #626B79; text-decoration: none; border-color: transparent; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
  .guidebook-list .vendor-list .item { display: block; width: 100%; padding: 0 2px; }
  .guidebook-list .vendor-list .item img { display: block; width: 100%; height: auto; border: 1px solid #D0D6DD; }
  .guidebook-list .vendor-list .item img + img { margin-top: 4px; }
  .guidebook-list .vendor-list > .item:last-child:first-child { max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .guidebook-list .vendor-list > .item:last-child:first-child img { width: 50%; }
  .guidebook-list .vendor-list > .item:last-child:first-child img + img { margin-top: 0; margin-left: 8px; }
  .guidebook-list .vendor-list .owl-dots { bottom: -12px; }
  .guidebook-list .vendor-list .owl-dots .owl-dot span { background: #E2E2E2; }
  .guidebook-list .vendor-list .owl-dots .owl-dot.active span { background: #4B61DD; }
  .guidebook-list .tab-content { padding: 24px; background: #FFFFFF; border-radius: 0 0 4px 4px; }
  .guidebook-list .tab-pane__title { font-size: 1.25rem; line-height: 1.6em; }
  .guidebook-list .tab-pane__desc { margin-bottom: 24px; }
  .guidebook-list__nav-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px 0 0; background: #4B61DD; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; border-radius: 4px 4px 0 0; }
  .guidebook-list.theme--mekariflex { background: transparent; }
  .guidebook-list.theme--mekariflex .nav-container { background: #706FD3; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item.active .nav-link { position: relative; border-color: #706FD3; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item .nav-link .icon { margin-right: 12px; border-radius: 2px; }
  .guidebook-list.theme--mekariflex .nav-tabs--list .nav-item .nav-link .icon path { fill: #232933; }
  .guidebook-list.theme--mekariflex .guidebook-list__nav-wrap { background: #706FD3; }
  .guidebook-list.theme--mekariflex .tab-content { background: #F2F4F7; }
  .guide-block__box { display: block; width: 100%; overflow: hidden; background: #FFF; border-radius: 4px; }
  .guide-block__side { display: block; width: 100%; background: #4B61DD; padding: 24px; }
  .guide-block__side-title { font-size: 20px; line-height: 32px; color: #FFF; margin: 0; }
  .guide-block__nav { display: none; }
  .guide-block__main { display: block; position: relative; width: 100%; }
  .guide-block__main-title { display: none; }
  .guide-block__main .tab-pane { padding: 24px 24px 32px; }
  .guide-block__main .tab-pane-nav { padding: 12px 48px 12px 24px; background: #4B61DD; position: relative; }
  .guide-block__main .tab-pane-nav h2 { font-size: 18px; line-height: 26px; margin: 0; font-weight: 400; color: #FFF; }
  .guide-block__main .tab-pane-nav::after { content: ""; display: block; position: absolute; width: 24px; height: 24px; top: 12px; right: 20px; background: url(../images/ic-chev-up-white.svg) no-repeat; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all .3s ease; }
  .guide-block__main .tab-pane-nav.show::after { -webkit-transform: none; transform: none; }
  .guide-block__wrap { padding-top: 48px; padding-block: 48px; }
  .guide-block .gb-pane { display: block; width: 100%; }
  .guide-block .gb-pane__image { margin: 0 auto 8px; display: block; }
  .guide-block .gb-pane__image img { display: block; margin: 0 auto; }
  .guide-block .gb-pane__desc { max-width: 480px; margin: 0 auto 24px; text-align: center; }
  .guide-block .gb-pane__action { text-align: center; }
  .guide-block .gb-pane--items { display: block; }
  .guide-block .gb-pane .item { position: relative; display: block; width: 100%; margin-bottom: 24px; }
  .guide-block .gb-pane .item__img { display: block; margin: 0 0 16px; }
  .guide-block .gb-pane .item__img img { display: block; width: auto; height: 32px; }
  .guide-block .gb-pane .item__title { font-size: 20px; line-height: 28px; margin: 0 0 12px; }
  .guide-block .gb-pane .item__desc { color: #626B79; }
  .guide-block .gb-pane .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 16px; background: #FFF; border: 1px solid #D0D6DD; border-radius: 8px; color: #626B79; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.05); transition: all .3s ease-in; }
  .guide-block .gb-pane .item__wrap:hover { text-decoration: none; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  /* About */
  .history-about { background: #10253E; position: relative; padding: 64px 8px 0; }
  .history-about__sub { display: block; color: #2B2A35; margin-bottom: 8px; }
  .history-about__title { display: block; margin-bottom: 16px; }
  .history-about__desc { display: block; }
  .history-about__box { z-index: 3; position: relative; background: #FFFFFF; border-radius: 4px; padding: 24px; }
  .history-timeline { z-index: 1; display: block; position: relative; height: 100%; width: 100%; top: 0; left: 0; overflow-x: auto; padding-top: 24px; padding-bottom: 64px; }
  .history-timeline__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; min-width: 150%; }
  .history-timeline .item { z-index: 1; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; color: #FFFFFF; min-width: 70vw; padding-right: 24px; }
  .history-timeline .item::before { content: ""; display: block; width: 16px; height: 16px; background-color: #5ED2FA; border-radius: 8px; position: absolute; bottom: 0; left: 0; }
  .history-timeline .item:not(:last-child)::after { content: ""; display: block; width: 100%; height: 1px; background-color: #5ED2FA; position: absolute; bottom: 7px; left: 0; }
  .history-timeline .item__content { display: block; width: 100%; }
  .history-timeline .item__content span.large { color: #FFFFFF; display: block; font-size: 32px; line-height: 40px; font-weight: 500; margin: 0; }
  .history-timeline .item__year { display: block; width: 100%; padding: 32px 0; font-size: 20px; line-height: 32px; font-weight: 500; }
  .history-timeline .item--filler { min-width: 24px; }
  .history-timeline .item--filler:before, .history-timeline .item--filler:not(:last-child)::after { display: none; }
  .leadership-team { padding: 64px 0; }
  .leadership-team__sub { display: block; text-align: center; margin: 0 0 8px; }
  .leadership-team__title { text-align: center; margin: 0 0 16px; }
  .leadership-team__desc { text-align: center; max-width: 600px; margin: 0 auto 48px; }
  .leadership-team .item { margin: 0 0 48px; }
  .leadership-team .item:last-child { margin-bottom: 0; }
  .leadership-team .item__img { margin: 0 0 20px; }
  .leadership-team .item__img img { display: block; width: 100%; height: auto; }
  .leadership-team .item__name { margin: 0; }
  .company-values { padding: 64px 8px 32px; overflow: hidden; }
  .company-values__sub { display: block; margin: 0 0 8px; }
  .company-values__title { margin: 0 0 16px; }
  .company-values__desc { max-width: 600px; margin: 0 auto 48px; }
  .company-values .item { margin: 0 0 48px; }
  .company-values .item__img { display: block; margin: 0 0 20px; }
  .company-values .item__img img { display: block; width: 100%; height: auto; }
  .company-values .item__title { margin: 0 0 8px; }
  .company-values .item__title a { display: block; color: #2B2A35; }
  .company-values .item__title a:hover { color: #4B61DD; text-decoration: none; }
  .news-about { padding: 64px 8px; }
  .news-about .nav-container { padding-top: 40px; }
  .news-about .nav-tabs { top: 0; padding-top: 43px; }
  .news-about .nav-tabs:before { display: none; }
  .news-about .nav-tabs .nav-item { padding: 0 0.75rem; }
  .news-about .nav-tabs .nav-item.active:after { right: calc(12px + 0.625rem); background-size: 90%; }
  .news-about .nav-tabs .nav-link { padding: 0.5rem 0.75rem; background: #FFFFFF; border: 0; font-weight: 400; color: #232933; border-radius: 0; height: 40px; margin: 0 0 -1px; border: 1px solid #D0D6DD; }
  .news-about .nav-tabs .nav-link .icon { margin-right: 0.625rem; }
  .news-about .nav-tabs .nav-link .icon path { fill: #545465; }
  .news-about .nav-tabs .nav-link.active { height: 40px; color: #232933; border: 1px solid #D0D6DD; border-radius: 0.25rem; }
  .news-about__sub { display: block; text-align: center; margin-bottom: 8px; }
  .news-about__title { display: block; text-align: center; margin-bottom: 24px; }
  .news-about__press { padding: 24px 0; max-width: 856px; margin: 0 auto; }
  .news-about__press .item__wrap { z-index: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 16px 0; background: #FFFFFF; border-bottom: 1px solid #D0D6DD; }
  .news-about__press .item__img { display: block; width: 100%; max-width: 80px; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; }
  .news-about__press .item__img img { display: block; width: 80px; height: 80px; object-fit: contain; object-position: 50% 50%; }
  .news-about__press .item__title { display: block; font-weight: 500; color: #2B2A35; font-size: 16px; line-height: 24px; }
  .news-about__press .item__meta { display: block; padding-top: 8px; font-size: 14px; line-height: 20px; }
  .news-about__press .item__content { padding-left: 12px; }
  .news-about__press .item-more { padding-top: 24px; }
  .news-about__berita { padding: 24px 0 0; }
  .news-about__berita .item { margin: 0 0 48px; }
  .news-about__berita .item__img { position: relative; width: 100%; padding-top: 45%; display: block; margin: 0 0 16px; background: #F9FAFB; border-radius: 4px; overflow: hidden; }
  .news-about__berita .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; }
  .news-about__berita .item__title { margin: 0 0 8px; display: block; color: #2B2A35; font-weight: 500; }
  .news-about__berita .item__meta { padding-top: 8px; font-size: 14px; line-height: 20px; }
  .sfaq { padding-top: 32px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; }
  .sfaq .item { display: block; margin-bottom: 24px; }
  .sfaq .item__wrap { display: block; position: relative; padding: 24px; background: #F2F4F7; border-radius: 4px; }
  /* Career - Mekari Next Level */
  .why-nl__wrap { padding-top: 40px; }
  .why-nl__title { text-align: center; max-width: 715px; margin: 0 auto 16px; }
  .why-nl__desc { text-align: center; max-width: 715px; margin: 0 auto 52px; }
  .why-nl .block__title { margin-bottom: 20px; }
  .why-nl .block__img { margin-bottom: 24px; }
  .why-nl .block__img img { width: 100%; height: auto; }
  .why-nl .block__wrap { padding-top: 32px; padding-bottom: 32px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .why-nl .block-contents .block:nth-child(even) .block__wrap { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-roles__title { max-width: 600px; margin: 0 auto 20px; text-align: center; }
  .block-roles__desc { max-width: 600px; margin: 0 auto 56px; text-align: center; }
  .block-roles__wrap { padding-top: 40px; }
  .block-roles .item { position: relative; margin-bottom: 48px; cursor: pointer; }
  .block-roles .item__img img { display: block; height: 80px; width: auto; margin: 0 auto; }
  .block-roles .item__title { font-size: 14px; line-height: 20px; font-weight: 500; color: #2B2A35; text-align: center; padding: 20px; }
  .block-roles .item:hover .item__title { text-decoration: underline; }
  .block-intern { padding-top: 80px; padding-bottom: 80px; }
  .block-intern__title { text-align: center; max-width: 715px; margin: 0 auto 20px; }
  .block-intern__desc { text-align: center; max-width: 715px; margin: 0 auto 55px; }
  .block-intern__list .item { position: relative; margin-bottom: 32px; }
  .block-intern__list .item__img { position: absolute; top: 0; left: 0; }
  .block-intern__list .item__img img { display: block; width: 56px; height: 56px; object-fit: contain; object-position: center; }
  .block-intern__list .item__title { font-size: 18px; line-height: 28px; font-weight: 500; }
  .block-intern__list .item__wrap { position: relative; padding-left: 84px; }
  .block-intern__box .box__title { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 26px; }
  .block-intern__box .box__list { margin-bottom: 0; }
  .block-intern__box .box__wrap { padding: 32px 40px; box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75); background: #FFF; border-radius: 8px; }
  .block-applicants { padding-top: 40px; padding-bottom: 32px; }
  .block-applicants__title { text-align: center; max-width: 715px; margin: 0 auto 20px; }
  .block-applicants__desc { text-align: center; max-width: 715px; margin: 0 auto 32px; }
  .block-applicants .steps { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; }
  .block-applicants .steps .item { position: relative; min-height: 80px; width: 100%; transition: all .3s linear; }
  .block-applicants .steps .item__step { color: #2B2A35; font-size: 18px; line-height: 28px; font-weight: 500; }
  .block-applicants .steps .item__icon img { display: block; height: 32px; width: auto; }
  .block-applicants .steps .item__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .block-applicants .steps .item__body { padding-top: 48px; }
  .block-applicants .steps .item__body a { color: #4B61DD; text-decoration: underline; }
  .block-applicants .steps .item__wrap { display: none; padding: 42px 32px 64px; width: 100%; border-radius: 8px; box-shadow: 0 0 0 rgba(119, 119, 119, 0.1), 0 0 0 rgba(119, 119, 119, 0.2); transition: all .3s ease; }
  .block-applicants .steps .item__nav { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 0; left: 0; height: 100%; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 24px; cursor: pointer; }
  .block-applicants .steps .item__nav span { position: relative; display: inline-block; color: #2B2A35; font-size: 18px; line-height: 20px; font-weight: 500; }
  .block-applicants .steps .item__nav .no { position: relative; }
  .block-applicants .steps .item__nav .title { padding-left: 24px; }
  .block-applicants .steps .item.active { position: relative; z-index: 2; width: 100%; }
  .block-applicants .steps .item.active .item__nav { display: none; }
  .block-applicants .steps .item.active .item__wrap { display: block; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  .cta-nl { background: #F2F4F7; }
  .cta-nl__img { position: relative; width: 100%; padding-top: 65%; }
  .cta-nl__img img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; }
  .cta-nl__logo { margin-bottom: 20px; }
  .cta-nl__logo img { display: block; height: 80px; width: auto; }
  .cta-nl__buttons { padding-top: 32px; }
  .cta-nl__content { max-width: 80%; margin: 48px auto 48px 10%; }
  /* Single */
  .single article { margin-bottom: 62px; }
  .single article .blockquote { padding: 24px; border: 2px solid #4B61DD; background: #EDF6FB; border-radius: 4px; margin: 32px 0; }
  .single article .blockquote:last-child { margin-bottom: 0; }
  .single article .block-note { padding-left: 16px; border-left: 4px solid #4B61DD; margin: 32px 0; }
  .single article .block-note *:last-child { margin-bottom: 0; }
  .single article .block-note:last-child { margin-bottom: 0; }
  .single article p { font-size: 16px; line-height: 28px; letter-spacing: 0.008em; color: #232933; }
  .single article p > img { display: block; max-width: 100%; height: auto; margin-top: 40px; margin-bottom: 40px; }
  .single .table-responsive { max-width: 100%; overflow: auto; }
  .single .tg { border-collapse: collapse; width: 100%; margin: 0 0 24px; }
  .single .tg td { border-color: #D0D6DD; border-style: solid; border-width: 1px; font-size: 14px; overflow: hidden; padding: 12px; word-break: normal; }
  .single .tg th { border-color: #D0D6DD; border-style: solid; border-width: 1px; font-size: 14px; font-weight: 600; overflow: hidden; padding: 10px 5px; word-break: normal; }
  .single .tg .tg-0lax { text-align: left; vertical-align: top; }
  .single .meta { font-size: 12px; line-height: 20px; color: #626B79; display: block; margin-bottom: 16px; letter-spacing: 2px; text-transform: uppercase; }
  .single .meta a { color: #626B79; text-decoration: underline; }
  .single .meta a:hover { color: #4B61DD; }
  .single .share__title { color: #626B79; font-size: 12px; line-height: 20px; display: block; margin-bottom: 12px; }
  .single .share__items { display: block; font-size: 0; line-height: 0; margin-left: -4px; margin-right: -4px; margin-bottom: 16px; }
  .single .share__items:last-child { margin-bottom: 0; }
  .single .share__items .item { display: inline-block; margin: 0 4px 8px; }
  .single .share__items .item img { display: block; height: 40px; width: 40px; object-fit: contain; object-position: 50% 50%; }
  .single .author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; padding: 16px 0; margin-bottom: 16px; }
  .single .author__img { width: 100%; max-width: 48px; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; }
  .single .author__img img { display: block; width: 48px; height: 48px; border-radius: 24px; }
  .single .author__content { width: 100%; max-width: calc(100% - 48px); -webkit-flex: 0 0 calc(100% - 48px); -ms-flex: 0 0 calc(100% - 48px); flex: 0 0 calc(100% - 48px); padding-left: 16px; }
  .single .author__content span { font-size: 12px; line-height: 1.5em; letter-spacing: 0.08px; color: #545465; font-weight: 500; }
  .single .form-subscribe { margin-top: 60px; padding: 24px; border-radius: 4px; background: #F8FAFC; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); }
  .single .form-subscribe__img { margin-bottom: 20px; }
  .single .form-subscribe__img img { display: block; width: 100%; height: auto; }
  .single .form-subscribe__title { font-size: 20px; line-height: 32px; margin-bottom: 16px; }
  .single .form-subscribe label { display: block; font-size: 14px; line-height: 1.5em; margin-bottom: 4px; font-weight: 500; color: #232933; }
  .single .form-subscribe .form-control { font-size: 12px; line-height: 20px; height: 36px; padding: 8px 12px; }
  .single .form-subscribe .form-group { padding-bottom: 20px; }
  .single .form-subscribe .form-action { padding-top: 8px; text-align: right; }
  .single .form-subscribe .form-action .btn { font-size: 14px; line-height: 20px; padding: 7px 16px; }
  .single__sidebar { padding-top: 24px; }
  .single__related { padding-top: 60px; }
  .single__related .item { margin-bottom: 24px; }
  .single__related .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 24px; border-bottom: 1px solid #D0D6DD; }
  .single__related .item__img { position: relative; display: block; width: 100%; max-width: 120px; -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; }
  .single__related .item__img .img { position: relative; display: block; width: 100%; padding-top: 100%; overflow: hidden; }
  .single__related .item__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: none; transform: none; transition: all .4s ease; }
  .single__related .item__content { display: block; width: 100%; max-width: calc(100% - 120px); -webkit-flex: 0 0 calc(100% - 120px); -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); padding-left: 16px; }
  .single__related .item__cat { display: block; font-size: 12px; line-height: 16px; margin-bottom: 4px; }
  .single__related .item__title { display: block; color: #2B2A35; font-size: 16px; line-height: 24px; font-weight: 500; }
  .single__related .item__title:last-child { margin-bottom: 0; }
  /* Static Page */
  .static-page { padding: 48px 0; }
  .static-page__sidebar { margin-bottom: 48px; }
  .static-page__menu ul { display: block; }
  .static-page__menu ul li { margin-bottom: 8px; }
  .static-page__menu ul li a { color: #232933; }
  .static-page__menu ul li a:hover { text-decoration: none; color: #4B61DD; }
  .static-page .accordion.accordion--tc p { margin-bottom: 16px; }
  .static-page .accordion.accordion--tc .eng { margin-top: 48px; font-style: italic; }
  .static-page .accordion.accordion--tc .card { border-bottom: 1px solid #D0D6DD; margin-bottom: 0; }
  .static-page .accordion.accordion--tc .card__header { padding-left: 0; padding-right: 32px; border-bottom: 0; }
  .static-page .accordion.accordion--tc .card__header:after { right: 0; }
  .static-page .accordion.accordion--tc .card__body { padding-top: 0; padding-left: 0; padding-right: 0; margin-top: 0; box-shadow: none; }
  /* Search Result */
  .search-result__title span { color: #5B37D4; }
  .search-result__title:last-child { margin-bottom: 0; }
  .search-result__nav { margin-left: -12px; margin-right: -12px; margin-bottom: 24px; }
  .search-result__nav li { display: inline-block; margin-bottom: 16px; padding-left: 12px; padding-right: 12px; }
  .search-result__nav li a { display: inline-block; position: relative; color: #2B2A35; font-weight: 500; text-decoration: none; }
  .search-result__nav li a:hover { color: #5B37D4; }
  .search-result__nav li.active a { color: #5B37D4; }
  .search-result .item { padding: 24px 0; border-bottom: 1px solid #D0D6DD; }
  .search-result .item:first-child { padding-top: 0; }
  .search-result .item__title { margin-bottom: 8px; }
  .search-result .item__title > a { display: block; color: #5B37D4; text-decoration: none; }
  .search-result .item__desc { margin: 0; }
  .search-result .item__action { font-size: 14px; line-height: 20px; }
  .search-result .item__action .link-muted:hover { color: #5B37D4; }
  .search-result .item__action:not(:first-child) { padding-top: 16px; }
  .search-result__head { padding-top: 48px; padding-bottom: 48px; }
  .search-result__body { padding-bottom: 80px; }
  /* Security and Compliance */
  .snc-detail { overflow: hidden; }
  .snc-detail .sticky-nav { display: none; }
  .snc-detail .block-content--main .block-pane__blocks { position: relative; }
  .snc-detail .block-snc { padding-top: 32px; padding-bottom: 32px; }
  .snc-detail .block-snc__title { text-align: center; margin-bottom: 4px; }
  .snc-detail .block-snc__title br { display: none; }
  .snc-detail .block-snc__desc { text-align: center; margin-bottom: 24px; }
  .snc-detail .block-snc__desc br { display: none; }
  .snc-detail .snc-compliances { padding-top: 48px; padding-bottom: 32px; padding-left: 12px; padding-right: 12px; }
  .snc-detail .snc-compliances .block-snc__desc { margin-bottom: 32px; }
  .snc-detail .snc-compliances .item { margin-bottom: 24px; }
  .snc-detail .snc-compliances .item__logo { margin-bottom: 16px; }
  .snc-detail .snc-compliances .item__logo img { display: block; height: 56px; width: auto; }
  .snc-detail .snc-compliances .item__title { font-size: 20px; line-height: 28px; margin-bottom: 16px; }
  .snc-detail .snc-compliances .item__desc { margin-bottom: 18px; }
  .snc-detail .snc-compliances .item__buttons { padding-bottom: 4px; }
  .snc-detail .snc-compliances .item__wrap { background: #FFF; border-radius: 4px; border: 1px solid #D0D6DD; padding: 24px; }
  .snc-detail .snc-security { padding-bottom: 24px; padding-left: 12px; padding-right: 12px; }
  .snc-detail .snc-security .block-snc__desc { margin-bottom: 40px; }
  .snc-detail .snc-security .block-snc__desc br { display: none; }
  .snc-detail .snc-security .item__icon { position: absolute; left: 0; top: 6px; margin-bottom: 16px; }
  .snc-detail .snc-security .item__icon img { display: block; height: 40px; width: auto; }
  .snc-detail .snc-security .item__title { margin-bottom: 8px; font-size: 18px; line-height: 28px; }
  .snc-detail .snc-security .item__wrap { position: relative; padding-left: 56px; margin-bottom: 40px; }
  .snc-detail .snc-privacy { padding-left: 12px; padding-right: 12px; }
  .snc-detail .snc-privacy .item { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .snc-detail .snc-privacy .item__title { margin-bottom: 20px; text-align: center; }
  .snc-detail .snc-privacy .item__desc { margin-bottom: 24px; text-align: center; }
  .snc-detail .snc-privacy .item__buttons { text-align: center; margin-bottom: 32px; }
  .snc-detail .snc-privacy .item__img { padding-bottom: 24px; }
  .snc-detail .snc-privacy .item__img img { width: 100%; height: auto; }
  .snc-detail .snc-reliability { padding-top: 56px; padding-bottom: 64px; }
  .snc-detail .snc-reliability__title { text-align: center; margin-bottom: 16px; }
  .snc-detail .snc-reliability .product-testi, .snc-detail .snc-reliability .block-testi { padding: 0; background: transparent; }
  .snc-detail .snc-reliability .product-testi::before, .snc-detail .snc-reliability .block-testi::before { display: none; }
  .snc-detail .snc-reliability .product-testi.product-testi--alt .testi .quote p, .snc-detail .snc-reliability .block-testi.product-testi--alt .testi .quote p { margin-bottom: 24px; }
  .snc-detail .snc-reliability .product-testi .owl-item .testi__body, .snc-detail .snc-reliability .block-testi .owl-item .testi__body { padding-bottom: 64px; }
  .snc-detail .snc-reliability .product-testi .more, .snc-detail .snc-reliability .block-testi .more { color: #FFF; }
  .snc-detail .snc-reliability .product-testi .more .svg path, .snc-detail .snc-reliability .block-testi .more .svg path { fill: #FFF; }
  .snc-detail .snc-reliability .product-testi .product-testi__block-img .btn-play, .snc-detail .snc-reliability .block-testi .product-testi__block-img .btn-play { background-color: #4B61DD; box-shadow: 0 0 0 rgba(0, 95, 191, 0.4); -webkit-animation: primaryPulse 2s infinite; animation: primaryPulse 2s infinite; }
  @-webkit-keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  @keyframes primaryPulse { 0% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(0, 95, 191, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 95, 191, 0); } }
  .snc-detail .snc-reliability__buttons { text-align: center; padding-bottom: 32px; }
  /* Privacy */
  .privacy-page { padding-top: 64px; padding-bottom: 64px; }
  .privacy-page .sidebar-menu { border-top: 1px solid #D0D6DD; margin-bottom: 48px; }
  .privacy-page .sidebar-menu .item { position: relative; border-bottom: 1px solid #D0D6DD; }
  .privacy-page .sidebar-menu .item__link { display: block; color: #232933; padding: 12px 32px 12px 0; }
  .privacy-page .sidebar-menu .item__link.active { color: #5B37D4; font-weight: 500; }
  .privacy-page .sidebar-menu .item__link.active + .sub-item { display: block; }
  .privacy-page .sidebar-menu .item__link:hover { color: #5B37D4; text-decoration: none; }
  .privacy-page .sidebar-menu .sub-item { padding: 4px 0; display: none; }
  .privacy-page .sidebar-menu .sub-item__link { display: block; position: relative; color: #232933; padding: 0 32px; margin-bottom: 20px; }
  .privacy-page .sidebar-menu .sub-item__link:after { content: ""; display: none; position: absolute; width: 20px; height: 20px; right: 0; top: 2px; background: url(../images/ic-caret-right.svg); background-repeat: no-repeat; background-position: center; background-size: contain; }
  .privacy-page .sidebar-menu .sub-item__link.active { color: #5B37D4; font-weight: 500; }
  .privacy-page .sidebar-menu .sub-item__link.active::after { display: block; }
  .privacy-page .sidebar-menu .sub-item__link:hover { color: #5B37D4; text-decoration: none; }
  .privacy-page__article article h1 { display: block; font-size: 48px; line-height: 56px; margin-bottom: 24px; }
  .privacy-page__article article h2 { display: block; font-size: 24px; line-height: 32px; margin-bottom: 16px; }
  .privacy-page__article article h3 { display: block; font-size: 18px; line-height: 27px; margin-bottom: 8px; }
  .privacy-page__article article p { color: #2B2A35; margin-bottom: 24px; }
  .privacy-page__article article p:last-child { margin-bottom: 0; }
  /* Blog */
  .masthead--blog span.sub { color: #545465; font-size: 12px; line-height: 16px; font-weight: 600; display: block; margin-bottom: 4px; }
  .masthead--blog span.sub a { color: #545465; }
  .masthead--blog .masthead__img { position: relative; padding-top: 52.6%; overflow: hidden; border-radius: 4px; margin-bottom: 24px; }
  .masthead--blog .masthead__img img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
  .masthead--blog .masthead__title { font-size: 28px; line-height: 36px; font-weight: 500; }
  .masthead--blog .masthead__desc { margin-bottom: 24px; }
  .masthead--blog .masthead__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 20px; text-transform: uppercase; }
  .masthead--blog .masthead__author .by { font-weight: 500; color: #2B2A35; }
  .masthead--blog .masthead__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 3px; height: 3px; border-radius: 1.5px; background: #777; margin: 8px 12px; }
  .masthead--blog .owl-nav { display: none; }
  .masthead--blog .owl-dots { display: none; bottom: 8px; padding: 0 12px; text-align: right; }
  .masthead--blog .owl-dots .owl-dot span { background-color: #D0D6DD; }
  .blog-ec { padding-left: 8px; padding-right: 8px; }
  .blog-ec__title-box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .blog-ec__title { font-size: 24px; line-height: 1.333em; margin: auto 0 24px; }
  .blog-ec__items .item { margin-bottom: 32px; }
  .blog-ec__items .item__sub { font-size: 12px; line-height: 16px; margin: 0 0 8px; }
  .blog-ec__items .item__sub a { color: #545465; }
  .blog-ec__items .item__title { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 0 12px; }
  .blog-ec__items .item__desc { margin-bottom: 16px; }
  .blog-ec__items .item__desc .more { color: #4B61DD; }
  .blog-ec__items .item__author { margin-top: auto; }
  .blog-ec__items .item__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; text-transform: uppercase; }
  .blog-ec__items .item__author .by { font-weight: 500; color: #2B2A35; }
  .blog-ec__items .item__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #2B2A35; margin: 8px 12px; }
  .blog-ec__items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .blog-ec__wrap .hr-top { margin: 0 0 32px; }
  .blog-ec__wrap .hr-bot { margin: 32px 0 0; }
  .blog-index { position: relative; padding-left: 8px; padding-right: 8px; }
  .blog-index__title { margin-bottom: 8px; }
  .blog-index__more { display: block; margin: 0 0 24px; }
  .blog-index .posts { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
  .blog-index .posts .item { margin-bottom: 32px; position: relative; }
  .blog-index .posts .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; background: #FFFFFF; }
  .blog-index .posts .item__img { display: block; position: relative; width: 100%; padding-top: 52.2223%; overflow: hidden; border-radius: 6px; }
  .blog-index .posts .item__img .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: 50% 50%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1); transition: transform 1s cubic-bezier(0.67, 0, 0.285, 1), -webkit-transform 1s cubic-bezier(0.67, 0, 0.285, 1); }
  .blog-index .posts .item__img:hover .thumb { -webkit-transform: scale(1.1); transform: scale(1.1); }
  .blog-index .posts .item .tag { display: inline-block; padding: 4px 8px; border-radius: 4px; color: #B87CDA; border: 1px solid #B87CDA; font-size: 12px; line-height: 16px; letter-spacing: 0.2px; margin: 0 6px 8px; }
  .blog-index .posts .item .cat { display: inline-block; font-size: 12px; line-height: 20px; font-weight: 600; color: #545465; margin: 0 6px 8px; }
  .blog-index .posts .item .cat a { color: #545465; }
  .blog-index .posts .item__category { margin: 0 -6px 0; }
  .blog-index .posts .item__title { color: #232933; margin: 0 0 16px; }
  .blog-index .posts .item__title h3 { font-size: 20px; line-height: 32px; color: #2B2A35; margin: 0; transition: all .3s ease; }
  .blog-index .posts .item__title:hover { text-decoration: none; }
  .blog-index .posts .item__title:hover h3 { color: #4B61DD; }
  .blog-index .posts .item__desc { position: relative; padding-bottom: 8px; }
  .blog-index .posts .item__desc p { margin-bottom: 12px; }
  .blog-index .posts .item__desc .more { color: #4B61DD; }
  .blog-index .posts .item__cta { margin-top: auto; margin-left: -16px; margin-right: -16px; padding-top: 32px; }
  .blog-index .posts .item__cta .btn { margin-left: 16px; margin-right: 16px; font-weight: 400; }
  .blog-index .posts .item__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 8px 0 0; }
  .blog-index .posts .item__author { margin-top: auto; }
  .blog-index .posts .item__author span { position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; text-transform: uppercase; }
  .blog-index .posts .item__author .by { font-weight: 500; color: #2B2A35; text-transform: uppercase; }
  .blog-index .posts .item__author .by:after { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #2B2A35; margin: 8px 12px; }
  .blog-index__wrap { padding-top: 64px; padding-bottom: 64px; }
  .blog-index.row-more .posts .item { margin-bottom: 48px; }
  .blog-index.row-more .posts .item__author { border-bottom: 1px solid #D0D6DD; padding-bottom: 16px; }
  .blog-subs { padding-left: 8px; padding-right: 8px; }
  .blog-subs__title { font-size: 24px; line-height: 1.333em; color: #FFF; margin: 0 0 12px; }
  .blog-subs__desc { margin: 0 0 32px; color: #FFF; }
  .blog-subs__form .form-group--inline { width: 100%; }
  .blog-subs__form .form-group--inline .form-group { display: block; width: 100%; padding: 0 0 16px; }
  .blog-subs__box { background-color: #4B61DD; background-image: url(../images/img-og-03.png); background-position: right bottom; background-repeat: no-repeat; border-radius: 6px; padding: 24px 32px 48px; text-align: center; }
  .blog-cta { padding-left: 8px; padding-right: 8px; }
  .blog-cta__title { font-size: 24px; line-height: 1.333em; color: #FFF; margin: 0 16px 12px; }
  .blog-cta__action { margin: 0 16px; }
  .blog-cta__content { padding-top: 32px; padding-bottom: 32px; }
  .blog-cta__img { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: -1px; }
  .blog-cta__img img { display: block; width: 100%; height: auto; }
  .blog-cta__box { background-color: #4B61DD; border-radius: 6px; overflow: hidden; }
  .blog-cta__wrap { padding-bottom: 80px; }
  .blog-media { padding-left: 8px; padding-right: 8px; }
  .blog-media .item { display: block; }
  .blog-media .item__img { width: 100%; padding-top: 60%; display: block; position: relative; margin-bottom: 24px; border-radius: 6px; overflow: hidden; }
  .blog-media .item__img .play-btn { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
  .blog-media .item__img .play-btn::after { content: ""; display: block; position: absolute; width: 48px; height: 48px; top: calc(50% - 24px); left: calc(50% - 24px); border-radius: 24px; background-color: #2b2a35; background-image: url("../images/ic-play.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; box-shadow: 0 0 0 rgba(43, 42, 56, 0.4); -webkit-animation: mastheadplay 2s infinite; animation: mastheadplay 2s infinite; }
  @-webkit-keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  @keyframes mastheadplay { 0% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(43, 42, 56, 0); }
    100% { box-shadow: 0 0 0 0 rgba(43, 42, 56, 0); } }
  .blog-media .item__img img { display: block; position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; top: 0; left: 0; }
  .blog-media .item__cat { font-size: 12px; line-height: 16px; display: block; margin-bottom: 8px; }
  .blog-media .item__cat a { color: #545465; }
  .blog-media .item__title { font-size: 20px; line-height: 32px; margin: 0; }
  .blog-media .item__title a { color: #232933; }
  .blog-media .item__title a:hover { text-decoration: none; color: #4B61DD; }
  .blog-media .item__wrap { position: relative; }
  .blog-media__slider { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; }
  .blog-media__slider .item { display: none; }
  .blog-media__slider .item:nth-child(1), .blog-media__slider .item:nth-child(2) { display: block; width: 100%; }
  .blog-media__slider .owl-dots { bottom: 8px; }
  .blog-media__slider:not(.owl-carousel) { margin-left: -12px; margin-right: -12px; }
  .blog-media__slider:not(.owl-carousel) .item { padding-left: 12px; padding-right: 12px; }
  .blog-media__slider:not(.owl-carousel) .item:nth-child(2) { margin-top: 32px; }
  .blog-media__wrap { padding-bottom: 64px; }
  .masthead--single-blog { padding-left: 10px; padding-right: 10px; }
  .single--blog { padding-left: 10px; padding-right: 10px; padding-left: 10px; padding-right: 10px; }
  .single--blog .single__img { border-radius: 16px; overflow: hidden; margin: 0 0 40px; }
  .single--blog .single__img img { display: block; width: 100%; height: auto; }
  .single--blog article p { text-align: justify; }
  /* PAGE TABS */
  .page-tabs { position: relative; }
  .page-tabs__title { text-align: center; margin-bottom: 48px; }
  .page-tabs__title br { display: none; }
  .page-tabs__wrap { padding-top: 64px; padding-bottom: 64px; }
  .page-tabs__nav .nav { display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; border: 0; margin-left: -4px; margin-right: -4px; }
  .page-tabs__nav .nav::before { display: none; }
  .page-tabs__nav .nav .nav-item { display: block; width: 100%; margin: 0; padding: 0 4px; }
  .page-tabs__nav .nav .nav-link { display: block; font-size: 20px; line-height: 1.333em; color: #2B2A35; border: 1px solid #E2E2E2; padding: 16px; border-radius: 4px; text-align: center; background: #FFF; opacity: 1; transition: all .3s ease; font-weight: 500; }
  .page-tabs__nav .nav .nav-link small { display: block; font-size: 14px; line-height: 20px; font-weight: 400; }
  .page-tabs__nav .nav .nav-link span { display: block; }
  .page-tabs__nav .nav .nav-link:hover { background: #F2F4F7; text-decoration: none; }
  .page-tabs__nav .nav .nav-link.active { background: #F2F4F7; border-color: #4B61DD; }
  .block-problem__title { text-align: center; margin-bottom: 40px; }
  .block-problem .item { position: relative; padding-left: 132px; margin-bottom: 24px; }
  .block-problem .item__num { position: absolute; left: 12px; top: 0; font-size: 48px; line-height: 56px; font-weight: 600; color: #8641FF; margin-bottom: 12px; }
  .testi-simple .title { position: relative; font-size: 16px; line-height: 24px; color: #2B2A35; font-weight: 500; margin-bottom: 24px; }
  .testi-simple .title::before { content: ""; display: block; position: relative; width: 32px; height: 4px; margin-bottom: 8px; background: #8641FF; }
  .testi-simple__cta { position: relative; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F2F4F7; padding: 32px 24px; width: 100%; border-radius: 8px 8px 16px 0; }
  .testi-simple__quote { position: relative; display: block; background: #10253E; padding: 32px; width: 100%; border-radius: 0 0 8px 8px; }
  .testi-simple__quote::before { content: ""; display: block; width: 100%; height: 20px; position: absolute; top: -20px; right: 0; background: #10253E; }
  .testi-simple__quote .quote { font-size: 24px; line-height: 32px; color: #FFFFFF; font-weight: 500; margin-bottom: 0; }
  .testi-simple__box { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 90%; margin: 0 auto; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2); }
  /* EBOOK */
  .masthead--ebook { padding-left: 12px; padding-right: 12px; }
  .masthead--ebook .masthead__img { margin-bottom: 32px; display: none; }
  .masthead--ebook .masthead__img img { display: block; max-width: 60%; height: auto; }
  .masthead--ebook .masthead__title { font-size: 32px; line-height: 40px; }
  .masthead--ebook .masthead__share { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 32px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .masthead--ebook .masthead__share .title { font-size: 14px; line-height: 40px; text-transform: uppercase; margin-right: 8px; }
  .masthead--ebook .masthead__share .items { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .masthead--ebook .masthead__share .item__link { display: block; padding: 0 2px; opacity: 1; transition: all .3s ease-in-out; }
  .masthead--ebook .masthead__share .item__link:hover { opacity: .5; }
  .ebook-thumbs { padding-top: 32px; padding-bottom: 64px; }
  .ebook-thumbs .item { margin-bottom: 32px; }
  .ebook-thumbs .item__img { display: block; width: 80%; margin-bottom: 24px; }
  .ebook-thumbs .item__img img { display: block; max-width: 100%; height: auto; }
  .ebook-thumbs .item__title { font-size: 20px; line-height: 28px; font-weight: 600; color: #2B2A35; margin-bottom: 16px; }
  .ebook-thumbs .item__desc { margin-bottom: 16px; }
  .ebook-thumbs .item__content { width: 100%; padding-bottom: 32px; border-bottom: 1px solid #D0D6DD; }
  .ebook-thumbs .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 12px; padding-right: 12px; }
  .ebook-highlight { background: #f8f9fa; }
  .ebook-highlight__img { padding-top: 40px; }
  .ebook-highlight__img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 500px; margin: 0 auto; }
  .ebook-highlight .items { padding-top: 48px; }
  .ebook-highlight .item { position: relative; padding-left: 80px; margin-bottom: 32px; }
  .ebook-highlight .item__img { margin-bottom: 8px; position: absolute; top: 0; left: 12px; }
  .ebook-highlight .item__img img { display: block; height: 48px; width: 48px; }
  .ebook-highlight .item__title { font-size: 24px; line-height: 32px; margin-bottom: 8px; }
  .ebook-highlight__wrap { padding-top: 80px; padding-bottom: 80px; }
  .ebook-insight__img { position: relative; max-width: 290px; margin: 0 auto; margin-bottom: 64px; }
  .ebook-insight__img .slider { background: #FFF; box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2); }
  .ebook-insight__img .slider .owl-nav { display: none; }
  .ebook-insight__img .slider .owl-dots { bottom: -20px; }
  .ebook-insight__img > span { display: block; width: calc(100% - 20px); height: 100%; position: absolute; top: -10px; left: 10px; background: #FFF; box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2); }
  .ebook-insight__img > span:nth-child(1) { width: calc(100% - 40px); top: -20px; left: 20px; }
  .ebook-insight__wrap { padding-top: 64px; padding-bottom: 64px; }
  .ebook-download__title { text-align: center; }
  .ebook-download__desc { text-align: center; margin-bottom: 32px; }
  .ebook-download__buttons { text-align: center; }
  .ebook-download__wrap { padding-top: 64px; padding-bottom: 64px; border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; }
  .ebook-download__share { padding-top: 64px; padding-bottom: 64px; text-align: center; }
  .ebook-download__share .title { font-size: 14px; line-height: 40px; text-transform: uppercase; margin-right: 8px; }
  .ebook-download__share .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .ebook-download__share .item__link { display: block; padding: 0 2px; opacity: 1; transition: all .3s ease-in-out; }
  .ebook-download__share .item__link:hover { opacity: .5; }
  .modal-ebook .modal-content { padding: 60px; }
  .modal-ebook__title { margin-bottom: 16px; font-size: 24px; line-height: 32px; }
  .modal-ebook__desc { margin-bottom: 24px; }
  .block-banner { padding-top: 48px; padding-bottom: 48px; padding-left: 8px; padding-right: 8px; }
  .block-banner__link { display: block; text-decoration: none; }
  .block-banner__img-sm { display: block; position: relative; width: 100%; }
  .block-banner__img-sm img { width: 100%; height: auto; }
  .block-banner__img { display: none; }
  .testinew__title { text-align: center; }
  .testinew__items .item__quote { font-size: 18px; line-height: 26px; font-weight: 500; color: #2B2A35; margin-bottom: 40px; }
  .testinew__items .item__user .author { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .testinew__items .item__user .author__avatar { -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; width: 100%; max-width: 48px; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; height: 48px; border-radius: 24px; overflow: hidden; }
  .testinew__items .item__user .author__avatar img { display: block; width: 48px; height: 48px; object-fit: cover; }
  .testinew__items .item__user .author__content { -webkit-order: 3; -ms-flex-order: 3; order: 3; display: block; width: 100%; max-width: calc(100% - 48px); -webkit-flex: 0 0 calc(100% - 48px); -ms-flex: 0 0 calc(100% - 48px); flex: 0 0 calc(100% - 48px); padding-left: 16px; color: #2B2A35; }
  .testinew__items .item__user .author__content .name { display: block; font-weight: 600; }
  .testinew__items .item__user .author__content .job_title { display: block; }
  .testinew__items .item__user .author__logo { display: block; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-bottom: 24px; }
  .testinew__items .item__user .author__logo img { display: block; height: 40px; width: auto; }
  .testinew__items .item .rc__sub { font-size: 16px; line-height: 24px; font-weight: 500; margin-bottom: 8px; }
  .testinew__items .item .rc__title { font-size: 48px; line-height: 56px; font-weight: 600; margin-bottom: 8px; }
  .testinew__items .item .rc__desc { font-size: 16px; line-height: 24px; font-weight: 500; }
  .testinew__items .item__left { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: #EDF0F2; padding: 32px 24px; }
  .testinew__items .item__right { display: block; width: 100%; padding: 32px 24px; background: #4B61DD; color: #FFF; }
  .testinew__items .item__wrap { display: block; border-radius: 4px; overflow: hidden; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .testinew__wrap { padding-top: 32px; padding-bottom: 32px; padding-left: 20px; padding-right: 20px; }
  .ssubs { background: #EDF0F2; }
  .ssubs__wrap { padding-top: 20px; padding-bottom: 20px; }
  .ssubs__socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 32px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .ssubs__socmed-title { display: inline-block; color: #232933; padding-right: 12px; margin-bottom: 12px; }
  .ssubs__socmed-items { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ssubs__socmed-items .item { padding-left: 12px; padding-right: 12px; opacity: 1; transition: all .3s ease; }
  .ssubs__socmed-items .item img { display: block; height: 24px; width: auto; }
  .ssubs__socmed-items .item:hover { opacity: 0.5; }
  .ssubs__action { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .ssubs__action-title { color: #232933; display: inline-block; margin: 0 auto 12px; }
  /* WHITEPAPER */
  .block-banner-text { padding-left: 8px; padding-right: 8px; }
  .block-banner-text__bg { display: none; }
  .block-banner-text__img { margin-top: -35px; position: relative; z-index: 2; }
  .block-banner-text__img img { display: block; width: 50%; height: auto; margin: 0 auto; }
  .block-banner-text__title { font-size: 20px; line-height: 28px; margin: 0 0 16px; padding-left: 16px; padding-right: 16px; }
  .block-banner-text__desc { margin: 0 0 32px; padding-left: 16px; padding-right: 16px; }
  .block-banner-text__action { padding-left: 16px; padding-right: 16px; }
  .block-banner-text__content { padding-top: 24px; padding-bottom: 24px; }
  .block-banner-text__box { position: relative; background: #F2F4F7; border-radius: 4px; }
  .block-banner-text__wrap { padding-top: 64px; padding-bottom: 32px; }
  .masthead--whitepaper { background-image: url(../images/pattern-hero.png); background-position: -5% calc(100% - 130px); background-size: 150% auto; background-repeat: no-repeat; background-color: #F2F4F7; }
  .masthead--whitepaper .masthead__img { margin: 0 0 32px; }
  .masthead--whitepaper .masthead__img img { max-width: 100%; width: auto; height: auto; margin: 0 0 0 auto; }
  .masthead--whitepaper .masthead__socmed { display: none; border-top: 1px solid #D0D6DD; padding-top: 8px; position: relative; }
  .masthead--whitepaper .masthead__socmed-sm { border-top: 1px solid #D0D6DD; padding-top: 8px; display: block; }
  .masthead--whitepaper .masthead__action { margin: 0; }
  .masthead--whitepaper .masthead__img { padding-top: 32px; }
  .masthead--whitepaper .masthead__img img { max-width: 70%; }
  .masthead--whitepaper .socmed { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0 -4px -8xp; }
  .masthead--whitepaper .socmed li { display: inline-block; padding: 0 4px 8px; }
  .masthead--whitepaper .socmed li a { display: block; border-radius: 16px; background: transparent; transition: all .3s ease-in-out; }
  .masthead--whitepaper .socmed li img { display: block; width: 32px; height: 32px; -webkit-filter: grayscale(100); filter: grayscale(100); transition: all .3s ease-in-out; opacity: 0.8; }
  .masthead--whitepaper .socmed li:hover a { background: #F7FBFF; }
  .masthead--whitepaper .socmed li:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
  .masthead--whitepaper .masthead__wrap { padding-top: 48px; padding-bottom: 32px; }
  .wpp-summ { padding-left: 8px; padding-right: 8px; }
  .wpp-summ__wrap { padding-top: 32px; padding-bottom: 32px; }
  .wpp-insght { background: #F2F4F7; padding-left: 8px; padding-right: 8px; }
  .wpp-insght__action { display: none; }
  .wpp-insght__wrap { padding-top: 32px; padding-bottom: 32px; }
  .wpp-banner { padding-left: 8px; padding-right: 8px; }
  .wpp-banner__title { text-align: center; }
  .wpp-banner__desc { text-align: center; max-width: 600px; margin: 0 auto 24px; }
  .wpp-banner__action { text-align: center; margin: 0 auto 24px; }
  .wpp-banner .slider-item img.sm { max-width: 100%; width: 100%; height: auto; }
  .wpp-banner .slider-item img:not(.sm) { display: none; }
  .wpp-banner .owl-nav { display: none; }
  .wpp-banner__wrap { padding-top: 32px; padding-bottom: 32px; }
  .wpp-form { padding-left: 8px; padding-right: 8px; background: none !important; }
  .wpp-form__img { display: none; }
  .wpp-form__title { font-size: 20px; line-height: 28px; }
  .wpp-form form label { font-size: 14px; line-height: 20px; font-weight: 600; }
  .wpp-form form .custom-control { padding-left: 24px; }
  .wpp-form form .custom-control label { font-weight: 400; }
  .wpp-form form .custom-control label a { text-decoration: underline; }
  .wpp-form form .custom-control .custom-control-label::before { left: -24px; width: 16px; height: 16px; }
  .wpp-form form .custom-control .custom-control-label::after { left: -24px; width: 16px; height: 16px; }
  .wpp-form__wrap { padding-top: 64px; padding-bottom: 64px; }
  .wpp-cards { padding-left: 8px; padding-right: 8px; }
  .wpp-cards .item { margin: 0 0 24px; }
  .wpp-cards .item__img { min-height: 240px; position: relative; }
  .wpp-cards .item__img img { position: relative; height: 100%; width: auto; object-fit: cover; object-position: center; }
  .wpp-cards .item__title { margin: 0 0 24px; }
  .wpp-cards .item__desc { margin: 0 0 16px; }
  .wpp-cards .item__content { padding: 24px; border-top: 1px solid #D0D6DD; }
  .wpp-cards .item__wrap { border: 1px solid #D0D6DD; border-radius: 4px; }
  .wpp-cards__action { position: absolute; top: 64px; right: 12px; z-index: 2; }
  .wpp-cards__wrap { padding-top: 64px; padding-bottom: 80px; position: relative; }
  /* LOGO MARQUEE */
  .logo-marquee { padding-top: 32px; padding-bottom: 32px; }
  .logo-marquee__title { text-align: center; margin: 0 0 24px; }
  .logo-marquee__title br { display: none; }
  .logo-marquee__group { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; gap: 32px; position: relative; margin: 24px 0 0; }
  .logo-marquee__group::before, .logo-marquee__group::after { content: ""; z-index: 2; display: block; width: 64px; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(89.8deg, #FFFFFF 49.02%, rgba(255, 255, 255, 0) 113.2%); }
  .logo-marquee__group::after { left: auto; right: 0; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); }
  .logo-marquee__group.reverse .logo-marquee__list { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-delay: -3s; animation-delay: -3s; }
  .logo-marquee__list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: 32px; min-width: 100%; -webkit-animation: scroll-x 60s linear infinite; animation: scroll-x 60s linear infinite; }
  .logo-marquee__list .item { display: -ms-grid; display: grid; place-items: center; width: calc(100% / 3); }
  .logo-marquee__list .item img { display: block; max-width: 100%; max-height: 40px; width: auto; height: auto; }
  .logo-marquee.bg-gray .logo-marquee__group::before, .logo-marquee.bg-gray .logo-marquee__group::after { background: linear-gradient(89.8deg, #F2F4F7 49.02%, rgba(242, 244, 247, 0) 113.2%); }
  /* BLOCK FORM */
  .block-form { padding-left: 8px; padding-right: 8px; }
  .block-form__title { font-size: 20px; line-height: 28px; margin: 0 0 24px; }
  .block-form__image { display: none; }
  .block-form__wrap { padding-top: 32px; padding-bottom: 32px; }
  .block-form .custom-control { padding-left: 24px; }
  .block-form .custom-control-label { font-size: 14px; line-height: 20px; font-weight: 400; }
  .block-form .custom-control-label a { text-decoration: underline; }
  .block-form .custom-control .custom-control-label::before { left: -24px; width: 16px; height: 16px; }
  .block-form .custom-control .custom-control-label::after { left: -24px; width: 16px; height: 16px; }
  .block-form .form-referral .form-group > label { font-size: 14px; line-height: 20px; font-weight: 500; }
  .block-form .form-referral .form-group { padding-bottom: 20px; }
  .block-form .form-referral .form-action .btn { display: block; width: 100%; } }

/* SPACER */
.mt-24 { margin-top: 24px; }

.mt-48 { margin-top: 48px; }

.mt-64 { margin-top: 64px; }

.mt-80 { margin-top: 80px; }

.mb-24 { margin-bottom: 24px; }

.mb-48 { margin-bottom: 48px; }

.mb-64 { margin-bottom: 64px; }

.mb-80 { margin-bottom: 80px; }

.pt-24 { padding-top: 24px; }

@media (max-width: 991px) { .pt-24 { padding-top: 16px; } }

.pt-48 { padding-top: 48px; }

@media (max-width: 991px) { .pt-48 { padding-top: 32px; } }

.pt-64 { padding-top: 64px; }

@media (max-width: 991px) { .pt-64 { padding-top: 48px; } }

.pt-80 { padding-top: 80px; }

@media (max-width: 991px) { .pt-80 { padding-top: 64px; } }

.pb-24 { padding-bottom: 24px; }

@media (max-width: 991px) { .pb-24 { padding-bottom: 16px; } }

.pb-48 { padding-bottom: 48px; }

@media (max-width: 991px) { .pb-48 { padding-bottom: 32px; } }

.pb-64 { padding-bottom: 64px; }

@media (max-width: 991px) { .pb-64 { padding-bottom: 48px; } }

.pb-80 { padding-bottom: 80px; }

@media (max-width: 991px) { .pb-80 { padding-bottom: 64px; } }

/* Pages style */
@media only screen and (min-width: 1025px) { .block-benefit { background: #F2F4F7; }
  .block-benefit__title { text-align: center; margin-bottom: 56px; }
  .block-benefit__items .item { margin-bottom: 24px; }
  .block-benefit__items .item__icon { display: inline-block; padding: 12px; background: #F4F2F7; border-radius: 16px; margin: 0 0 12px; border-radius: 8px; }
  .block-benefit__items .item__icon img { display: block; height: 56px; width: auto; }
  .block-benefit__items .item__title { font-size: 20px; line-height: 28px; margin: 0 0 12px; }
  .block-benefit__items .item__wrap { background: #FFF; border-radius: 8px; padding: 32px; }
  .block-benefit__wrap { padding-top: 64px; padding-bottom: 40px; }
  .product-complete--erp { padding-top: 80px; padding-bottom: 32px; }
  .block-erp__title { font-size: 40px; line-height: 48px; max-width: 770px; margin-bottom: 26px; }
  .block-erp__desc { max-width: 770px; margin-bottom: 32px; }
  .block-erp__list-title { font-size: 32px; line-height: 42px; margin-bottom: 16px; }
  .block-erp__list-desc { margin-bottom: 40px; }
  .block-erp__wrap { padding-top: 80px; padding-bottom: 80px; }
  .block-erp.bg-blue { position: relative; background: #e1f2fc; }
  .block-erp.bg-blue::before { content: ""; display: block; width: 100%; height: 56%; position: absolute; top: 0; left: 0; background-image: url("../images/bg-erp-01.png"); background-color: #d5f6ff; background-repeat: repeat-x; background-position: bottom center; z-index: 1; }
  .block-erp.bg-blue .container { position: relative; z-index: 2; }
  .block-erp.bg-brown { position: relative; background: #FFFCF7; }
  .block-erp.bg-brown::before { content: ""; display: block; width: 100%; height: 58%; position: absolute; top: 0; left: 0; background-image: url("../images/bg-erp-02.png"); background-repeat: repeat; background-position: bottom center; z-index: 1; }
  .block-erp.bg-brown .container { position: relative; z-index: 2; }
  .block-erp.block-erp--reverse .row--erp { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-erp--tabs { background: #F9FAFB; }
  .block-erp--tabs .block-erp__nav { position: relative; margin-bottom: 64px; }
  .block-erp--tabs .block-erp__nav .nav-container { text-align: center; }
  .block-erp--tabs .block-erp__nav .nav-tabs { background: #EBEDEF; width: auto; display: inline-block; border-radius: 100px; padding: 4px; }
  .block-erp--tabs .block-erp__nav .nav-tabs::before { display: none; }
  .block-erp--tabs .block-erp__nav .nav-tabs .nav-item { display: inline-block; }
  .block-erp--tabs .block-erp__nav .nav-tabs .nav-link { padding: 12px 24px; border-radius: 100px; border: 1px solid transparent; background: transparent; color: #9090A2; font-weight: 500; }
  .block-erp--tabs .block-erp__nav .nav-tabs .nav-link.active { background: #FFF; border-color: #4B61DD; color: #4B61DD; }
  .block-erp--tabs .block-erp__title { text-align: center; margin: 0 auto 32px; }
  .block-erp--tabs .block-erp__desc { text-align: center; max-width: 600px; margin: 0 auto 56px; }
  .block-erp--tabs .product-testi--erp { padding-top: 148px; }
  .product-testi--erp .owl-dot span { background: #888; }
  .product-testi--erp .owl-dot.active span { background: #4B61DD; }
  .block-cta-alt--erp .block-cta-alt__title::before { background: #4B61DD; }
  .masthead--cs-single .masthead__img { position: relative; padding-top: 66.667%; }
  .masthead--cs-single .masthead__img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
  .cs-solprob .img { position: relative; z-index: 2; margin-bottom: 16px; }
  .cs-solprob .title { display: block; position: relative; z-index: 2; font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 12px; color: #2B2A35; }
  .cs-solprob p { position: relative; z-index: 2; }
  .cs-solprob__left { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 32px 48px; background: #F2F4F7; border-radius: 8px 0 0 8px; }
  .cs-solprob__right { display: block; position: relative; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 32px 48px; color: #FFF; background: #2C9CA3; border-radius: 0 8px 8px 0; }
  .cs-solprob__right .title { color: #FFF; }
  .cs-solprob__right:before { content: ""; z-index: 1; display: block; position: absolute; width: 34px; height: calc(100% + 32px); top: -16px; left: -32px; background: #2C9CA3; border-radius: 6px 0 0 6px; -webkit-clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, calc(100% - 2px) 50%, 0% 0%); clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, calc(100% - 2px) 50%, 0% 0%); }
  .cs-solprob__right:after { content: ""; z-index: 1; display: block; position: absolute; width: 100%; height: calc(100% + 32px); top: -16px; left: 0; background: #2C9CA3; border-radius: 0 8px 8px 0; }
  .cs-solprob__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px 0; }
  .cs-stats .item__num { font-size: 48px; line-height: 56px; font-weight: 600; color: #2B2A35; margin-bottom: 8px; }
  .cs-article .blockquote { position: relative; max-width: 600px; margin: 64px auto; }
  .cs-article .blockquote:before { content: "\201C"; display: block; position: absolute; top: 0; left: -36px; font-size: 48px; line-height: 56px; color: #5B37D4; font-weight: 600; }
  .cs-article .blockquote p { position: relative; font-size: 24px; line-height: 40px; color: #2B2A35; font-style: normal; }
  .cs-article .blockquote p::after { content: "\201D"; display: inline-block; font-size: 24px; line-height: 40px; color: #5B37D4; font-weight: 600; }
  .cs-article .blockquote__author .author__text span { font-size: 14px; line-height: 20px; display: block; }
  .cs-article .blockquote__author .author__name { font-weight: 500; color: #2B2A35; }
  .cs-sidebar .item { margin-bottom: 24px; }
  .cs-sidebar .item__title { font-weight: 500; color: #2B2A35; margin-bottom: 0; font-size: 14px; line-height: 20px; }
  .cs-sidebar .item__desc { font-size: 14px; line-height: 20px; padding-right: 48px; }
  .block-falt__title { font-size: 40px; line-height: 48px; max-width: 770px; margin-bottom: 26px; }
  .block-falt__desc { max-width: 770px; margin-bottom: 32px; }
  .block-falt__list-title { font-size: 32px; line-height: 42px; margin-bottom: 16px; }
  .block-falt__list-desc { margin-bottom: 40px; }
  .block-falt__wrap { padding-top: 80px; padding-bottom: 80px; }
  .block-falt.bg-blue { position: relative; background: #e1f2fc; }
  .block-falt.bg-blue::before { content: ""; display: block; width: 100%; height: 56%; position: absolute; top: 0; left: 0; background-image: url("../images/bg-erp-01.png"); background-color: #d5f6ff; background-repeat: repeat-x; background-position: bottom center; z-index: 1; }
  .block-falt.bg-blue .container { position: relative; z-index: 2; }
  .block-falt.bg-brown { position: relative; background: #FFFCF7; }
  .block-falt.bg-brown::before { content: ""; display: block; width: 100%; height: 58%; position: absolute; top: 0; left: 0; background-image: url("../images/bg-erp-02.png"); background-repeat: repeat; background-position: bottom center; z-index: 1; }
  .block-falt.bg-brown .container { position: relative; z-index: 2; }
  .block-falt.block-falt--reverse .row--erp { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-falt--tabs { background: #F9FAFB; }
  .block-falt--tabs.bg-white { background: #FFFFFF; }
  .block-falt--tabs.bg-white .product-testi--alt.theme--white .product-testi__wrap::before { background: #F2F4F7; }
  .block-falt--tabs .block-falt__nav { position: relative; margin-bottom: 64px; }
  .block-falt--tabs .block-falt__nav .nav-container { text-align: center; }
  .block-falt--tabs .block-falt__nav .nav-tabs { background: #EBEDEF; width: auto; display: inline-block; border-radius: 100px; padding: 4px; }
  .block-falt--tabs .block-falt__nav .nav-tabs::before { display: none; }
  .block-falt--tabs .block-falt__nav .nav-tabs .nav-item { display: inline-block; }
  .block-falt--tabs .block-falt__nav .nav-tabs .nav-link { padding: 12px 24px; border-radius: 100px; border: 1px solid transparent; background: transparent; color: #9090A2; }
  .block-falt--tabs .block-falt__nav .nav-tabs .nav-link.active { background: #FFF; border-color: #4B61DD; color: #4B61DD; }
  .block-falt--tabs .block-falt__title { text-align: center; margin: 0 auto 32px; }
  .block-falt--tabs .block-falt__desc { text-align: center; max-width: 600px; margin: 0 auto 56px; }
  .block-falt--tabs .product-testi--erp { padding-top: 148px; }
  .product-testi--falt .testi { background: transparent !important; }
  .product-testi--falt .owl-dot span { background: #888; }
  .product-testi--falt .owl-dot.active span { background: #4B61DD; }
  .product-testi--falt .btn-play { background-color: #8641FF; box-shadow: 0 0 0 rgba(112, 111, 211, 0.4); -webkit-animation: mekariflexalt 2s infinite; animation: mekariflexalt 2s infinite; }
  @-webkit-keyframes mekariflexalt { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
    100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }
  @keyframes mekariflexalt { 0% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0.4); }
    70% { box-shadow: 0 0 0 14px rgba(112, 111, 211, 0); }
    100% { box-shadow: 0 0 0 0 rgba(112, 111, 211, 0); } }
  .block-cta-alt--falt .block-cta-alt__title::before { background: #4B61DD; }
  .block-cs { padding-bottom: 80px; position: relative; background: #F2F4F7; }
  .block-cs .item { border-radius: 8px; overflow: hidden; }
  .block-cs .item__left { background: #011C40; padding: 40px; color: #FFF; }
  .block-cs .item__left .author { margin-bottom: 24px; }
  .block-cs .item__left .author__img { display: inline-block; vertical-align: middle; }
  .block-cs .item__left .author__img img { display: block; width: 60px; height: 60px; object-fit: cover; object-position: center; border-radius: 60px; background-color: #6CAEBE; }
  .block-cs .item__left .author__content { display: inline-block; vertical-align: middle; padding-left: 20px; width: calc(100% - 86px); }
  .block-cs .item__left .author__content span { display: block; font-size: 14px; line-height: 20px; }
  .block-cs .item__left .quote { font-size: 24px; line-height: 32px; font-weight: 500; }
  .block-cs .item__right { background-color: #FFFFFF; padding: 40px 32px; }
  .block-cs .item__right .number { color: #048444; font-size: 64px; line-height: 72px; font-weight: 500; margin-bottom: 12px; }
  .block-cs .item__right .desc { font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 32px; }
  .block-cs .slider-cs-dot { margin: 0; padding: 32px 0 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; bottom: 0; height: auto; }
  .block-cs .slider-cs-dot .owl-dot { width: auto; height: 40px; margin: 0 24px; background-color: transparent; cursor: pointer; }
  .block-cs .slider-cs-dot .owl-dot img { display: block; height: 40px; width: auto; -webkit-filter: brightness(0%); filter: brightness(0%); opacity: 0.2; margin-bottom: 20px; transition: all .4s ease; }
  .block-cs .slider-cs-dot .owl-dot .bar { display: block; position: relative; width: 100%; height: 4px; border-radius: 2px; background-color: #EDF6FB; overflow: hidden; opacity: 0; transition: all .4s ease; }
  .block-cs .slider-cs-dot .owl-dot .bar span { display: block; position: absolute; width: 100%; height: 100%; background-color: #4B61DD; }
  .block-cs .slider-cs-dot .owl-dot.active { background-color: transparent; }
  .block-cs .slider-cs-dot .owl-dot.active img { -webkit-filter: initial; filter: initial; opacity: 1; }
  .block-cs .slider-cs-dot .owl-dot.active .bar { opacity: 1; }
  .block-cs .slider-cs-dot .owl-dot.active .bar span { -webkit-animation: progressBar 8s linear; animation: progressBar 8s linear; }
  .block-cs__buttons { padding-top: 48px; }
  .block-cs .section-head { padding: 80px 0 64px; }
  .block-comp__nav { position: relative; margin-bottom: 64px; }
  .block-comp__nav .nav-container { text-align: center; }
  .block-comp__nav .nav-tabs { background: #EBEDEF; width: auto; display: inline-block; border-radius: 100px; padding: 4px; }
  .block-comp__nav .nav-tabs::before { display: none; }
  .block-comp__nav .nav-tabs .nav-item { display: inline-block; }
  .block-comp__nav .nav-tabs .nav-link { padding: 12px 24px; border-radius: 100px; border: 1px solid transparent; background: transparent; color: #9090A2; font-weight: 500; }
  .block-comp__nav .nav-tabs .nav-link.active { background: #FFF; border-color: #4B61DD; color: #4B61DD; }
  .block-comp__title { text-align: center; margin: 0 auto 32px; }
  .block-comp__desc { text-align: center; max-width: 600px; margin: 0 auto 56px; }
  .masthead.masthead--maws { position: relative; }
  .masthead.masthead--maws::before { content: ""; display: block; width: 1000px; height: 1000px; background-image: url(../images/img-mekari-aws-ornament.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: calc(50% - 630px); right: calc( 50% - 1070px); }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__title { margin-bottom: 16px; }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__title small { font-size: 16px; line-height: 24px; display: block; }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__desc { padding-right: 24px; }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__desc span.lead { color: #232933; font-weight: 500; display: block; margin-bottom: 8px; }
  .block-tmaws__title { text-align: center; }
  .block-tmaws__desc { text-align: center; margin: 0 0 24px; }
  .block-tmaws .owl-carousel .owl-nav { display: none; }
  .block-tmaws .item { padding-top: 80px; }
  .block-tmaws .item__box { background: #EDF0F2; border-radius: 4px; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 370px; }
  .block-tmaws .item__left { display: block; width: 100%; max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; position: relative; }
  .block-tmaws .item__left .image { position: absolute; display: block; width: 394px; height: auto; left: 48px; bottom: 0; }
  .block-tmaws .item__left .image img { display: block; max-width: 100%; width: auto; height: auto; }
  .block-tmaws .item__left .image.has-circle::after { content: ""; display: block; width: 89px; height: 89px; position: absolute; background: #FF9900; border-radius: 45px; top: 60px; right: -50px; }
  .block-tmaws .item__right { padding-top: 84px; padding-bottom: 84px; padding-right: 40px; padding-left: 16px; width: 100%; max-width: 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; }
  .block-tmaws .item__right .quote { margin-bottom: 30px; color: #232933; }
  .block-tmaws .item__right .author { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .block-tmaws .item__right .author span { display: block; color: #232933; }
  .block-tmaws .item__right .author .name { font-size: 20px; line-height: 28px; font-weight: 500; }
  .block-tmaws .item__right .author__text { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .block-tmaws .item__right .author__logo { display: block; width: 100%; max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .block-tmaws .item__right .author__logo img { display: block; margin-left: auto; width: auto; height: auto; max-width: 100%; max-height: 36px; }
  .block-tmaws__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-tmaws.bg-gray .item__box { background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); }
  .block-tmaws--single .block-tmaws__wrap { padding-top: 40px; }
  .block-benefit.block-benefit--maws .block-benefit__wrap { padding-top: 64px; padding-bottom: 40px; }
  .block-benefit.block-benefit--maws .block-benefit__title { margin-bottom: 24px; }
  .block-benefit.block-benefit--maws .block-benefit__items .item { text-align: center; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__icon { display: block; padding: 0; margin: 0 0 8px; background: transparent; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__icon img { margin: 0 auto; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__title { font-size: 20px; line-height: 28px; margin: 0; }
  .block-sfyb__title { text-align: center; }
  .block-sfyb__cta { text-align: center; padding-top: 8px; }
  .block-sfyb .item { margin-bottom: 24px; }
  .block-sfyb .item__img { margin: 0 0 24px; }
  .block-sfyb .item__img img { display: block; height: 56px; width: auto; }
  .block-sfyb .item__title { margin-bottom: 12px; }
  .block-sfyb .item__desc { margin-bottom: 24px; }
  .block-sfyb .item__more { margin-top: auto; }
  .block-sfyb .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; border: 1px solid #D0D6DD; background: #FFF; border-radius: 8px; transition: all .3s ease; padding: 32px 24px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .block-sfyb__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-benefit--referral { background: #FFF; }
  .block-benefit--referral .block-benefit__items { text-align: center; }
  .block-benefit--referral .block-benefit__items .item__icon { padding: 8px; display: block; max-width: 64px; margin: 0 auto 8px; background: #F7F4FF; }
  .block-benefit--referral .block-benefit__items .item__icon img { height: 48px; }
  .block-benefit--referral .block-benefit__items .item__title { margin: 0; }
  .block-benefit--referral .block-benefit__items .item__wrap { display: block; }
  .block-benefit--referral .block-benefit__wrap { padding-top: 64px; }
  .block-kol-tabs__title { text-align: center; margin: 0 0 24px; }
  .block-kol-tabs__nav .nav-tabs::before { background: #EDF0F2; }
  .block-kol-tabs__nav .nav-tabs .nav-link { padding: 24px 56px; border: 0; background: transparent; position: relative; }
  .block-kol-tabs__nav .nav-tabs .nav-link.active::before { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background: #4B61DD; }
  .block-kol-tabs__content .tab-pane__nav { display: none; }
  .block-kol-tabs__content .tab-pane { padding-top: 48px; }
  .block-kol-tabs__content .tab-pane__content { padding-top: 24px; }
  .block-kol-tabs__content .tab-pane__img img { max-width: 100%; }
  .block-kol-tabs__content .tab-pane__img-sm { display: none; }
  .block-kol-tabs__action { text-align: center; padding-top: 32px; }
  .block-kol-tabs__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-kol-content__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-kol-cta { text-align: center; }
  .block-kol-cta__title { margin: 0 0 48px; }
  .block-kol-cta .items { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding-left: 48px; padding-right: 48px; }
  .block-kol-cta .items .item { max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 12px; padding-right: 12px; }
  .block-kol-cta .items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 24px 40px; border-radius: 4px; border: 1px solid #5B37D4; color: #232933; font-size: 20px; line-height: 28px; font-weight: 500; text-align: left; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .block-kol-cta .items .item__wrap .icon { display: block; max-width: 32px; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; }
  .block-kol-cta .items .item__wrap .text { display: block; max-width: calc(100% - 32px); -webkit-flex: 0 0 calc(100% - 32px); -ms-flex: 0 0 calc(100% - 32px); flex: 0 0 calc(100% - 32px); padding-left: 12px; }
  .block-kol-cta__action { text-align: center; }
  .block-kol-cta__wrap { padding-top: 64px; padding-bottom: 64px; }
  main { overflow: initial; }
  .blog-hero { padding-bottom: 32px; }
  .blog-hero .title { font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 8px; }
  .blog-hero .post__img { overflow: hidden; border-radius: 8px; margin: 0 0 24px; }
  .blog-hero .post__category { font-size: 14px; line-height: 20px; font-weight: 600; color: #626B79; margin: 0 0 8px; }
  .blog-hero .post__title { font-size: 40px; line-height: 48px; font-weight: 600; margin: 0 0 8px; }
  .blog-hero .post__meta span { font-size: 14px; line-height: 20px; color: #626B79; }
  .blog-hero .post__meta span::before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #626B79; margin: 0 12px; }
  .blog-hero .post__meta span:first-child::before { display: none; }
  .blog-hero .post__author { padding-top: 24px; }
  .blog-hero .post__author .author { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .blog-hero .post__author .author__img { display: block; width: 24px; max-width: 24px; height: 24px; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; border-radius: 12px; overflow: hidden; background: #626B79; }
  .blog-hero .post__author .author__name { padding-left: 8px; color: #4B61DD; }
  .blog-hero .post__content { padding-left: 16px; padding-right: 16px; padding-bottom: 24px; }
  .blog-hero .post__wrap { background: #F1F5F9; border-radius: 8px; padding: 16px; }
  .blog-hero__sticky { position: -webkit-sticky; position: sticky; top: 60px; }
  .blog-hero__highlight { padding-left: 16px; padding-right: 16px; max-width: 40%; position: -webkit-sticky; position: sticky; }
  .blog-hero__most-view { padding-left: 16px; padding-right: 16px; max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; border-left: 1px solid #D0D6DD; }
  .blog-hero__most-view .post__title { font-size: 20px; line-height: 32px; }
  .blog-hero__most-view .post__content { padding: 0; }
  .blog-hero__most-view .post__wrap { padding: 24px 0; background: transparent; }
  .blog-hero__latest { padding-left: 16px; padding-right: 16px; max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; border-left: 1px solid #D0D6DD; }
  .blog-hero__latest .post__title { font-size: 16px; line-height: 24px; }
  .blog-hero__latest .post__content { padding: 0; }
  .blog-hero__latest .post__wrap { padding: 24px 0 8px; background: transparent; }
  .blog-hero__row { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -16px; margin-right: -16px; }
  .blog-subs { border-top: 1px solid #D0D6DD; border-bottom: 1px solid #D0D6DD; }
  .blog-subs__content { max-width: 640xp; -webkit-flex: 0 0 640px; -ms-flex: 0 0 640px; flex: 0 0 640px; font-size: 24px; line-height: 32px; }
  .blog-subs__row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .blog-subs__wrap { padding-top: 32px; padding-bottom: 32px; }
  .blog-explore .post__img { overflow: hidden; border-radius: 8px; margin: 0 0 24px; }
  .blog-explore .post__category { font-size: 14px; line-height: 20px; font-weight: 600; color: #626B79; margin: 0 0 8px; }
  .blog-explore .post__title { font-size: 16px; line-height: 24px; font-weight: 600; margin: 0 0 8px; }
  .blog-explore .post__meta { margin: 0 0 8px; }
  .blog-explore .post__meta span { font-size: 14px; line-height: 20px; color: #626B79; }
  .blog-explore .post__meta span::before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 2px; background: #626B79; margin: 0 12px; }
  .blog-explore .post__meta span:first-child::before { display: none; }
  .blog-explore .post__author { padding-top: 24px; }
  .blog-explore .post__author .author { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .blog-explore .post__author .author__img { display: block; width: 24px; max-width: 24px; height: 24px; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; border-radius: 12px; overflow: hidden; background: #626B79; }
  .blog-explore .post__author .author__name { padding-left: 8px; color: #4B61DD; }
  .blog-explore .post__content { padding: 0; position: relative; }
  .blog-explore .post__wrap { padding-top: 16px; padding-bottom: 24px; border-bottom: 1px solid #D0D6DD; }
  .blog-explore__left, .blog-explore__right { max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; padding-left: 16px; padding-right: 16px; }
  .blog-explore__left .post:last-child .post__wrap, .blog-explore__right .post:last-child .post__wrap { border-bottom: 0; }
  .blog-explore__center { max-width: 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; padding-left: 16px; padding-right: 16px; }
  .blog-explore__center .post__wrap { border-bottom: 0; }
  .blog-explore__bottom { width: 100%; position: relative; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: 24px; padding-left: 16px; padding-right: 16px; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .blog-explore__bottom::before { content: ""; display: block; width: calc(100% - 32px); border-top: 1px solid #D0D6DD; position: absolute; top: 0; }
  .blog-explore__bottom .post { display: block; max-width: 33.333%; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }
  .blog-explore__bottom .post__wrap { border-bottom: 0; border-right: 1px solid #D0D6DD; padding-right: 24px; padding-left: 24px; padding-bottom: 0; }
  .blog-explore__bottom .post:first-child .post__wrap { padding-left: 0; }
  .blog-explore__bottom .post:last-child .post__wrap { padding-right: 0; border-right: 0; }
  .blog-explore__row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; }
  .blog-explore__wrap { padding-top: 32px; padding-bottom: 32px; } }

@media only screen and (max-width: 1024px) { .masthead--erp .masthead__img { display: none; }
  .masthead--erp .masthead__wrap { padding-left: 12px; padding-right: 12px; }
  .block-benefit { background: #F2F4F7; }
  .block-benefit__title { text-align: center; margin-bottom: 56px; }
  .block-benefit__items .item { margin-bottom: 24px; }
  .block-benefit__items .item__icon { display: inline-block; padding: 12px; background: #F4F2F7; border-radius: 16px; margin: 0 0 12px; position: absolute; top: 16px; left: 16px; }
  .block-benefit__items .item__icon img { display: block; height: 32px; width: auto; }
  .block-benefit__items .item__title { font-size: 18px; line-height: 28px; margin: 0 0 12px; }
  .block-benefit__items .item__wrap { background: #FFF; border-radius: 8px; padding: 16px 16px 16px 90px; position: relative; }
  .block-benefit__wrap { padding-top: 80px; padding-bottom: 56px; padding-left: 24px; padding-right: 24px; }
  .product-complete--erp { padding-top: 80px; padding-bottom: 32px; padding-left: 12px; padding-right: 12px; }
  .block-erp__title { max-width: 770px; margin-bottom: 26px; }
  .block-erp__desc { max-width: 770px; margin-bottom: 32px; }
  .block-erp__img img { display: block; max-width: 80%; height: auto; width: auto; margin: 0 auto; }
  .block-erp__wrap { padding-top: 80px; padding-bottom: 80px; }
  .block-erp.bg-blue { position: relative; background: #e1f2fc; }
  .block-erp.bg-blue .container { position: relative; z-index: 2; }
  .block-erp.bg-brown { position: relative; background: #FFFCF7; }
  .block-erp.bg-brown .container { position: relative; z-index: 2; }
  .block-erp.block-erp--reverse .row--erp { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-erp--tabs { background: #F9FAFB; }
  .block-erp--tabs .block-erp__nav { position: relative; }
  .block-erp--tabs .block-erp__nav .nav-container { padding-top: 52px; margin-bottom: 32px; }
  .block-erp--tabs .block-erp__nav .nav-tabs { top: 0; }
  .block-erp--tabs .nav-tabs { padding-left: 0; padding-right: 0; }
  .block-erp--tabs .nav-tabs .nav-item.active { width: 100%; left: 0; }
  .block-erp--tabs .block-erp__list-title { font-size: 18px; line-height: 28px; }
  .block-erp--tabs .block-erp__list-desc { margin-bottom: 24px; }
  .block-erp--tabs .block-erp__wrap { padding-left: 24px; padding-right: 24px; }
  .product-testi--erp { padding-top: 12px; padding-bottom: 0; border-radius: 6px; margin-top: 48px; margin-bottom: 32px; background: #10253E; }
  .product-testi--erp::before { display: none; }
  .product-testi--erp .product-testi__wrap::before { background: #10253E; }
  .product-testi--erp .owl-item .testi__body { padding-left: 0; padding-right: 0; padding-bottom: 48px; background: #10253E; }
  .product-testi--erp .owl-dots { bottom: 26px; }
  .product-testi--erp .owl-dot span { background: #888; }
  .product-testi--erp .owl-dot.active span { background: #4B61DD; }
  .block-cta-alt--erp .block-cta-alt__title::before { background: #4B61DD; }
  .block-falt__title { max-width: 770px; margin-bottom: 26px; }
  .block-falt__desc { max-width: 770px; margin-bottom: 32px; }
  .block-falt__img img { display: block; max-width: 80%; height: auto; width: auto; margin: 0 auto; }
  .block-falt__wrap { padding-top: 80px; padding-bottom: 80px; }
  .block-falt.bg-blue { position: relative; background: #e1f2fc; }
  .block-falt.bg-blue .container { position: relative; z-index: 2; }
  .block-falt.bg-brown { position: relative; background: #FFFCF7; }
  .block-falt.bg-brown .container { position: relative; z-index: 2; }
  .block-falt.block-falt--reverse .row--erp { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .block-falt--tabs { background: #F9FAFB; }
  .block-falt--tabs.bg-white { background: #FFFFFF; }
  .block-falt--tabs .block-falt__nav { position: relative; }
  .block-falt--tabs .block-falt__nav .nav-container { padding-top: 52px; margin-bottom: 32px; }
  .block-falt--tabs .block-falt__nav .nav-tabs { top: 0; }
  .block-falt--tabs .nav-tabs { padding-left: 0; padding-right: 0; }
  .block-falt--tabs .nav-tabs .nav-item.active { width: 100%; left: 0; }
  .block-falt--tabs .block-falt__list-title { font-size: 18px; line-height: 28px; }
  .block-falt--tabs .block-falt__list-desc { margin-bottom: 24px; }
  .block-falt--tabs .block-falt__wrap { padding-left: 24px; padding-right: 24px; }
  .product-testi--falt { padding-top: 12px; padding-bottom: 0; border-radius: 6px; margin-top: 48px; margin-bottom: 32px; background: #10253E; }
  .product-testi--falt::before { display: none; }
  .product-testi--falt .product-testi__wrap::before { background: #10253E; }
  .product-testi--falt .owl-item .testi__body { padding-left: 0; padding-right: 0; padding-bottom: 48px; background: #10253E; }
  .product-testi--falt .owl-dots { bottom: 26px; }
  .product-testi--falt .owl-dot span { background: #888; }
  .product-testi--falt .owl-dot.active span { background: #4B61DD; }
  .block-cta-alt--falt .block-cta-alt__title::before { background: #4B61DD; }
  .block-cs { padding-left: 12px; padding-right: 12px; padding-bottom: 64px; position: relative; background: #F2F4F7; }
  .block-cs .item { border-radius: 8px; overflow: hidden; }
  .block-cs .item__left { background: #011C40; padding: 24px 32px; color: #FFF; }
  .block-cs .item__left .author { margin-bottom: 24px; }
  .block-cs .item__left .author__img { display: inline-block; vertical-align: middle; }
  .block-cs .item__left .author__img img { display: block; width: 60px; height: 60px; object-fit: cover; object-position: center; border-radius: 60px; background-color: #6CAEBE; }
  .block-cs .item__left .author__content { display: inline-block; vertical-align: middle; padding-left: 20px; width: calc(100% - 86px); }
  .block-cs .item__left .author__content span { display: block; font-size: 14px; line-height: 20px; }
  .block-cs .item__left .quote { font-size: 18px; line-height: 28px; font-weight: 500; }
  .block-cs .item__right { background-color: #FFFFFF; padding: 24px 32px; }
  .block-cs .item__right .number { color: #048444; font-size: 48px; line-height: 1.25em; font-weight: 500; margin-bottom: 12px; }
  .block-cs .item__right .desc { font-size: 18px; line-height: 28px; margin-bottom: 24px; font-weight: 500; }
  .block-cs .slider-dot-wrap { overflow: auto; }
  .block-cs .slider-cs-dot { margin: 0; padding: 32px 0 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; bottom: 0; height: auto; }
  .block-cs .slider-cs-dot .owl-dot { width: auto; height: 40px; margin: 0 24px; background-color: transparent; cursor: pointer; }
  .block-cs .slider-cs-dot .owl-dot img { display: block; height: 40px; width: auto; -webkit-filter: brightness(0%); filter: brightness(0%); opacity: 0.2; margin-bottom: 20px; transition: all .4s ease; }
  .block-cs .slider-cs-dot .owl-dot .bar { display: block; position: relative; width: 100%; height: 4px; border-radius: 2px; background-color: #EDF6FB; overflow: hidden; opacity: 0; transition: all .4s ease; }
  .block-cs .slider-cs-dot .owl-dot .bar span { display: block; position: absolute; width: 100%; height: 100%; background-color: #4B61DD; }
  .block-cs .slider-cs-dot .owl-dot.active { background-color: transparent; }
  .block-cs .slider-cs-dot .owl-dot.active img { -webkit-filter: initial; filter: initial; opacity: 1; }
  .block-cs .slider-cs-dot .owl-dot.active .bar { opacity: 1; }
  .block-cs .slider-cs-dot .owl-dot.active .bar span { -webkit-animation: progressBar 8s linear; animation: progressBar 8s linear; }
  .block-cs__buttons { padding-top: 48px; }
  .block-cs__dots-wrap { width: calc(100% + 48px); margin: 0 -24px; padding: 0 24px; overflow: auto; }
  .block-cs__dots-wrap::-webkit-scrollbar { width: 2px; height: 2px; display: none; }
  .block-cs__dots-wrap::-webkit-scrollbar-thumb { background: #D0D6DD; }
  .block-cs .slider-cs-dot { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
  .block-cs .slider-cs-dot .owl-dot img { height: 24px; width: auto; }
  .block-cs .section-head { padding: 60px 0; }
  .block-cs .section-head__title { font-size: 24px; line-height: 32px; }
  .masthead--cs-single .masthead__img { position: relative; padding-top: 66.667%; }
  .masthead--cs-single .masthead__img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
  .cs-solprob .img { position: relative; z-index: 2; margin-bottom: 16px; }
  .cs-solprob .title { display: block; position: relative; z-index: 2; font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 12px; color: #2B2A35; }
  .cs-solprob p { position: relative; z-index: 2; }
  .cs-solprob__left { display: block; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; background: #F2F4F7; border-radius: 8px 8px 0 0; }
  .cs-solprob__right { display: block; position: relative; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 24px; color: #FFF; background: #2C9CA3; border-radius: 0 0 8px 8px; }
  .cs-solprob__right .title { color: #FFF; }
  .cs-solprob__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 16px 0; }
  .cs-stats { padding-left: 48px; padding-right: 48px; }
  .cs-stats .item { margin-bottom: 24px; }
  .cs-stats .item__num { font-size: 48px; line-height: 56px; font-weight: 600; color: #2B2A35; margin-bottom: 0; }
  .cs-article .blockquote { position: relative; max-width: 600px; margin: 48px 24px 48px 48px; }
  .cs-article .blockquote:before { content: "\201C"; display: block; position: absolute; top: -10px; left: -30px; font-size: 48px; line-height: 56px; color: #5B37D4; font-weight: 600; }
  .cs-article .blockquote p { position: relative; font-size: 20px; line-height: 28px; color: #2B2A35; font-style: normal; }
  .cs-article .blockquote p::after { content: "\201D"; display: inline-block; font-size: 20px; line-height: 28px; color: #5B37D4; font-weight: 600; }
  .cs-article .blockquote__author .author__text span { font-size: 14px; line-height: 20px; display: block; }
  .cs-article .blockquote__author .author__name { font-weight: 500; color: #2B2A35; }
  .cs-sidebar { margin-bottom: 64px; }
  .cs-sidebar .item { margin-bottom: 24px; }
  .cs-sidebar .item__title { font-weight: 500; color: #2B2A35; margin-bottom: 0; font-size: 14px; line-height: 20px; }
  .cs-sidebar .item__desc { font-size: 14px; line-height: 20px; padding-right: 48px; }
  .masthead.masthead--maws { position: relative; overflow: hidden; }
  .masthead.masthead--maws::before { content: ""; display: block; width: 600px; height: 600px; background-image: url(../images/img-mekari-aws-ornament.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; bottom: 0; left: 16px; }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__title small { font-size: 16px; line-height: 24px; display: block; }
  .block-opps.block-opps--revert.block-opps--maws .block-opps__desc span.lead { color: #232933; font-weight: 500; display: block; margin-bottom: 8px; }
  .block-tmaws { padding-left: 8px; padding-right: 8px; overflow: hidden; }
  .block-tmaws__title { text-align: center; }
  .block-tmaws__desc { text-align: center; margin: 0 0 24px; }
  .block-tmaws .owl-carousel .owl-nav { display: none; }
  .block-tmaws .item { padding-top: 25vw; }
  .block-tmaws .item__box { background: #EDF0F2; border-radius: 4px; display: block; position: relative; }
  .block-tmaws .item__left { display: block; width: 100%; position: relative; }
  .block-tmaws .item__left .image { position: relative; top: -25vw; margin-bottom: -25vw; padding-left: 24px; padding-right: 24px; }
  .block-tmaws .item__left .image img { top: -40px; display: block; width: 100%; height: auto; }
  .block-tmaws .item__left .image.has-circle::after { content: ""; display: block; width: 89px; height: 89px; position: absolute; background: #FF9900; border-radius: 45px; top: 60px; right: -50px; }
  .block-tmaws .item__right { padding-top: 84px; padding-bottom: 84px; padding: 32px 24px; width: 100%; }
  .block-tmaws .item__right .quote { margin-bottom: 30px; color: #232933; }
  .block-tmaws .item__right .author span { display: block; color: #232933; }
  .block-tmaws .item__right .author .name { font-size: 20px; line-height: 28px; font-weight: 500; }
  .block-tmaws .item__right .author__logo { display: block; width: 100%; padding-top: 16px; }
  .block-tmaws .item__right .author__logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 36px; }
  .block-tmaws__wrap { padding-top: 48px; padding-bottom: 48px; }
  .block-tmaws.bg-gray .item__box { background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); }
  .block-tmaws--single .block-tmaws__wrap { padding-top: 0; }
  .block-benefit.block-benefit--maws .block-benefit__wrap { padding-top: 48px; padding-bottom: 40px; }
  .block-benefit.block-benefit--maws .block-benefit__title { margin-bottom: 24px; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__icon { display: block; padding: 0; margin: 0 0 8px; background: transparent; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__icon img { margin: 0 auto; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__title { font-size: 20px; line-height: 28px; margin: 0; }
  .block-benefit.block-benefit--maws .block-benefit__items .item__wrap { padding-left: 64px; }
  .block-sfyb { padding-left: 8px; padding-right: 8px; }
  .block-sfyb__title { text-align: center; }
  .block-sfyb__cta { text-align: center; padding-top: 8px; }
  .block-sfyb .item { margin-bottom: 24px; }
  .block-sfyb .item__img { margin: 0 0 24px; }
  .block-sfyb .item__img img { display: block; height: 48px; width: auto; }
  .block-sfyb .item__title { margin-bottom: 12px; }
  .block-sfyb .item__desc { margin-bottom: 24px; }
  .block-sfyb .item__more { margin-top: auto; }
  .block-sfyb .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; border: 1px solid #D0D6DD; background: #FFF; border-radius: 8px; transition: all .3s ease; padding: 16px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .block-sfyb__wrap { padding-top: 64px; padding-bottom: 64px; }
  .block-benefit--referral { background: #FFF; }
  .block-benefit--referral .block-benefit__title { margin: 0 0 24px; }
  .block-benefit--referral .block-benefit__items { text-align: center; }
  .block-benefit--referral .block-benefit__items .item__icon { padding: 2px; display: block; max-width: 64px; border-radius: 4px; margin: 0; background: #F7F4FF; }
  .block-benefit--referral .block-benefit__items .item__icon img { height: 20px; }
  .block-benefit--referral .block-benefit__items .item__title { margin: 0; text-align: left; font-size: 16px; line-height: 24px; }
  .block-benefit--referral .block-benefit__items .item__wrap { display: block; padding: 16px 16px 16px 52px; }
  .block-benefit--referral .block-benefit__wrap { padding-top: 32px; padding-left: 20px; padding-right: 20px; padding-bottom: 8px; }
  .block-kol-tabs { padding-left: 8px; padding-right: 8px; }
  .block-kol-tabs__title { text-align: center; margin: 0 0 24px; }
  .block-kol-tabs__nav { display: none; }
  .block-kol-tabs__content .tab-pane__nav { display: block; padding: 8px 0; border-bottom: 2px solid #D0D6DD; position: relative; }
  .block-kol-tabs__content .tab-pane__nav .logo img { display: block; height: 40px; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
  .block-kol-tabs__content .tab-pane__nav::after { content: ""; display: block; width: 24px; height: 24px; background: url(../images/ic-down.svg) no-repeat; background-size: contain; position: absolute; top: 17px; right: 12px; -webkit-transform: none; transform: none; transition: all .4s ease; }
  .block-kol-tabs__content .tab-pane__nav.active { border-bottom-color: #5B37D4; }
  .block-kol-tabs__content .tab-pane__nav.active .logo img { -webkit-filter: none; filter: none; opacity: 1; }
  .block-kol-tabs__content .tab-pane__nav.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .block-kol-tabs__content .tab-pane { display: block; padding: 0; }
  .block-kol-tabs__content .tab-pane__wrap { padding-top: 20px; padding-bottom: 20px; display: none; }
  .block-kol-tabs__content .tab-pane__img-sm { display: block; padding-bottom: 16px; }
  .block-kol-tabs__content .tab-pane__img-sm img { max-width: 100%; }
  .block-kol-tabs__content .tab-pane__img { display: none; }
  .block-kol-tabs__content .tab-pane.active .tab-pane__wrap { display: block; }
  .block-kol-tabs__action { text-align: center; padding-top: 32px; }
  .block-kol-tabs__action .btn { display: block; }
  .block-kol-tabs__wrap { padding-top: 32px; padding-bottom: 32px; }
  .block-kol-content { padding-left: 8px; padding-right: 8px; }
  .block-kol-content__title br { display: none; }
  .block-kol-content__img { margin-bottom: 32px; }
  .block-kol-content__wrap { padding-top: 32px; padding-bottom: 32px; }
  .block-kol-content__wrap > .row > .col-lg-6:nth-child(1) { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .block-kol-content__wrap > .row > .col-lg-6:nth-child(2) { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .block-kol-cta { text-align: center; padding-left: 8px; padding-right: 8px; }
  .block-kol-cta__title { margin: 0 0 24px; }
  .block-kol-cta .items { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; }
  .block-kol-cta .items .item { display: block; width: 100%; margin: 0 0 24px; }
  .block-kol-cta .items .item__wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 24px 40px; border-radius: 4px; border: 1px solid #5B37D4; color: #232933; font-size: 20px; line-height: 28px; font-weight: 500; text-align: left; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
  .block-kol-cta .items .item__wrap .icon { display: block; max-width: 32px; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; }
  .block-kol-cta .items .item__wrap .text { display: block; max-width: calc(100% - 32px); -webkit-flex: 0 0 calc(100% - 32px); -ms-flex: 0 0 calc(100% - 32px); flex: 0 0 calc(100% - 32px); padding-left: 12px; }
  .block-kol-cta__action { text-align: center; }
  .block-kol-cta__action .btn { display: block; }
  .block-kol-cta__wrap { padding-top: 32px; padding-bottom: 32px; } }

/*# sourceMappingURL=main-240507.css.map */