@charset "UTF-8";
@keyframes scroll-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 32px));
  }
}
@keyframes scroll-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - 32px));
  }
}
/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Common */
/* ------------------------------------------------------------------------------------------------ */
*, *:after, *:before {
  box-sizing: border-box;
}

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

.tab-pane:not(.active) {
  display: none;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  background: #D0D6DD;
  border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
  background: rgba(75, 97, 221, 0.8);
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(51, 51, 51, 0.4);
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1248px;
  }
}
.container {
  padding-left: 12px;
  padding-right: 12px;
}

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

.hidden {
  display: none !important;
}

input, textarea {
  padding: 0;
  border-radius: 0;
}

.block {
  display: block;
}

.fright {
  float: right;
}

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

p {
  margin: 0;
  padding: 0;
}
p strong, p b {
  font-weight: bold;
}
p em, p i {
  font-style: italic;
}
p u {
  text-decoration: underline;
}

h1, h2, h3, h4 {
  margin: 0 0 8px;
}

article p {
  word-break: break-word;
  hyphens: none;
  clear: both;
}
article a:visited {
  text-decoration: underline;
}
article a:hover {
  text-decoration: none;
}
article blockquote {
  font-style: italic;
}
article blockquote:before {
  content: "“";
  display: inline-block;
  padding-right: 0.4em;
}
article li ul, article li ol {
  margin: 0 1.5em;
}
article ul, article ol {
  margin: 0 0 32px;
}
article ul:last-child, article ol:last-child {
  margin: 0;
}
article ul, article ol {
  padding-left: 20px;
}
article ul {
  list-style-type: disc;
}
article ol {
  list-style-type: decimal;
}
article ol ol {
  list-style: upper-alpha;
}
article ol ol ol {
  list-style: lower-roman;
}
article ol ol ol ol {
  list-style: lower-alpha;
}
article iframe {
  border: 0;
}

ul, ol {
  padding: 0;
  margin: 0;
}

figure {
  margin: 0;
}

figcaption {
  font-size: 14px;
  line-height: 20px;
  color: #626B79;
  margin: 8px 0;
}

img {
  max-width: 100%;
  height: auto;
}
img.aligncenter {
  display: block;
  margin: auto;
}
img.alignright {
  float: right;
  margin-left: 16px;
}

.font-16, .footer h3,
.footer .footer-menu__title, .tf h3, .tf .tf-cta__title {
  font-size: 16px;
  line-height: 26px;
}

ul {
  list-style: none;
}

label {
  font-weight: normal;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  color: #232933;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html input, body input {
  font-family: inherit;
}

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

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

* {
  outline: none !important;
}

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

.mb-8 {
  margin-bottom: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mb-88 {
  margin-bottom: 88px;
}

.mt-88 {
  margin-top: 88px;
}

.mr-88 {
  margin-right: 88px;
}

.ml-88 {
  margin-left: 88px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pt-88 {
  padding-top: 88px;
}

.pr-88 {
  padding-right: 88px;
}

.pl-88 {
  padding-left: 88px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
@keyframes bounce2 {
  0% {
    transform: scale(1, 1) translateX(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateX(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateX(-4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateX(6px);
  }
  57% {
    transform: scale(1, 1) translateX(-2px);
  }
  64% {
    transform: scale(1, 1) translateX(0);
  }
  100% {
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes bounceRev {
  0% {
    transform: scale(1, 1) translateX(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateX(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateX(4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateX(-6px);
  }
  57% {
    transform: scale(1, 1) translateX(2px);
  }
  64% {
    transform: scale(1, 1) translateX(0);
  }
  100% {
    transform: scale(1, 1) translateX(0);
  }
}
@keyframes bounceUp {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(6px);
  }
  57% {
    transform: scale(1, 1) translateY(-2px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@keyframes pulseSm {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 135, 217, 0.6);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(0, 135, 217, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 135, 217, 0);
  }
}
@keyframes pulseBig {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulseBlue {
  0% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(75, 97, 221, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 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);
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash2 {
  from {
    stroke-dashoffset: 1500;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutDown {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.25);
  }
}
.comeOut {
  animation-name: comeOut;
}

@keyframes comeOut {
  0% {
    opacity: 1;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes progressBar {
  0% {
    max-width: 0%;
  }
  100% {
    max-width: 100%;
  }
}
@keyframes pulseBlueSm {
  0% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(75, 97, 221, 0);
  }
  80% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 0);
  }
}
@keyframes bounceDown {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-4px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(6px);
  }
  57% {
    transform: scale(1, 1) translateY(-2px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
/* ------------------------------------------------------------------------------------------------ */
/* General */
/* ------------------------------------------------------------------------------------------------ */
body {
  transition: all 0.2s;
}
body.ready {
  opacity: 1;
}
body.full {
  background: #f9f9f9;
}
body.pause {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.web-wrapper {
  height: auto;
}

h1 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  color: #2B2A35;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

h2 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  color: #2B2A35;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #2B2A35;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

h4 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #2B2A35;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  h4 {
    font-size: 16px;
    line-height: 24px;
  }
}

small {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
}
small b {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (max-width: 991px) {
  small {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
}

b {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

body.has-sb .header.fixed {
  top: 0;
}
body.has-sb .header.fixed .header__top {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
body.has-sb .header.fixed.show-top {
  top: 0;
}
body.has-sb .header.fixed.show-top .header__top {
  max-height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  opacity: 1;
  visibility: visible;
  height: auto;
}
body.has-sb main {
  padding-top: 88px;
}
@media (max-width: 768px) {
  body.has-sb main {
    padding-top: 0;
  }
}

.btn {
  display: inline-block;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 6px;
  background-color: #1565c0;
  padding: 7px 24px;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  border: 1px solid #1565c0;
}
.btn:hover {
  background: #174d8a;
}
.btn.small, .btn.btn-sm {
  padding: 0.4375rem 1.5rem;
  font-size: 16px;
  line-height: 1.5em;
}
.btn.add {
  padding: 7px 24px 7px 16px;
  position: relative;
}
.btn.add::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
  background: url("../images/ic-add-white.svg") no-repeat center;
  background-size: contain;
}
.btn.add img {
  display: none !important;
}
.btn.cta-waba {
  padding: 7px 16px 7px 16px;
  position: relative;
}
.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-waba img {
  display: none !important;
}
.btn.cta-phone {
  padding: 7px 24px 7px 16px;
  position: relative;
}
.btn.cta-phone::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
  background: url("../images/ic-phone.svg") no-repeat center;
  background-size: contain;
}
.btn.cta-phone img {
  display: none !important;
}
@media (max-width: 768px) {
  .btn {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .btn::first-child {
    margin-bottom: 16px;
  }
}
.btn-transparent {
  background: none;
  color: #545465;
  font-weight: 400;
  border-color: transparent;
  box-shadow: none;
}
.btn-transparent.w-border {
  border-color: #E2E2E2;
}
.btn-transparent:hover {
  background: none;
  color: #009BDE;
}
.btn-transparent--invert {
  background: none;
  color: #005FBF;
  font-weight: 400;
  border-color: transparent;
  box-shadow: none;
}
.btn-transparent--invert.w-border {
  border-color: #005FBF;
}
.btn-transparent--invert:hover {
  background: none;
  color: #2B2A35;
}
.btn-bred {
  color: #4B61DD;
  background: none;
  box-shadow: none;
}
.btn-bred:hover {
  color: #FFF;
  background: #4B61DD;
  border-color: #4B61DD;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-blue, .btn-primary {
  background: #1565c0;
  border-color: #1565c0;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  box-shadow: none;
}
.btn-blue:hover, .btn-primary:hover {
  background: rgb(15.7142857143, 52.6086956522, 94.2857142857);
  border-color: rgb(15.7142857143, 52.6086956522, 94.2857142857);
}
.btn-blue:hover .with-arrow, .btn-primary:hover .with-arrow {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.btn-blue.with-arrow, .btn-primary.with-arrow {
  position: relative;
  padding-right: 35px;
  color: #FFF;
}
.btn-blue.with-arrow:after, .btn-primary.with-arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right-w.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 10px;
  left: unset;
  top: calc(50% - 10px);
}
.btn-blue.with-arrow:hover, .btn-primary.with-arrow:hover {
  text-decoration: none;
}
.btn-blue.with-arrow:hover::after, .btn-primary.with-arrow:hover::after {
  right: 10px;
  left: unset;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.btn-blue .with-arrow, .btn-primary .with-arrow {
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right-w.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.btn-blue.play, .btn-primary.play {
  padding: 12px 24px 12px 16px;
  position: relative;
}
.btn-blue.play::before, .btn-primary.play::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 8px;
  background: url("../images/ic-play-w.svg") no-repeat center;
  background-size: contain;
}
.btn-blue-border {
  background: #FFF;
  color: #1565c0;
  border-color: #1565c0;
  font-weight: 500;
  box-shadow: none;
}
.btn-blue-border.cta-waba::before {
  background: url("../images/ic-waba-purple.svg") no-repeat center;
}
.btn-blue-border.add::before {
  background: url("../images/ic-add-blue.svg") no-repeat center;
}
.btn-blue-border:hover {
  color: #FFF;
  background: #1565c0;
  border-color: #1565c0;
}
.btn-blue-border:hover.cta-waba::before {
  background: url("../images/ic-waba-white.svg") no-repeat center;
}
.btn-blue-border:hover.add::before {
  background: url("../images/ic-add-white.svg") no-repeat center;
}
.btn-blue-border:hover .with-arrow {
  filter: invert(1) brightness(10);
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.btn-blue-border .with-arrow {
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.btn-blue-border .icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  margin-right: 8px;
  position: relative;
  transform: translateY(3px);
}
.btn-blue-alt {
  background: #009BDE;
  border-color: #009BDE;
  font-weight: 500;
  box-shadow: none;
}
.btn-blue-alt:hover {
  background: rgb(0, 119.3918918919, 171);
}
.btn-white {
  background: #FFF;
  color: #1565c0;
  border-color: #FFF;
  box-shadow: none;
}
.btn-white.cta-waba::before {
  background: url("../images/ic-waba-blue.svg") no-repeat center;
}
.btn-white:hover {
  background: #1565c0;
  border-color: #1565c0;
  color: #fff;
}
.btn-white:hover img {
  filter: invert(1) brightness(5);
}
.btn-white-border {
  background: transparent;
  color: #FFF;
  border-color: #FFF;
  font-weight: 500;
  box-shadow: none;
}
.btn-white-border:hover {
  color: #005FBF;
  background: #FFF;
  border-color: #FFF;
}
.btn-white-border:hover.cta-waba::before {
  background: url("../images/ic-waba-blue.svg") no-repeat center;
}
.btn-white-border.cta-waba::before {
  background: url("../images/ic-waba-white.svg") no-repeat center;
}
.btn-cyan {
  color: #002A38;
  background: #5ED2FA;
  border-color: #5ED2FA;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  box-shadow: none;
}
.btn-cyan:hover {
  background: rgb(44.5361445783, 196.1746987952, 248.4638554217);
  border-color: rgb(44.5361445783, 196.1746987952, 248.4638554217);
}
.btn-cyan.cta-waba {
  position: relative;
  padding-left: 16px;
}
.btn-cyan.cta-waba::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url("../images/ic-waba-dark.svg") no-repeat center;
  background-size: contain;
  margin-right: 6px;
}
.btn-trans {
  background: transparent;
  color: #FFF;
  border-color: #E2E2E2;
}
.btn-trans:hover {
  color: #4B61DD;
  background: #FFF;
  border-color: #E2E2E2;
}
.btn-link {
  background: transparent;
  border-color: transparent;
  color: #232933;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.btn-link:hover {
  background: transparent;
  border-color: transparent;
  color: #4B61DD;
  box-shadow: none;
}
.btn-link:hover .icon path {
  fill: #4B61DD;
}
.btn-play {
  background: transparent;
  color: #4B61DD;
  border-color: transparent;
  box-shadow: none;
  padding-left: 16px;
  position: relative;
}
.btn-play::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px;
  padding: 2px;
  background-color: transparent;
  background-image: url("../images/ic-play-video.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 6px;
}
.btn-play:hover {
  background: transparent;
  border: 1px solid transparent;
}
.btn-icon .icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 14px;
  height: 16px;
  width: auto;
}
.btn-icon .icon path {
  transition: all 0.3s ease-in-out;
}
.btn-icon .play-button {
  width: auto;
  height: 11px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #545465;
  border-radius: 3px;
  margin: 2px 10px -4px 0;
  transition: all 0.3s ease-in-out;
}
.btn-icon:hover .play-button {
  border-left-color: #005FBF;
  transition: all 0.3s ease-in-out;
}
.btn.disabled {
  pointer-events: none;
  background: #EDF0F2;
  border-color: #EDF0F2;
  color: #8B95A5;
}
.btn.disabled.cta-waba {
  pointer-events: none !important;
}
.btn.disabled.cta-waba::before {
  filter: brightness(0.6);
}
.btn-black {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background: #2B2A35;
  border-color: #2B2A35;
}
.btn-black:hover {
  background: rgb(8.3736842105, 8.1789473684, 10.3210526316);
  border-color: rgb(8.3736842105, 8.1789473684, 10.3210526316);
}
.btn-purple {
  background: #4B61DD;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
}
.btn-purple:hover {
  background: rgb(34.8738317757, 57.4392523364, 184.6261682243);
}
.btn-white-app {
  background: #FFF;
  border: 1px solid #EAECFB;
  border-radius: 6px;
  color: #4B61DD;
  font-size: 14px;
  line-height: 20px;
}
.btn-white-app:hover {
  background: rgb(242.25, 242.25, 242.25);
}

p {
  margin: 0 0 24px;
}
p:last-child {
  margin: 0;
}
p.line {
  margin: 0 0 8px;
}

a {
  transition: all 0.2s;
}
a.link, .multimedia .items .item__content a, .publikasi .items .item__content a, .new-post .items .item__content a, .ec__right .item__content a, .masthead-blog__slider .item__content a {
  color: #1C44D5;
}
a.link:hover, .multimedia .items .item__content a:hover, .publikasi .items .item__content a:hover, .new-post .items .item__content a:hover, .ec__right .item__content a:hover, .masthead-blog__slider .item__content a:hover {
  color: rgb(10.22406639, 24.8298755187, 77.77593361);
  text-decoration: underline;
}
a.with-arrow {
  color: #1C44D5;
}
a.with-arrow:hover {
  text-decoration: underline;
}
a.with-arrow:hover:after {
  left: 4px;
}
a.full-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
a.link-blue {
  color: #1D65FF;
  text-decoration: underline;
}
a.link-blue .fa {
  position: relative;
  left: 10px;
  top: 4px;
  font-size: 24px;
  transition: all 0.2s;
}
a.link-blue:hover {
  color: rgb(0, 74.2300884956, 233);
}
a.link-blue:hover .fa {
  left: 5px;
}

.owl-dots {
  text-align: center;
  margin: 16px 0;
}

.owl-dot {
  width: 8px;
  height: 8px;
  background: #eee;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
}
.owl-dot.active {
  background: #009BDE;
}

.not-found {
  padding: 160px 0;
  text-align: center;
  color: #ccc;
}
.not-found.maintenance {
  color: #777;
}
.not-found.maintenance img {
  margin-bottom: 30px;
}
.not-found.maintenance h1 {
  font-size: 32px;
}
.not-found h1 {
  font-size: 240px;
  line-height: 1;
}
.not-found p {
  font-size: 20px;
  line-height: 24px;
}

.collapse:not(.show) {
  display: none;
}

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

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/** .tooltip
 * padding-bottom: 11px
 * .arrow
 *  position: absolute
 *  bottom: 0
 *  border: solid
 *  border-width: 11px 10px 0
 *  border-color: #212121 transparent
 *  //left: calc(50% - 10px) !important
 * &-inner
 *  padding: 5px 17px
 *  background-color: #212121
 *  color: #fff
 *  border-radius: 10px **/
.lazyloaded:not(.bg) {
  background-color: transparent;
}

.pagination-row {
  display: block;
  padding: 20px 0 40px;
}

.pagination {
  display: flex;
  justify-content: center;
}

.page-item {
  display: block;
  min-width: auto;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0 5px;
  padding: 0 5px;
  border-radius: 12px;
  color: #545465;
}
.page-item.active {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.page-item.active .page-link {
  color: #4B61DD;
}
.page-item.prev {
  margin-right: 16px;
}
.page-item.next {
  margin-left: 16px;
}

.page-link {
  font-size: 16px;
  line-height: 24px;
  color: #232933;
}
.page-link .svg {
  display: block;
  height: 24px;
  width: auto;
}
.page-link:hover {
  color: #4B61DD;
}
.page-link:hover .svg path {
  stroke: #4B61DD;
}

.owl-carousel {
  position: relative;
}
.owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0;
}
.owl-nav button:focus {
  outline: none !important;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 15px;
  overflow: hidden;
  top: -15px;
  background-size: contain;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  opacity: 0.5;
}
.owl-nav .owl-prev {
  left: 0;
}
.owl-nav .owl-next {
  right: 0;
}
.owl-nav .prev,
.owl-nav .next {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(../images/icon-chevron-right-white.svg) no-repeat center;
  background-size: contain;
}
.owl-nav .prev {
  transform: scaleX(-1);
}

body.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  z-index: 1073;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  overflow: auto;
  display: none;
  transition: all 0.2s;
}
.modal:not(.show) {
  opacity: 0;
}
.modal:not(.show) .modal-dialog {
  transform: translate(0, -50px);
}
.modal .close {
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.modal .close img {
  display: block;
  width: 26px;
  height: auto;
}
.modal .close:hover {
  opacity: 0.6;
}
.modal .modal-dialog {
  transition: all 0.3s ease-in-out;
  max-width: 770px;
  pointer-events: none;
}
.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.proto .modal-dialog {
  padding: 48px 58px;
  max-width: 520px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.8 !important;
}
.modal h2 {
  margin: 0 0 16px;
}
.modal-download.proto article {
  max-width: 312px;
  margin: 0 0 24px;
}
.modal-download.proto form {
  max-width: 392px;
}
.modal-download iframe {
  height: 85vh;
}
.modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.modal-close:hover {
  transform: rotate(90deg);
}
.modal.modal-download .modal-content {
  box-shadow: none !important;
}
.modal.modal--md:not(.show) {
  opacity: 0;
}
.modal.modal--md:not(.show) .modal-dialog {
  transform: translate(0, 100%);
}
.modal.modal--md .close {
  top: 32px;
  right: 40px;
  width: 70px;
  display: flex;
}
.modal.modal--md .close .svg path {
  fill: #4B61DD;
}
.modal.modal--md .close span {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  color: #4B61DD;
}
.modal.modal--md ul.list-check h4 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
}
.modal.modal--md ul.list-check li {
  padding-bottom: 24px;
}
.modal.modal--md ul.list-check li::before {
  top: 3px;
}
.modal.modal--md .modal__icon {
  width: 40px;
  margin: 0 auto 8px;
}
.modal.modal--md .modal__icon img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--md .modal__img {
  position: relative;
}
.modal.modal--md .modal__img img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--md .modal__img small {
  display: block;
  position: absolute;
  padding-top: 16px;
  top: 100%;
  left: 0;
  font-size: 12px;
  line-height: 16px;
}
.modal.modal--md .modal__vid {
  position: relative;
}
.modal.modal--md .modal__vid img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--md .modal__vid small {
  display: block;
  position: absolute;
  padding-top: 16px;
  top: 100%;
  left: 0;
  font-size: 12px;
  line-height: 16px;
}
.modal.modal--md .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-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: calc(50% - 34px);
  right: calc(50% - 34px);
}
.modal.modal--md .modal__vid .btn-play:hover {
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.4);
  animation: primary 2s infinite;
}
@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.modal--md .modal__title {
  margin-bottom: 12px;
}
.modal.modal--md .modal__desc {
  margin-bottom: 40px;
}
.modal.modal--md .modal__desc p b {
  color: #232933;
}
.modal.modal--md .modal-footer {
  position: absolute;
  background: #FFF;
  padding: 32px 6px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.modal.modal--md .modal-body {
  height: 100%;
  overflow: auto;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 80px;
}
.modal.modal--md .modal-dialog {
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.modal.modal--md .modal-content {
  position: relative;
  border-radius: 0;
  margin: 0;
  height: 90vh;
}
@media (max-width: 768px) {
  .modal.modal--md .modal__img {
    margin-bottom: 60px;
  }
  .modal.modal--md .modal-body {
    padding-left: 16px;
    padding-right: 16p;
  }
  .modal.modal--md .modal-dialog {
    justify-items: flex-end;
  }
  .modal.modal--md .close {
    top: 6px;
    right: 20px;
  }
}
.modal.modal-subscribe.show {
  display: flex !important;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.modal.modal-subscribe .modal-dialog {
  width: 100%;
  position: relative;
}
.modal.modal-subscribe .modal-dialog .modal-content {
  padding: 60px;
}
.modal.modal-subscribe .modal-dialog .modal-content .modal-body img {
  margin-bottom: 30px;
}
.modal.modal--full:not(.show) {
  opacity: 0;
}
.modal.modal--full:not(.show) .modal-dialog {
  transform: translate(0, 100%);
}
.modal.modal--full .close {
  top: 32px;
  right: 40px;
}
.modal.modal--full .close .svg path {
  fill: #4B61DD;
}
.modal.modal--full .close span {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  color: #4B61DD;
}
.modal.modal--full .close img {
  display: inline-block;
  vertical-align: middle;
}
.modal.modal--full ul.list-check h4 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 28px;
}
.modal.modal--full ul.list-check li {
  padding-bottom: 24px;
}
.modal.modal--full ul.list-check li::before {
  top: 3px;
}
.modal.modal--full .modal__icon {
  width: 40px;
  margin: 0 auto 8px;
}
.modal.modal--full .modal__icon img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--full .modal__img {
  position: relative;
  padding: 32px 0;
}
.modal.modal--full .modal__img img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--full .modal__img small {
  display: block;
  position: absolute;
  padding-top: 16px;
  top: 100%;
  left: 0;
  font-size: 12px;
  line-height: 16px;
}
.modal.modal--full .modal__vid {
  position: relative;
  padding: 32px 0;
}
.modal.modal--full .modal__vid img {
  display: block;
  width: 100%;
  height: auto;
}
.modal.modal--full .modal__vid small {
  display: block;
  position: absolute;
  padding-top: 16px;
  bottom: 0;
  left: 0;
  font-size: 12px;
  line-height: 16px;
}
.modal.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-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: calc(50% - 34px);
  right: calc(50% - 34px);
}
.modal.modal--full .modal__vid .btn-play:hover {
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.4);
  animation: primary 2s infinite;
}
@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.modal--full .modal__title {
  margin-bottom: 12px;
}
.modal.modal--full .modal__desc {
  margin-bottom: 40px;
}
.modal.modal--full .modal__desc p b {
  color: #2B2A35;
}
.modal.modal--full .modal-footer {
  position: absolute;
  background: #FFF;
  padding: 32px 6px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.modal.modal--full .modal-body {
  height: 100%;
  overflow: auto;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 80px;
}
.modal.modal--full .modal-dialog {
  border-radius: 0;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}
.modal.modal--full .modal-content {
  position: relative;
  width: 100%;
  border-radius: 0;
  margin: 0;
  height: 90vh;
  padding: 64px 16px 20px 6px;
}
@media (max-width: 768px) {
  .modal.modal--full .modal__img,
  .modal.modal--full .modal__vid {
    margin-bottom: 60px;
  }
  .modal.modal--full .modal__vid .btn-play {
    width: 48px;
    height: 48px;
    bottom: calc(50% - 24px);
    right: calc(50% - 24px);
    box-shadow: 0 0 0 rgba(0, 95, 191, 0.4);
    animation: primary 2s infinite;
  }
  @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.modal--full .modal-body {
    padding-left: 16px;
    padding-right: 16p;
  }
  .modal.modal--full .modal-content {
    padding-left: 0;
    padding-right: 0;
  }
  .modal.modal--full .close {
    top: 16px;
    right: 16px;
  }
  .modal.modal--full .close span {
    display: none;
  }
}
.modal.modal--referral.show {
  display: flex !important;
  justify-content: center;
}
.modal.modal--referral.show .modal-content {
  padding: 0 !important;
}

.fade {
  transition: opacity 0.15s linear;
}

.load-more {
  display: none;
}

.link-more {
  color: #4B61DD;
  position: relative;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  gap: 8px;
  padding: 8px 0;
}
.link-more:after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right.svg) no-repeat center;
  background-size: contain;
  position: relative;
}
.link-more:hover {
  color: #4B61DD;
  text-decoration: underline;
}
.link-more:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@media (max-width: 768px) {
  .link-more {
    justify-content: center;
    text-align: center;
  }
}

.link-more-white {
  color: #FFF;
  position: relative;
  font-size: 16px;
}
.link-more-white:after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right-w.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -27px;
  top: calc(50% - 10px);
}
.link-more-white:hover {
  color: #FFF;
  text-decoration: underline;
}
.link-more-white:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@media (max-width: 768px) {
  .link-more-white {
    padding: 8px 0;
    display: inline-block;
  }
}

.link-external {
  color: #4B61DD;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.link-external:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.8346 9.16675L17.668 2.33341M18.3346 5.66675V1.66675L14.3346 1.66675M9.16797 1.66675L7.5013 1.66675C3.33464 1.66675 1.66797 3.33341 1.66797 7.50008L1.66797 12.5001C1.66797 16.6667 3.33464 18.3334 7.5013 18.3334H12.5013C16.668 18.3334 18.3346 16.6667 18.3346 12.5001V10.8334" stroke="%234B61DD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  margin-left: 8px;
}
.link-external:hover {
  text-decoration: underline;
}

.header--landing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  padding: 30px 0;
}

.section-head {
  padding-bottom: 48px;
}
.section-head.action {
  padding-top: 40px;
}
.section-head.action .section-head__action a {
  margin-right: 16px;
}
.section-head.action .section-head__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .section-head.action .section-head__action a {
    margin-right: 0;
    margin-bottom: 12px;
    width: 100%;
  }
  .section-head.action .section-head__action a:last-child {
    margin-bottom: 0;
  }
}
.section-head:not(.align-left) {
  text-align: center;
}
.section-head .section-head__title {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
}
.section-head .section-head__title:last-child {
  margin-bottom: 0;
}
.section-head .section-head__content {
  margin-bottom: 16px;
}
.section-head .section-head__content:last-child {
  margin-bottom: 0;
}
.section-head .section-head__action {
  position: relative;
}
@media (max-width: 991px) {
  .section-head .section-head__title {
    font-size: 24px;
    line-height: 32px;
  }
}

ul.custom-list-1 {
  display: block;
  width: 100%;
}
ul.custom-list-1 > li {
  position: relative;
  display: block;
  padding-left: 36px;
  margin-bottom: 16px;
}
ul.custom-list-1 > li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 2px;
}

ul.custom-list {
  display: block;
  width: 100%;
}
ul.custom-list.two-col {
  display: flex;
  flex-wrap: wrap;
}
ul.custom-list.two-col > li {
  order: 2;
  width: 50%;
}
@media (max-width: 479px) {
  ul.custom-list.two-col > li {
    width: 100%;
  }
}
ul.custom-list > li {
  position: relative;
  display: block;
  padding-left: 32px;
  margin-bottom: 16px;
}
ul.custom-list > li h4,
ul.custom-list > li .title {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 4px;
}
ul.custom-list > li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 1px;
  top: 3px;
}
ul.custom-list.dark > li {
  margin-bottom: 28px;
}
ul.custom-list.dark > li h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
}
ul.custom-list.dark > li::before {
  background: url(../images/ic-check-dark.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.white > li {
  margin-bottom: 28px;
}
ul.custom-list.white > li h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
}
ul.custom-list.white > li::before {
  background: url(../images/ic-check-white.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.alt > li::before {
  background: url(../images/ic-check-alt.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.blue > li::before {
  background: url(../images/ic-check-blue.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.red > li::before {
  background: url(../images/ic-check-red.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.red-alt > li::before {
  background: url(../images/ic-check2.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.green-alt > li::before {
  background: url(../images/ic-check1.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.qmark > li::before {
  top: 4px;
  background: url(../images/ic-qmark.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.cross > li::before {
  top: 4px;
  background: url(../images/ic-cross.svg) no-repeat center;
  background-size: contain;
}
ul.custom-list.plus > li::before {
  top: 4px;
  background: url(../images/ic-plus-blue.svg) no-repeat center;
  background-size: contain;
}

img[data-src] {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  will-change: opacity;
}
img[data-src][src] {
  opacity: 1;
}

.badge {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #E2E2E2;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.badge--new {
  background: #FFB700;
  color: #2B2A35;
  padding: 3px 9px 1px;
}
.badge--new:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-image: url(../images/ic-star.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 6px 2px 0;
}
.badge--blue {
  background: #009BDE;
  color: #FFF;
}
.badge--yellow {
  background: #F4B94B;
  color: #FFF;
}
.badge--green {
  background: #14B8A6;
  color: #FFF;
}

.pill {
  display: inline-flex;
  background: #E2E2E2;
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  padding: 2px 6px;
  border-radius: 12px;
}
.pill.blue {
  background: #009BDE;
}
.pill.red {
  background: #EF4444;
}

.slider-xs .owl-dot {
  background: #eee !important;
}
.slider-xs .owl-dot.active {
  background: #009BDD !important;
}

.hidden-sm {
  display: flex !important;
}
@media (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

.hidden-sm-b {
  display: block !important;
}
@media (max-width: 991px) {
  .hidden-sm-b {
    display: none !important;
  }
}

.hidden-sm-ib {
  display: inline-block !important;
}
@media (max-width: 991px) {
  .hidden-sm-ib {
    display: none !important;
  }
}

.show-sm {
  display: none !important;
}
@media (max-width: 991px) {
  .show-sm {
    display: block !important;
  }
}

.show-sm-ib {
  display: none !important;
}
@media (max-width: 991px) {
  .show-sm-ib {
    display: inline-block !important;
  }
}

.show-sm-f {
  display: none !important;
}
@media (max-width: 991px) {
  .show-sm-f {
    display: flex !important;
  }
}

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

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

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

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

.pt-30 {
  padding-top: 30;
}

.ic-wa {
  z-index: 99999;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 13px;
  right: 23px;
  pointer-events: none;
}
.ic-wa.show {
  pointer-events: auto;
}
.ic-wa img {
  z-index: 2;
  position: relative;
  display: block;
  height: 56px;
  width: 56px;
  min-width: 56px;
}
.ic-wa span {
  z-index: 1;
  position: relative;
  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 0.3s ease;
  opacity: 0;
  font-size: 0;
  padding: 8px 0;
  max-width: 0;
}
@media (hover: hover) and (pointer: fine) {
  .ic-wa:hover {
    color: #FFF;
    text-decoration: none !important;
  }
  .ic-wa:hover span {
    font-size: 12px;
    padding: 8px 12px;
    opacity: 1;
    max-width: 110px;
    text-decoration: none !important;
  }
}
@media (hover: none), (pointer: coarse) {
  .ic-wa span {
    transition: none;
  }
  .ic-wa:hover span, .ic-wa:active span, .ic-wa:focus span {
    font-size: 0;
    padding: 8px 0;
    opacity: 0;
    max-width: 0;
  }
}
@media (max-width: 768px) {
  .ic-wa--alt {
    right: 23px;
    bottom: 13px;
  }
  .ic-wa span {
    transition: none;
  }
  .ic-wa:hover span, .ic-wa:active span, .ic-wa:focus span {
    font-size: 0;
    padding: 8px 0;
    opacity: 0;
    max-width: 0;
  }
}

.bg-white {
  background: #FFF !important;
}

.bg-snow {
  background: #F2F4F7;
}
@media (max-width: 768px) {
  .bg-snow {
    background: #F2F4F7;
  }
}

.bg-dark {
  background: #10253E;
  color: #FFF;
}

.bg-half-snow {
  background-color: #F2F4F7;
  background-image: linear-gradient(#F2F4F7 50%, #FFF 0%);
}

.mt-40 {
  margin-top: 40px;
}

ol.list-number li {
  list-style-type: decimal;
  margin-bottom: 20px;
}

.cta-waba {
  pointer-events: none;
}
.cta-waba:not(.ic-wa) {
  opacity: 0.6;
}
.cta-waba.ic-wa {
  display: none;
}
.cta-waba.show {
  pointer-events: auto;
  opacity: 1;
}
.cta-waba.show.ic-wa {
  display: inline-flex;
}

.row-reverse {
  flex-direction: row-reverse;
}

.bg-gray {
  background: #F2F4F7;
}

.link-show {
  color: #1357FF;
  position: relative;
}
.link-show span {
  position: relative;
}
.link-show span:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/ic-chev-down.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -32px;
  top: calc(50% - 12px);
}
.link-show:hover {
  color: #1357FF;
  text-decoration: underline;
}

.link-close {
  color: #1357FF;
  position: relative;
}
.link-close span {
  position: relative;
}
.link-close span:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/ic-chev-up.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -32px;
  top: calc(50% - 12px);
}
.link-close:hover {
  color: #1357FF;
  text-decoration: underline;
}

#masking {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999999;
}

.tooltip {
  position: absolute;
  z-index: 2;
  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: #0055A2;
}

.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: #0055A2;
}

.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: #0055A2;
}

.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: #0055A2;
}

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

input[type=email], #email {
  text-transform: lowercase;
}

.modal-inquiry .close {
  z-index: 2;
}
.modal-inquiry .modal-dialog {
  margin: 0 auto;
  max-width: 1224px;
  width: 100%;
}
.modal-inquiry .modal-content {
  padding: 0;
  overflow: hidden;
}

.inq-sidebar {
  padding: 64px 40px;
}
.inq-sidebar__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.inq-sidebar__testimonial {
  background: #FFF;
  padding: 40px;
  border-radius: 6px;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
}
.inq-sidebar__quote {
  margin: 0 0 16px 0;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.inq-sidebar__icon {
  display: inline-block;
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #E2E2E2;
  vertical-align: middle;
}
.inq-sidebar__meta {
  display: inline-block;
  vertical-align: middle;
}
.inq-sidebar__clients {
  margin: 40px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.inq-sidebar__clients li {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  display: flex;
  width: 114px;
  height: 100px;
  margin: 10px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .inq-sidebar {
    display: none;
  }
}

.inq-form {
  padding: 64px 40px;
}
.inq-form__title {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.inq-form .form-meeting__box {
  padding: 0;
}
@media (max-width: 991px) {
  .inq-form {
    padding: 30px 16px;
  }
  .inq-form__title {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}

.pb-0 {
  padding-bottom: 0;
}

.alert {
  position: relative;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert.hide {
  display: none;
}

.btn-play--white {
  position: absolute;
  top: calc(50% - 50px);
  right: calc(50% - 50px);
}
.btn-play--white .bg {
  z-index: 2;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-image: url(../images/ic-play-blue.svg);
  background-size: 22px;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 53% 33%;
  position: relative;
  box-shadow: 0 0 0 rgb(255, 255, 255);
  animation: pulseBig 2s infinite;
}
.btn-play--white span {
  z-index: 4;
  display: block;
  width: 100%;
  font-size: 10px;
  line-height: 16px;
  color: #2B2A35;
  position: absolute;
  bottom: 25%;
  left: 0;
  text-align: center;
}

.btn-play--blue {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.btn-play--blue .bg {
  z-index: 2;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-image: url(../images/ic-play-white.svg);
  background-size: 22px;
  background-color: #4B61DD;
  background-repeat: no-repeat;
  background-position: 53% 33%;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  box-shadow: 0 0 0 rgb(75, 97, 221);
  animation: pulseBlue 2s infinite;
}
.btn-play--blue span {
  z-index: 4;
  display: block;
  width: 100%;
  font-size: 10px;
  line-height: 16px;
  color: #FFF;
  position: absolute;
  bottom: 25%;
  left: 0;
  text-align: center;
}

.scroll-top {
  z-index: 90;
  display: flex;
  background-color: #232933;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  position: fixed;
  bottom: 90px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s, bottom 0.3s ease;
}
.scroll-top::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/ic-to-top.webp") no-repeat center center/contain;
}
.scroll-top.show {
  opacity: 0.7;
  visibility: visible;
}
.scroll-top:hover {
  opacity: 1;
}

.padding-sm {
  padding: 32px 0 !important;
}

.media.media--video {
  position: relative;
}

.nav-tabs.product-featured__tabs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: flex-end;
  max-width: 100%;
  overflow-y: auto;
}
.nav-tabs.product-featured__tabs::before {
  content: "";
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E2E2E2;
}
.nav-tabs.product-featured__tabs .nav-link {
  display: block;
  color: #B4B4B4;
  text-decoration: none;
  background: #F9FAFB;
  padding: 8px 24px;
  border: 1px solid #E2E2E2;
  border-radius: 0;
}
.nav-tabs.product-featured__tabs .nav-link .icon, .nav-tabs.product-featured__tabs .nav-link span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
.nav-tabs.product-featured__tabs .nav-link .icon {
  top: -1px;
  margin-right: 0.3rem;
  pointer-events: none;
}
.nav-tabs.product-featured__tabs .nav-link .icon img {
  display: block;
  height: 1.25rem;
  width: auto;
  opacity: 1;
  transition: all 0.4s ease;
  pointer-events: none;
}
.nav-tabs.product-featured__tabs .nav-link .icon img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.nav-tabs.product-featured__tabs .nav-link .logo img {
  display: block;
  height: 40px;
  width: auto;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 0.4s ease;
  pointer-events: none;
}
.nav-tabs.product-featured__tabs .nav-link:hover {
  color: #232933;
  text-decoration: none;
  background: #FFFFFF;
}
.nav-tabs.product-featured__tabs .nav-link:hover .icon img:nth-child(1) {
  opacity: 1;
}
.nav-tabs.product-featured__tabs .nav-link:hover .logo img {
  opacity: 1;
  filter: grayscale(0);
}
.nav-tabs.product-featured__tabs .nav-link.active {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  background: #FFFFFF;
  color: #232933;
  padding-top: 12px;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom-color: #FFFFFF;
  pointer-events: none;
}
.nav-tabs.product-featured__tabs .nav-link.active .icon img:nth-child(1) {
  opacity: 1;
}
.nav-tabs.product-featured__tabs .nav-link.active .logo img {
  opacity: 1;
  filter: grayscale(0);
}
.nav-tabs.product-featured__tabs .nav-item {
  z-index: 2;
  display: block;
  position: relative;
  margin-left: -1px;
}

@media (max-width: 991px) {
  .nav-container {
    z-index: 20;
    padding-top: 100px;
    position: relative;
    border: 0;
    background-color: #FFF;
  }
  .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: 16px;
    width: calc(100% - 32px);
  }
  .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;
    top: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 0 -1px;
    padding: 0 1rem;
    border-radius: 0;
    transition: all 0.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 #E2E2E2;
    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 #E2E2E2;
  }
}
.breadcrumb {
  padding: 16px 0;
  border-top: 1px solid #D0D6DE;
}
.breadcrumb__wrap {
  font-size: 12px;
  line-height: 16px;
}
.breadcrumb__wrap a {
  color: #4B61DD;
  text-decoration: underline;
}
.breadcrumb__wrap a:hover {
  color: rgb(30.8224299065, 50.7663551402, 163.1775700935);
}
.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-jurnal.svg) no-repeat center;
  background-size: contain;
}

.pricing-clients {
  background: #F2F4F7;
  padding-top: 80px;
  padding-bottom: 58px;
}
.pricing-clients__title, .pricing-clients h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 32px;
  line-height: 48px;
  color: #2B2A35;
  margin: 0 0 24px;
}
@media (max-width: 768px) {
  .pricing-clients__title, .pricing-clients h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.pricing-clients.bg-white .clients, .pricing-clients.white .clients {
  background: #FFF;
}
.pricing-clients .clients {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -32px;
  justify-content: center;
}
.pricing-clients .clients .item {
  display: flex;
  width: 100%;
  max-width: 16.666667%;
  flex: 0 0 16.666667%;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  margin-bottom: 48px;
}
.pricing-clients .clients .item.show {
  display: flex !important;
}
.pricing-clients .clients .item img {
  display: block;
  max-width: 100%;
  max-height: 80px;
  width: auto;
  height: auto !important;
}
.pricing-clients .clients--alt {
  justify-content: center;
}
.pricing-clients .clients--alt .item {
  max-width: 33.333334%;
  flex: 0 0 33.333334%;
  padding: 0;
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin-bottom: 0;
}
.pricing-clients .clients--alt .item img {
  padding: 0 21px;
  display: inline-block;
  margin-bottom: 48px;
}
.pricing-clients .clients-more {
  text-align: center;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .pricing-clients h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .pricing-clients .clients .item {
    max-width: 33.333%;
    flex: 33.333%;
    padding: 0 12px;
  }
  .pricing-clients .clients .item img {
    height: 70px;
  }
  .pricing-clients .clients--alt {
    margin-left: 0;
    padding-bottom: 70px;
  }
  .pricing-clients .clients--alt .item {
    max-width: 100%;
    flex: 100%;
    padding: 0;
    display: block;
  }
  .pricing-clients .clients--alt .item img {
    height: auto;
    max-width: 100%;
    padding: 0 10px;
    margin-bottom: 16px;
  }
  .pricing-clients.promo {
    padding-top: 65px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .pricing-clients .slider-clients.owl-carousel .owl-dots {
    display: block;
    width: 100%;
    text-align: center;
  }
  .pricing-clients .slider-clients.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 6px;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: #e3e3e8;
  }
  .pricing-clients .slider-clients.owl-carousel .owl-dots .owl-dot.active {
    background: #005FBF;
  }
}

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

.section__subtitle,
.section__meta {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .section__subtitle br,
  .section__meta br {
    display: none;
  }
}

.section__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .section__title {
    font-size: 28px;
    line-height: 36px;
  }
  .section__title br {
    display: none;
  }
}

.section__desc {
  margin-bottom: 24px;
}
.section__desc a {
  color: #4B61DD;
  text-decoration: underline;
}
.section__desc a:hover {
  color: rgb(30.8224299065, 50.7663551402, 163.1775700935);
  text-decoration: none;
}
@media (max-width: 991px) {
  .section__desc br {
    display: none;
  }
}

.section__action a {
  margin-right: 16px;
}
.section__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .section__action {
    margin-bottom: 24px;
  }
  .section__action a {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .section__action a:last-child {
    margin-bottom: 0;
  }
  .section__action a.link-more {
    display: inline;
  }
}

ul.disc {
  list-style: disc;
  padding-left: 16px;
}

.warning {
  padding: 12px 16px 12px 52px;
  background: #EAECFB;
  border-radius: 6px;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.warning::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/ic-info-blue.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 16px;
  top: 10px;
}
.warning a {
  color: #4B61DD;
  text-decoration: underline;
}
.warning a:hover {
  color: rgb(30.8224299065, 50.7663551402, 163.1775700935);
  text-decoration: none;
}

.flatpickr-calendar .dropdown.bootstrap-select {
  position: inherit;
}
.flatpickr-calendar .dropdown.bootstrap-select button {
  border: none;
  font-size: 16px;
  line-height: 28px;
}
.flatpickr-calendar .dropdown.bootstrap-select button:after {
  top: 1px;
}

.mpay-footer-top {
  text-align: center;
  background: #FFF;
  padding-top: 64px;
  padding-bottom: 64px;
}
.mpay-footer-top__logomark {
  margin-bottom: 16px;
}
.mpay-footer-top__title {
  margin-bottom: 20px;
}
.mpay-footer-top__desc {
  margin: 0 auto 32px;
  max-width: 600px;
}
.mpay-footer-top__buttons .btn {
  margin-left: 6px;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .mpay-footer-top {
    padding: 32px 8px;
  }
  .mpay-footer-top__buttons .btn {
    margin-left: 0;
    margin-right: 0;
  }
}

.tbs {
  z-index: 20;
  display: block;
  background: linear-gradient(180deg, #40c3ff 50%, #0080d9 100%);
  color: #FFF;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
  opacity: 0;
}
.tbs-bot {
  display: block;
  background: url(../images/sticky-speakers.svg) no-repeat;
  background-position: center right;
  background-size: contain;
}
.tbs-bot .row {
  min-height: 120px;
}
.tbs.is-ready {
  opacity: 1;
}
.tbs__wrap {
  padding: 4px 0;
  min-height: 36px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  display: flex;
  width: 100%;
}
.tbs__img {
  display: inline-block;
  text-align: left;
}
.tbs__img img {
  width: 100%;
  height: auto;
  margin-top: -5px;
}
.tbs__content {
  display: block;
  text-align: center;
  color: #FFF;
}
.tbs__content span {
  display: inline-block;
  vertical-align: middle;
}
.tbs__content span.large {
  font-size: 18px;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.tbs__cta {
  display: block;
  margin-left: auto;
}
.tbs__cta .link, .tbs__cta .multimedia .items .item__content a, .multimedia .items .item__content .tbs__cta a, .tbs__cta .publikasi .items .item__content a, .publikasi .items .item__content .tbs__cta a, .tbs__cta .new-post .items .item__content a, .new-post .items .item__content .tbs__cta a, .tbs__cta .ec__right .item__content a, .ec__right .item__content .tbs__cta a, .tbs__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .tbs__cta a {
  text-decoration: underline;
  font-size: 13px;
  line-height: 1.5em;
}
.tbs__cta .link:hover, .tbs__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .tbs__cta a:hover, .tbs__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .tbs__cta a:hover, .tbs__cta .new-post .items .item__content a:hover, .new-post .items .item__content .tbs__cta a:hover, .tbs__cta .ec__right .item__content a:hover, .ec__right .item__content .tbs__cta a:hover, .tbs__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .tbs__cta a:hover {
  color: rgb(229.5, 229.5, 229.5);
}
.tbs__cta .btn-dummy {
  color: #fff;
  position: relative;
}
.tbs__cta .btn-dummy:after {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  background: url(../images/ic-arrow-right-long-white.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: -32px;
  top: calc(50% - 10px);
}
.tbs__cta .btn-dummy:hover {
  color: #fff;
  text-decoration: underline;
}
.tbs__cta .btn-dummy:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.tbs__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 64px;
  height: 30px;
  top: 0;
  right: 0;
}
.tbs__close span {
  display: flex;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background: #FFF;
  color: #005FBF;
}
.tbs.fixed {
  top: 57px;
  opacity: 1;
}
.tbs.fixed.show-top {
  top: 97px;
}
@media (max-width: 991px) {
  .tbs {
    top: 0;
  }
  .tbs-bot {
    display: none;
  }
  .tbs > .container > .row {
    min-height: 50px;
  }
  .tbs__wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .tbs__content span {
    display: block;
  }
  .tbs__content span.meta {
    font-size: 12px;
    line-height: 16px;
    display: block;
  }
  .tbs__content span.large {
    margin-left: 0;
    font-size: 14px;
    line-height: 1.25rem;
  }
  .tbs__cta {
    min-width: 200px;
  }
  .tbs__close {
    align-items: flex-start;
    justify-content: flex-end;
    width: 40px;
    height: 40px;
    padding: 12px;
  }
  .tbs__close span {
    height: 14px;
    width: 14px;
    font-size: 18px;
  }
  .tbs.fixed {
    top: 56px;
  }
  .tbs.fixed.show-top {
    top: 56px;
  }
}
@media (max-width: 768px) {
  .tbs__wrap {
    flex-wrap: wrap;
  }
  .tbs__content {
    text-align: center;
    width: 100%;
  }
  .tbs__cta {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}

.top-banner--alt .tb__close {
  position: fixed;
  right: 0;
  top: 8px;
  padding: 8px;
  z-index: 4;
  cursor: pointer;
  display: none;
}
.top-banner--alt .tb__close span {
  font-size: 24px;
  line-height: 24px;
  color: #000;
  border-radius: 8px;
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
}

@media (max-width: 991px) {
  .top-banner--alt .tb__close {
    top: 6px;
    right: 2px;
  }
}
@media (max-width: 479px) {
  .top-banner--alt .tb__close {
    top: 10px;
    right: -2px;
  }
}
.top-banner-sticky {
  z-index: 879;
  display: block;
  text-decoration: none;
  color: #232933;
  width: 100%;
  background: #EDFAFF;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all linear 0.2s;
}
.top-banner-sticky:hover {
  color: #232933;
  text-decoration: none;
}
.top-banner-sticky .tb__logo {
  display: none;
  width: 100%;
  max-width: 13%;
  flex: 0 0 13%;
}
.top-banner-sticky .tb__logo img {
  display: block;
  height: 24px;
  width: auto;
}
.top-banner-sticky .tb__text {
  display: block;
  width: 100%;
  max-width: 70%;
  flex: 0 0 70%;
  text-align: left;
}
.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: 15px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.top-banner-sticky .tb__text span.title b {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.top-banner-sticky .tb__text span.title-sm {
  display: none;
  font-size: 28px;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner-sticky .tb__action {
  display: block;
  width: 100%;
  max-width: 25%;
  flex: 0 0 25%;
  text-align: right;
  margin-left: auto;
}
.top-banner-sticky .tb__action span.link {
  display: inline-block;
  text-decoration: underline;
  color: #232933;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner-sticky .tb__action span.link:hover {
  color: #232933;
  text-decoration: underline;
}
.top-banner-sticky .tb__action span.link:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner-sticky .tb__wrap {
  display: flex;
  align-items: center;
  min-height: 64px;
}
.top-banner-sticky .tb__close {
  position: absolute;
  right: 12px;
  top: 0;
  padding: 8px;
  display: none;
}
.top-banner-sticky .tb__close span {
  font-size: 16px;
  line-height: 16px;
  background: #FFF;
  color: #000;
  border-radius: 8px;
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
}

@media (max-width: 991px) {
  .top-banner-sticky {
    opacity: 1;
  }
  .top-banner-sticky .tb__logo {
    display: none;
  }
  .top-banner-sticky .tb__action {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  .top-banner-sticky .tb__action span.link {
    font-size: 14px;
    line-height: 20px;
  }
  .top-banner-sticky .tb__text {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .top-banner-sticky .tb__text span.sub {
    display: none;
    font-size: 10px;
    line-height: 12px;
  }
  .top-banner-sticky .tb__text span.sub-sm {
    display: block;
    font-size: 12px;
    line-height: 16px;
  }
  .top-banner-sticky .tb__text span.title {
    display: none;
  }
  .top-banner-sticky .tb__text span.title br {
    display: none;
  }
  .top-banner-sticky .tb__text span.title-sm {
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding-right: 20px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
  }
  .top-banner-sticky .tb__close {
    right: 0;
    top: calc(50% - 15px);
  }
  .top-banner-sticky .tb__close span {
    font-size: 16px;
    line-height: 14px;
    background: #FFF;
    color: #000;
    border-radius: 7px;
    display: block;
    width: 14px;
    height: 14px;
    text-align: center;
  }
  .top-banner-sticky .tb__wrap {
    flex-wrap: wrap;
    height: 48px;
    padding: 4px 0;
  }
}
@media (max-width: 479px) {
  .top-banner-sticky .tb__action span.link {
    font-size: 12px;
    line-height: 20px;
  }
}
.top-banner-bot {
  display: block;
  text-decoration: none;
  color: #232933;
  width: 100%;
  background: #EDFAFF;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
.top-banner-bot:hover {
  color: #232933;
  text-decoration: none;
}
.top-banner-bot .tb__logo {
  display: none;
  width: 100%;
  max-width: 16.666667%;
  flex: 0 0 16.666667%;
}
.top-banner-bot .tb__logo img {
  display: block;
  height: 64px;
  width: auto;
}
.top-banner-bot .tb__text {
  display: block;
  width: 100%;
  max-width: 65%;
  flex: 0 0 65%;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  margin-left: 64px;
}
.top-banner-bot .tb__text span.sub {
  display: block;
  font-size: 18px;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.top-banner-bot .tb__text span.sub-sm {
  display: none;
}
.top-banner-bot .tb__text span.title {
  display: block;
  font-size: 21px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin: 0 0 12px;
}
.top-banner-bot .tb__text span.title b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner-bot .tb__action span.link {
  display: inline-block;
  text-decoration: underline;
  color: #232933;
  position: relative;
  padding-right: 24px;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner-bot .tb__action span.link:hover {
  color: #232933;
  text-decoration: underline;
}
.top-banner-bot .tb__action span.link:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner-bot .tb__img {
  z-index: 1;
  display: block;
  position: absolute;
  width: 548px;
  height: 100%;
  top: 0;
  left: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.top-banner-bot .tb__wrap {
  z-index: 2;
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  min-height: 144px;
}

@media (max-width: 1024px) {
  .top-banner-bot {
    z-index: 101;
  }
}
@media (max-width: 991px) {
  .top-banner-bot {
    background: linear-gradient(90.02deg, #3A00A9 -8.78%, #7B3CEF 26.34%, #3A00A9 64.86%, #7B3CEF 99.98%);
    margin-bottom: 0;
    display: none;
    z-index: 101;
  }
  .top-banner-bot .tb__logo, .top-banner-bot .tb__img {
    display: none;
  }
  .top-banner-bot .tb__text {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .top-banner-bot .tb__text span.sub {
    display: none;
    font-size: 12px;
    line-height: 1.5em;
  }
  .top-banner-bot .tb__text span.sub-sm {
    display: block;
    font-size: 16px;
    line-height: 1.5em;
  }
  .top-banner-bot .tb__text span.title {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 8px;
  }
  .top-banner-bot .tb__text span.link {
    font-size: 14px;
    line-height: 1.5em;
  }
  .top-banner-bot .tb__wrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.top-banner--alt .top-banner-sticky {
  background: #EDFAFF;
  z-index: 3;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__logo {
  width: 180px;
  height: 64px;
  flex: 0 0 180px;
  background-size: contain;
  max-width: 180px;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
  max-width: calc(100% - 445px);
  flex: 0 0 calc(100% - 445px);
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.meta > img {
  max-height: 20px;
  width: auto;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title {
  font-size: 16px;
  line-height: 24px;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title > img {
  max-width: 112px;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action {
  width: auto;
  flex: 0 0 auto;
}
.top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action span.link {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__logo {
  width: 190px;
  flex: 0 0 190px;
  max-width: 100%;
  height: 64px;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__text {
  max-width: calc(100% - 455px);
  flex: 0 0 calc(100% - 455px);
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.title {
  font-size: 20px;
  line-height: 28px;
  color: #FFF;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.meta {
  color: #FFF;
  font-size: 16px;
  line-height: 24px;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__action {
  width: auto;
  flex: 0 0 auto;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__action span.link {
  display: inline-block;
  color: #232933;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 8px 16px;
  background-color: #ffed51;
  border-radius: 4px;
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__action 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;
  filter: grayscale(100%) brightness(0.5);
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-sticky.img-md.mcon .tb__action span.link:hover {
  text-decoration: none;
}
.top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__logo {
  height: 100%;
}
.top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text {
  max-width: calc(100% - 445px);
  flex: 0 0 calc(100% - 445px);
}
.top-banner--alt .top-banner-sticky .tb__wrap {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__logo {
  display: block;
  width: 100%;
  max-width: 90px;
  flex: 0 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__text {
  padding: 6px 0;
  text-align: left;
  width: 100%;
  flex: 0 0 100%;
  max-width: calc(100% - 404px);
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title br {
  display: none;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.meta-sm, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action {
  display: none;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__action {
  max-width: 250px;
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-end;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__action span.link {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #4B61DD;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__action span.link:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__action span.link:hover {
  color: #4B61DD;
  text-decoration: underline;
}
.top-banner--alt .top-banner-sticky .tb__wrap .tb__action span.link:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-bot {
  background: #EDFAFF;
}
.top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text {
  max-width: calc(100% - 525px);
}
.top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text span.title {
  font-size: 20px;
  line-height: 28px;
}
.top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__img {
  max-width: 300px;
  width: 100%;
  padding: 0;
  margin-right: 57px;
}
.top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__img img {
  height: 100%;
  width: auto;
  max-width: 300px;
  max-height: 144px;
}
.top-banner--alt .top-banner-bot.img-md.mcon::before {
  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--alt .top-banner-bot.img-md.mcon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/banner-tbmcon-r.webp);
  background-size: auto 100%;
  background-position: right top;
  background-repeat: no-repeat;
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.title {
  color: #fff;
  font-size: 22px;
  line-height: 150%;
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.meta, .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.meta-sm {
  color: #FFF;
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.action span.link {
  display: inline-block;
  color: #232933;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 8px 16px;
  background-color: #ffed51;
  border-radius: 4px;
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.action 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;
  filter: grayscale(100%) brightness(0.5);
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__action span.link {
  display: inline-block;
  color: #232933;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 8px 16px;
  background-color: #ffed51;
  border-radius: 4px;
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__action 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;
  filter: grayscale(100%) brightness(0.5);
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__action span.link:hover {
  text-decoration: none;
}
.top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__img {
  width: 180px;
  padding-top: 0;
  padding-bottom: 0;
  min-height: 144px;
  display: flex;
  align-items: flex-end;
}
.top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__text {
  margin-left: 57px;
  flex: 0 0 calc(100% - 470px);
  max-width: calc(100% - 470px);
}
.top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__text span.title {
  font-size: 20px;
  line-height: 28px;
}
.top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__text span.title br {
  display: unset;
}
.top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__action {
  min-width: 245px;
}
.top-banner--alt .top-banner-bot .tb__wrap {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.top-banner--alt .top-banner-bot .tb__wrap::before {
  content: "";
  display: none;
  width: 173px;
  height: 100%;
  background: url(../images/ornament-bg-banner.png) no-repeat;
  background-position: left center;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: 0;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__img {
  position: relative;
  width: auto;
  height: 100%;
  padding-top: 3.6px;
  padding-bottom: 3.6px;
  top: unset;
  left: unset;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text {
  text-align: left;
  margin: 0 auto;
  padding: 12px 0;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.title {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta {
  font-size: 16px;
  line-height: 24px;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta small {
  font-size: 14px;
  line-height: 20px;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.link {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #4B61DD;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.link:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.link:hover {
  color: #4B61DD;
  text-decoration: underline;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.link:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__text span.title-sm, .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta-sm, .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.action {
  display: none;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__action {
  min-width: 200px;
  flex: 0 0 200px;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__action span.link {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #4B61DD;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 0;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__action span.link:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-arrow-right.svg) no-repeat center;
  background-size: contain;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__action span.link:hover {
  color: #4B61DD;
  text-decoration: underline;
}
.top-banner--alt .top-banner-bot .tb__wrap .tb__action span.link:hover:after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.top-banner--alt .top-banner-bot .tb__close {
  position: absolute;
  display: none;
}

@media screen and (max-width: 1200px) {
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap {
    justify-content: space-between;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__logo {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
    max-width: calc(100% - 355px);
    flex: 0 0 calc(100% - 355px);
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title {
    font-size: 16px;
    line-height: 24px;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title > img {
    max-width: 112px;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .link, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .multimedia .items .item__content a, .multimedia .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .publikasi .items .item__content a, .publikasi .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .new-post .items .item__content a, .new-post .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .ec__right .item__content a, .ec__right .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action a {
    justify-content: flex-end;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.title {
    font-size: 18px;
    line-height: 26px;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__logo {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text span.title {
    font-size: 18px;
    line-height: 26px;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__action {
    max-width: 30%;
    flex: 0 0 30%;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text {
    max-width: calc(100% - 225px);
    margin: 0;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text span.title {
    font-size: 20px;
    line-height: 28px;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__img {
    display: none;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__action {
    display: flex;
    justify-content: flex-end;
  }
  .top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__text span.title br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
    max-width: 70%;
    flex: 0 0 70%;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action {
    max-width: auto;
    flex: 0 0 auto;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__action {
    max-width: auto;
    flex: 0 0 auto;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text {
    margin-left: 24px;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__logo {
    display: none;
  }
  .top-banner--alt .top-banner-bot {
    z-index: 101;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon::before {
    background-image: url(../images/banner-tbmcon-r-sm.webp);
  }
  .top-banner--alt .top-banner-bot.img-md.mcon::after {
    background-image: url(../images/banner-tbmcon-l-sm.webp);
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text {
    text-align: center;
    max-width: 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.title {
    font-size: 32px;
    line-height: 48px;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.meta {
    display: none;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.meta-sm, .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.action {
    display: block;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.action {
    margin-top: 8px;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-bot .tb__wrap {
    max-width: 100%;
  }
  .top-banner--alt .top-banner-bot .tb__text {
    max-width: 55%;
    flex: 0 0 55%;
  }
}
@media screen and (max-width: 991px) {
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
    padding-left: 0;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action {
    max-width: auto;
    flex: 0 0 auto;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.title-sm, .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.meta-sm {
    color: #FFF;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__action {
    max-width: auto;
    flex: 0 0 auto;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__action span.link {
    padding: 0;
    background: transparent;
    color: #fff;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__action span.link::after {
    filter: invert(100%) brightness(1000%);
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__logo {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text {
    padding-left: 0;
    margin-left: 0;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text span.title-sm {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap {
    max-width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px;
    height: auto;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.meta {
    display: none;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title br, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.meta br {
    display: none;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.meta-sm {
    display: flex;
    font-size: 14px;
    line-height: 20px;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__action {
    display: flex;
    margin-left: auto;
    width: auto;
    flex: unset;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__action span.link {
    padding-right: 24px;
  }
  .top-banner--alt .top-banner-sticky .tb__close {
    display: -ms-flexbox;
    display: none;
  }
  .top-banner--alt .top-banner-bot {
    display: flex;
    z-index: 101;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text {
    flex: 0 0 100%;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 100%;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text span.meta {
    display: none;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text span.meta-sm {
    display: block;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.title {
    font-size: 20px;
    line-height: 28px;
  }
  .top-banner--alt .top-banner-bot.ebook .tb__wrap .tb__text {
    max-width: calc(100% - 335px);
    flex: 0 0 calc(100% - 335px);
  }
  .top-banner--alt .top-banner-bot .tb__wrap {
    flex-wrap: wrap;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__img {
    display: flex;
    margin-right: 32px;
    flex: 0 0 165px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text {
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
    padding-right: 24px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.action {
    display: flex;
    margin-top: 8px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__action {
    display: none;
  }
}
@media screen and (max-width: 906px) {
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text {
    flex: 0 0 calc(100% - 360px);
    max-width: calc(100% - 360px);
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text span.title-sm {
    font-size: 16px;
    line-height: 24px;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__action {
    max-width: 35%;
    flex: 0 0 35%;
  }
}
@media screen and (max-width: 790px) {
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text span.title-sm {
    font-size: 16px;
    line-height: 24px;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__action span.link {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .top-banner--alt .top-banner-sticky {
    top: -76px;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
    max-width: auto;
    flex: 0 0 auto;
    width: auto;
    text-align: left;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title-sm, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.meta-sm {
    text-align: left;
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action {
    max-width: auto;
    flex: 0 0 auto;
    display: flex;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text {
    max-width: auto;
    flex: 0 0 auto;
    width: auto;
    text-align: left;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.title-sm, .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.meta-sm {
    text-align: left;
    justify-content: flex-start;
    flex: 0 0 100%;
    width: 100%;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__text span.action {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__action {
    max-width: auto;
    flex: 0 0 auto;
    display: flex;
  }
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap .tb__text span.title-sm {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap {
    height: 100%;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__logo {
    display: none;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: left;
    padding-left: 0;
    align-items: center;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title {
    display: none;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.title-sm b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.meta-sm {
    text-align: center;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action {
    display: flex;
    margin-top: 5px;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .link, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .multimedia .items .item__content a, .multimedia .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .publikasi .items .item__content a, .publikasi .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .new-post .items .item__content a, .new-post .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .ec__right .item__content a, .ec__right .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #4B61DD;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .link:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .multimedia .items .item__content a:after, .multimedia .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .publikasi .items .item__content a:after, .publikasi .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .new-post .items .item__content a:after, .new-post .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .ec__right .item__content a:after, .ec__right .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .masthead-blog__slider .item__content a:after, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ic-arrow-right.svg) no-repeat center;
    background-size: contain;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .link:hover, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .multimedia .items .item__content a:hover, .multimedia .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .publikasi .items .item__content a:hover, .publikasi .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .new-post .items .item__content a:hover, .new-post .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .ec__right .item__content a:hover, .ec__right .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover {
    color: #4B61DD;
    text-decoration: underline;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .link:hover:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .multimedia .items .item__content a:hover:after, .multimedia .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .publikasi .items .item__content a:hover:after, .publikasi .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .new-post .items .item__content a:hover:after, .new-post .items .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .ec__right .item__content a:hover:after, .ec__right .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover:after, .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .masthead-blog__slider .item__content a:hover:after, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action a:hover:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: bounce2;
    animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-sticky .tb__close {
    top: 0;
    display: none;
  }
  .top-banner--alt .top-banner-bot {
    z-index: 101;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text {
    max-width: 100%;
    padding: 0;
  }
  .top-banner--alt .top-banner-bot.img-md .tb__wrap .tb__text span.meta-sm {
    font-size: 14px;
    line-height: 20px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap::before, .top-banner--alt .top-banner-bot .tb__wrap .tb__img {
    display: none;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta {
    display: none;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta-sm, .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.action {
    display: flex;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.title {
    font-size: 20px;
    line-height: 28px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.title b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.title-sm b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__text span.meta-sm small {
    font-size: 14px;
    line-height: 20px;
  }
  .top-banner--alt .top-banner-bot .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-bot .tb__close {
    top: -7px;
    display: none;
    right: 0;
  }
}
@media screen and (max-width: 600px) {
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title-sm, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.meta-sm {
    justify-content: center;
    text-align: center;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    justify-content: center;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.title-sm, .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.meta-sm {
    justify-content: center;
    text-align: center;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.action {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    justify-content: center;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.action span.link {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.action span.link::after {
    filter: invert(100%) brightness(1000%);
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__action {
    display: none;
  }
  .top-banner--alt .top-banner-bot {
    display: none;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text span.title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 395px) {
  .top-banner--alt .top-banner-sticky.ebook .tb__wrap {
    min-height: 101px;
  }
  .top-banner--alt .top-banner-bot.img-md.mcon .tb__wrap .tb__text {
    padding: 12px 0;
  }
}
@media screen and (max-width: 375px) {
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap {
    min-height: 101px;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.title-sm {
    font-size: 14px;
    line-height: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.meta-sm {
    line-height: 20px;
    font-size: 14px;
  }
  .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .link, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .multimedia .items .item__content a, .multimedia .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .publikasi .items .item__content a, .publikasi .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .new-post .items .item__content a, .new-post .items .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .ec__right .item__content a, .ec__right .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action a, .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .top-banner--alt .top-banner-sticky.img-md .tb__wrap .tb__text span.action a {
    font-size: 14px;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.title-sm {
    font-size: 14px;
    line-height: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .top-banner--alt .top-banner-sticky.img-md.mcon .tb__wrap .tb__text span.meta-sm {
    line-height: 20px;
    font-size: 14px;
  }
}
body.has-tb.tbs-show .top-banner-sticky {
  max-height: 200px;
  opacity: 1;
  display: block;
  position: relative;
  transition: all linear 0.2s;
}

@media (max-width: 991px) {
  body.has-tb.has-tb--alt header .header__left {
    top: 0;
  }
  body.has-tb.has-tb--alt.tbs-show.tbs-show-top header.fixed {
    top: 0;
  }
  body.has-tb.has-tb--alt.tbs-show .top-banner-sticky {
    background: #EDFAFF;
    top: 0;
    transform: translateY(0);
  }
}
@media (max-width: 991px) {
  body.has-tb header .header__left {
    top: 48px;
  }
  body.has-tb.tbs-show.tbs-show-top header.fixed {
    top: 0;
  }
  body.has-tb.tbs-show.menu-open header.fixed {
    transform: translateY(0) !important;
  }
  body.has-tb.menu-open .top-banner-sticky {
    visibility: hidden;
  }
  body.has-tb.menu-open header {
    z-index: 999;
  }
  body.has-tb.menu-open header .header__left {
    top: 0;
    transition: top linear 0.3s;
  }
  body.has-tb.menu-open.tbs-show header.fixed {
    transform: translateY(0);
    transition: all linear 0.3s;
  }
}
body.has-tb .masthead {
  padding-top: 0;
}
body.has-tb .masthead-f {
  margin-top: 0;
}
body.has-tb.tbs-show .top-banner-sticky {
  opacity: 1;
  display: block;
  z-index: 101;
  position: relative;
  transition: all linear 0.2s;
}
body.has-tb.tbs-show header {
  top: 0;
}
body.has-tb.tbs-show header .header__top {
  transition: all 0.4s ease;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1199px) {
  body.has-tb.has-tb--alt.menu-open .header-inline .top-banner .top-banner-sticky {
    display: none;
  }
}
@media (max-width: 991px) {
  body.has-tb.has-tb--alt header .header__left {
    top: 0;
  }
  body.has-tb.has-tb--alt.tbs-show.tbs-show-top header.fixed {
    top: 0;
  }
  body.has-tb.has-tb--alt.tbs-show .top-banner-sticky {
    background: #EDFAFF;
    transform: translateY(0);
  }
}
@media (max-width: 991px) {
  body.has-tb header .header__left {
    top: 48px;
  }
  body.has-tb.tbs-show.tbs-show-top header.fixed {
    top: 0;
  }
  body.has-tb.menu-open .top-banner-sticky {
    visibility: hidden;
  }
  body.has-tb.menu-open header {
    z-index: 999999;
  }
  body.has-tb.menu-open header .header__left {
    top: 0;
    transition: top linear 0.3s;
  }
}

body.has-tbs-top.single .header {
  top: 64px;
}
body.has-tbs-top .tbs {
  top: 0;
}
body.has-tbs-top .tbs.fixed.show-top {
  top: 0;
}
body.has-tbs-top .header.fixed .header__top {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
body.has-tbs-top .header.fixed.show-top {
  top: 36px;
}
body.has-tbs-top .header.fixed.show-top .header__top {
  max-height: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  opacity: 1;
}
@media (max-width: 991px) {
  body.has-tbs-top.single .tbs {
    top: 0;
  }
  body.has-tbs-top.single .header .header__left {
    top: 48px;
  }
  body.has-tbs-top .tbs {
    top: 0;
  }
  body.has-tbs-top .tbs.fixed {
    top: 0;
  }
  body.has-tbs-top .header {
    top: 126px !important;
  }
  body.has-tbs-top .header .header__left {
    top: 48px;
    transition: all 0.4s ease;
  }
  body.has-tbs-top.menu-open .header {
    top: 0 !important;
  }
  body.has-tbs-top.menu-open .header .header__left {
    top: 0 !important;
  }
  body.has-tbs-top.menu-open .tbs {
    display: none;
  }
  body.has-tbs-top.tbs-top .header .header__left {
    top: 48px;
  }
}

.swiper .swiper-wrapper {
  padding-bottom: 32px;
}
.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: #005FBF;
}
.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: #005FBF;
}

.header-inline {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 105;
  background-color: transparent;
  border-bottom: 0;
  will-change: background-color, border-bottom;
  transition: border-bottom linear 0.2s, background-color linear 0.2s;
}
.header-inline.soft-blue, .header-inline.blue {
  background-color: #E6F5FF;
}
.header-inline.soft-blue .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle, .header-inline.blue .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  background-color: #E6F5FF;
  border-color: #E6F5FF;
}
.header-inline.soft-blue .header-inline__cta a.link, .header-inline.soft-blue .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.soft-blue .header-inline__cta a,
.header-inline.soft-blue .header-inline__cta a.more-link, .header-inline.blue .header-inline__cta a.link, .header-inline.blue .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.blue .header-inline__cta a, .header-inline.blue .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.blue .header-inline__cta a, .header-inline.blue .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.blue .header-inline__cta a, .header-inline.blue .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.blue .header-inline__cta a, .header-inline.blue .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.blue .header-inline__cta a,
.header-inline.blue .header-inline__cta a.more-link {
  color: #272B32;
}
.header-inline.soft-blue .header-inline__cta a.link:hover, .header-inline.soft-blue .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.soft-blue .header-inline__cta a:hover,
.header-inline.soft-blue .header-inline__cta a.more-link:hover, .header-inline.blue .header-inline__cta a.link:hover, .header-inline.blue .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.blue .header-inline__cta a:hover, .header-inline.blue .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.blue .header-inline__cta a:hover, .header-inline.blue .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.blue .header-inline__cta a:hover, .header-inline.blue .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.blue .header-inline__cta a:hover, .header-inline.blue .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.blue .header-inline__cta a:hover,
.header-inline.blue .header-inline__cta a.more-link:hover {
  color: rgb(16.6516853933, 18.3595505618, 21.3483146067);
}
.header-inline.soft-blue.fixed, .header-inline.blue.fixed {
  background-color: #FFF;
}
.header-inline.soft-blue.fixed .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle, .header-inline.blue.fixed .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  background-color: #FFF;
  border-color: #FFF;
}
.header-inline.soft-blue.fixed .header-inline__cta a.link, .header-inline.soft-blue.fixed .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a, .header-inline.soft-blue.fixed .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a, .header-inline.soft-blue.fixed .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a, .header-inline.soft-blue.fixed .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.soft-blue.fixed .header-inline__cta a, .header-inline.soft-blue.fixed .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.soft-blue.fixed .header-inline__cta a,
.header-inline.soft-blue.fixed .header-inline__cta a.more-link, .header-inline.blue.fixed .header-inline__cta a.link, .header-inline.blue.fixed .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.blue.fixed .header-inline__cta a, .header-inline.blue.fixed .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.blue.fixed .header-inline__cta a, .header-inline.blue.fixed .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.blue.fixed .header-inline__cta a, .header-inline.blue.fixed .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.blue.fixed .header-inline__cta a, .header-inline.blue.fixed .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.blue.fixed .header-inline__cta a,
.header-inline.blue.fixed .header-inline__cta a.more-link {
  color: #4B61DD;
}
.header-inline.soft-blue.fixed .header-inline__cta a.link:hover, .header-inline.soft-blue.fixed .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a:hover, .header-inline.soft-blue.fixed .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a:hover, .header-inline.soft-blue.fixed .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.soft-blue.fixed .header-inline__cta a:hover, .header-inline.soft-blue.fixed .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.soft-blue.fixed .header-inline__cta a:hover, .header-inline.soft-blue.fixed .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.soft-blue.fixed .header-inline__cta a:hover,
.header-inline.soft-blue.fixed .header-inline__cta a.more-link:hover, .header-inline.blue.fixed .header-inline__cta a.link:hover, .header-inline.blue.fixed .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.blue.fixed .header-inline__cta a:hover, .header-inline.blue.fixed .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.blue.fixed .header-inline__cta a:hover, .header-inline.blue.fixed .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.blue.fixed .header-inline__cta a:hover, .header-inline.blue.fixed .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.blue.fixed .header-inline__cta a:hover, .header-inline.blue.fixed .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.blue.fixed .header-inline__cta a:hover,
.header-inline.blue.fixed .header-inline__cta a.more-link:hover {
  color: rgb(38.9252336449, 64.1121495327, 206.0747663551);
}
.header-inline.cream {
  background-color: #FFFFFA;
}
.header-inline.cream .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  background-color: #FFFFFA;
  border-color: #FFFFFA;
}
.header-inline.cream .header-inline__cta a.link, .header-inline.cream .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.cream .header-inline__cta a, .header-inline.cream .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.cream .header-inline__cta a, .header-inline.cream .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.cream .header-inline__cta a, .header-inline.cream .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.cream .header-inline__cta a, .header-inline.cream .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.cream .header-inline__cta a,
.header-inline.cream .header-inline__cta a.more-link {
  color: #272B32;
}
.header-inline.cream .header-inline__cta a.link:hover, .header-inline.cream .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.cream .header-inline__cta a:hover, .header-inline.cream .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.cream .header-inline__cta a:hover, .header-inline.cream .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.cream .header-inline__cta a:hover, .header-inline.cream .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.cream .header-inline__cta a:hover, .header-inline.cream .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.cream .header-inline__cta a:hover,
.header-inline.cream .header-inline__cta a.more-link:hover {
  color: rgb(16.6516853933, 18.3595505618, 21.3483146067);
}
.header-inline.cream.fixed {
  background-color: #FFF;
}
.header-inline.cream.fixed .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  background-color: #FFF;
  border-color: #FFF;
}
.header-inline.cream.fixed .header-inline__cta a.link, .header-inline.cream.fixed .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.cream.fixed .header-inline__cta a, .header-inline.cream.fixed .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.cream.fixed .header-inline__cta a, .header-inline.cream.fixed .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.cream.fixed .header-inline__cta a, .header-inline.cream.fixed .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.cream.fixed .header-inline__cta a, .header-inline.cream.fixed .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.cream.fixed .header-inline__cta a,
.header-inline.cream.fixed .header-inline__cta a.more-link {
  color: #4B61DD;
}
.header-inline.cream.fixed .header-inline__cta a.link:hover, .header-inline.cream.fixed .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.cream.fixed .header-inline__cta a:hover, .header-inline.cream.fixed .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.cream.fixed .header-inline__cta a:hover, .header-inline.cream.fixed .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.cream.fixed .header-inline__cta a:hover, .header-inline.cream.fixed .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.cream.fixed .header-inline__cta a:hover, .header-inline.cream.fixed .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.cream.fixed .header-inline__cta a:hover,
.header-inline.cream.fixed .header-inline__cta a.more-link:hover {
  color: rgb(38.9252336449, 64.1121495327, 206.0747663551);
}
.header-inline__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 0;
  transition: padding linear 0.2s;
  flex: 0 0 100%;
  width: 100%;
}
.header-inline__logo {
  flex: 0 0 100%;
  width: 100%;
  max-width: 106px;
  position: relative;
  padding: 0;
}
.header-inline__logo .logo img {
  height: 32px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-inline__logo .back {
  display: none;
}
.header-inline__right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
  padding: 0;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click {
  max-width: 86px;
  width: 100%;
  background-color: transparent;
  border: 0;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  color: #626B79;
  font-size: 14px;
  line-height: 20px;
  padding-right: calc(10px + 1.2em);
  background-color: transparent;
  border: none;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle:hover {
  color: #626B79;
  border-radius: 8px;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle > img {
  margin-right: 4px;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu {
  background: #fff;
  padding: 4px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #D0D6DD;
  width: 115px;
  text-align: center;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link {
  color: #232933;
  padding: 16px;
  border-radius: 8px;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link:hover {
  background: #E0EEFF;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link img {
  display: none;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-id > a::before {
  content: "Indonesia";
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-id > a > span {
  display: none;
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-en > a::before {
  content: "English";
}
.header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-en > a > span {
  display: none;
}
.header-inline__cta {
  display: none;
}
.header-inline__cta-sm {
  display: flex;
}
.header-inline__cta-sm .btn, .header-inline__cta-sm .link, .header-inline__cta-sm .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta-sm a, .header-inline__cta-sm .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta-sm a, .header-inline__cta-sm .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta-sm a, .header-inline__cta-sm .ec__right .item__content a, .ec__right .item__content .header-inline__cta-sm a, .header-inline__cta-sm .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta-sm a {
  margin-bottom: 0;
}
.header-inline__cta-sm .btn {
  padding: 3px 12px;
  font-size: 14px;
  line-height: 20px;
}
.header-inline__cta-mobile {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header-inline__cta-mobile a, .header-inline__cta-mobile a.btn, .header-inline__cta-mobile a.link, .header-inline__cta-mobile .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .ec__right .item__content a, .ec__right .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile a.more-link, .header-inline__cta-mobile .wpml-custom {
  max-width: calc(50% - 16px);
  flex: 0 0 100%;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}
.header-inline__cta-mobile a.btn-block, .header-inline__cta-mobile a.btn.btn-block, .header-inline__cta-mobile a.link.btn-block, .header-inline__cta-mobile .multimedia .items .item__content a.btn-block, .multimedia .items .item__content .header-inline__cta-mobile a.btn-block, .header-inline__cta-mobile .publikasi .items .item__content a.btn-block, .publikasi .items .item__content .header-inline__cta-mobile a.btn-block, .header-inline__cta-mobile .new-post .items .item__content a.btn-block, .new-post .items .item__content .header-inline__cta-mobile a.btn-block, .header-inline__cta-mobile a.more-link.btn-block, .header-inline__cta-mobile .wpml-custom.btn-block {
  max-width: 100%;
}
.header-inline__cta-mobile a.btn {
  padding: 7px 14px;
}
.header-inline__cta-mobile a.link, .header-inline__cta-mobile .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .ec__right .item__content a, .ec__right .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile a.more-link {
  text-align: right;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click {
  max-width: 190px;
  width: 100%;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  color: #626B79;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-right: calc(10px + 1.2em);
  border: 0;
  background-color: transparent;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle:hover {
  color: #626B79;
  border-radius: 8px;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle > img {
  margin-right: 4px;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu {
  background: #fff;
  padding: 4px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #D0D6DD;
  width: 115px;
  text-align: center;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link {
  color: #232933;
  padding: 16px;
  border-radius: 8px;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link:hover {
  background: #E0EEFF;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item > a.wpml-ls-link img {
  display: none;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-id > a::before {
  content: "Indonesia";
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-id > a > span {
  display: none;
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-en > a::before {
  content: "English";
}
.header-inline__cta-mobile .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item ul.wpml-ls-sub-menu li.wpml-ls-item-en > a > span {
  display: none;
}
.header-inline__burger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.header-inline__burger .burger-menu {
  display: inline-flex;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.header-inline__burger .burger-menu span {
  position: absolute;
  top: 4px;
  right: 0;
  width: 100%;
  height: 3px;
  background: #009bde;
  transform: rotate(0deg);
  opacity: 1;
  transition: transform linear 0.2s, opacity linear 0.2s;
}
.header-inline__burger .burger-menu span:nth-child(2) {
  width: 75%;
  top: 12px;
}
.header-inline__burger .burger-menu span:nth-child(3) {
  top: 19px;
}
.header-inline__dropdown {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  transform: translateX(-100%);
  transition: transform linear 0.2s, height linear 0.2s;
}

body {
  overflow: unset;
}
body.menu-open .header-inline {
  height: 100vh;
  transition: height linear 0.15s;
}
body.menu-open .header-inline__burger .burger-menu span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
  transition: transform linear 0.2s;
}
body.menu-open .header-inline__burger .burger-menu span:nth-child(2) {
  top: 10px;
  opacity: 0;
  transition: opacity linear 0.2s;
}
body.menu-open .header-inline__burger .burger-menu span:nth-child(3) {
  top: 10px;
  transform: rotate(45deg);
  transition: transform linear 0.2s;
}
body.menu-open .header-inline__dropdown {
  transform: translateX(0);
  transition: transform linear 0.1s, height linear 0.2s;
}
body.menu-open .header-inline.blue, body.menu-open .header-inline.soft-blue {
  background-color: #FFF;
}
body.menu-open .header-inline.blue .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle, body.menu-open .header-inline.soft-blue .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
  background-color: #FFF;
  border-color: #FFF;
}
body.header-fixed .header-inline {
  border-bottom: 1px solid #E2E2E2;
  transition: border-bottom linear 0.2s;
  background-color: #FFF;
}

@media screen and (max-width: 1199px) {
  .header-inline__main {
    display: none;
  }
  .header-inline__dropdown {
    position: absolute;
  }
  body.menu-open.submenu-open .header-inline__dropdown {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    transition: top lienar 0.2s;
  }
}
@media screen and (max-width: 991px) {
  .header-inline.soft-blue {
    background-color: #FFF;
  }
  .header-inline.soft-blue .header-inline__right .wpml-custom .wpml-ls-legacy-dropdown-click ul li.wpml-ls-item a.wpml-ls-item-toggle {
    background-color: #FFF;
    border-color: #FFF;
  }
  .header-inline.soft-blue .header-inline__cta a.link, .header-inline.soft-blue .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline.soft-blue .header-inline__cta a, .header-inline.soft-blue .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline.soft-blue .header-inline__cta a,
  .header-inline.soft-blue .header-inline__cta a.more-link {
    color: #4B61DD;
  }
  .header-inline.soft-blue .header-inline__cta a.link:hover, .header-inline.soft-blue .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline.soft-blue .header-inline__cta a:hover, .header-inline.soft-blue .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline.soft-blue .header-inline__cta a:hover,
  .header-inline.soft-blue .header-inline__cta a.more-link:hover {
    color: rgb(38.9252336449, 64.1121495327, 206.0747663551);
  }
}
@media screen and (max-width: 990px) {
  body.menu-open .header-inline__dropdown {
    height: calc(100dvh - 57px);
  }
}
@media screen and (min-width: 438px) {
  .header-inline__cta-mobile a.btn {
    font-size: 16px;
    line-height: 24px;
    padding: 7px 24px;
  }
}
@media screen and (min-width: 991px) {
  .header-inline__wrapper {
    transition: padding linear 0.2s;
    padding: 0;
  }
  .header-inline__right {
    padding: 16px 0;
  }
  .header-inline__logo {
    padding: 16px 0;
  }
  .header-inline__logo .logo img {
    height: 40px;
  }
  .header-inline__cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
  }
  .header-inline__cta a.link, .header-inline__cta .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta a, .header-inline__cta .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta a, .header-inline__cta .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta a, .header-inline__cta .ec__right .item__content a, .ec__right .item__content .header-inline__cta a, .header-inline__cta .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta a,
  .header-inline__cta a.more-link {
    font-size: 14px;
    line-height: 20px;
    color: #4B61DD;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    transition: all linear 0.2s;
  }
  .header-inline__cta a.link:hover, .header-inline__cta .multimedia .items .item__content a:hover, .multimedia .items .item__content .header-inline__cta a:hover, .header-inline__cta .publikasi .items .item__content a:hover, .publikasi .items .item__content .header-inline__cta a:hover, .header-inline__cta .new-post .items .item__content a:hover, .new-post .items .item__content .header-inline__cta a:hover, .header-inline__cta .ec__right .item__content a:hover, .ec__right .item__content .header-inline__cta a:hover, .header-inline__cta .masthead-blog__slider .item__content a:hover, .masthead-blog__slider .item__content .header-inline__cta a:hover,
  .header-inline__cta a.more-link:hover {
    color: rgb(38.9252336449, 64.1121495327, 206.0747663551);
    transition: all linear 0.2s;
  }
  .header-inline__cta a.link.seperator, .header-inline__cta .multimedia .items .item__content a.seperator, .multimedia .items .item__content .header-inline__cta a.seperator, .header-inline__cta .publikasi .items .item__content a.seperator, .publikasi .items .item__content .header-inline__cta a.seperator, .header-inline__cta .new-post .items .item__content a.seperator, .new-post .items .item__content .header-inline__cta a.seperator, .header-inline__cta .ec__right .item__content a.seperator, .ec__right .item__content .header-inline__cta a.seperator, .header-inline__cta .masthead-blog__slider .item__content a.seperator, .masthead-blog__slider .item__content .header-inline__cta a.seperator,
  .header-inline__cta a.more-link.seperator {
    padding-right: 16px;
    border-right: 1px solid #D0D6DD;
  }
  .header-inline__cta-sm, .header-inline__cta-mobile {
    display: none;
  }
  .header-inline__cta-mobile a, .header-inline__cta-mobile a.btn, .header-inline__cta-mobile a.link, .header-inline__cta-mobile .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .ec__right .item__content a, .ec__right .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile a.more-link, .header-inline__cta-mobile .wpml-custom {
    width: -moz-max-content;
    width: max-content;
    flex: 0 0 max-content;
  }
  .header-inline__dropdown {
    transform: translateX(-100%);
    transition: transform linear 0.2s;
  }
  body.header-fixed .header-inline__wrapper {
    padding: 0;
    transition: padding linear 0.2s, border-bottom linear 0.2s;
  }
  body {
    overflow: unset;
  }
  body.menu-open {
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .header-inline {
    height: auto;
  }
  .header-inline__dropdown {
    transform: translateX(0);
  }
  .header-inline__left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    max-width: calc(100% - 524px);
  }
  .header-inline__cta-mobile {
    display: none;
  }
  .header-inline__cta-mobile a.link, .header-inline__cta-mobile .multimedia .items .item__content a, .multimedia .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .publikasi .items .item__content a, .publikasi .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .new-post .items .item__content a, .new-post .items .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .ec__right .item__content a, .ec__right .item__content .header-inline__cta-mobile a, .header-inline__cta-mobile .masthead-blog__slider .item__content a, .masthead-blog__slider .item__content .header-inline__cta-mobile a {
    font-size: 14px;
    line-height: 20px;
    color: #4B61DD;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    transition: all linear 0.2s;
  }
  .header-inline__main {
    flex: 0 0 100%;
    width: 100%;
    max-width: calc(100% - 146px);
    display: flex;
  }
  .header-inline__burger {
    display: none;
  }
  body.menu-open {
    overflow: unset;
  }
  body.menu-open .header-inline {
    height: auto;
  }
}
/* ------------------------------------------------------------------------------------------------ */
/* Form */
/* ------------------------------------------------------------------------------------------------ */
.field_group {
  margin: 0 0 20px;
}
.field_group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: 0 0 5px;
}
.field_group label.error, .field_group .validation_message {
  color: #D74022;
  font-weight: 400;
  padding: 4px 0;
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 16px;
}
.field_group.gfield_error .field {
  border-color: #009BDE;
}
.field_group .gfield_required {
  color: #009BDE;
  font-weight: 400;
}

.field {
  display: block;
  width: 100%;
  height: 36px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background: #FFF;
  padding: 8px 12px;
  font-size: 14px;
}
.field:focus {
  outline: none;
}
.field.error {
  border-color: #009BDE;
}

.form-group {
  margin-bottom: 12px;
  position: relative;
}
.form-group > label {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 5px;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.form-group > small {
  font-size: 12px;
  line-height: 16px;
}
.form-group > small a {
  color: #1C44D5;
}
.form-group > small a::hover {
  color: rgb(22.0746887967, 53.6099585062, 167.9253112033);
}
.form-group .form-check label {
  display: inline-block !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.form-group:last-child {
  margin-bottom: 0;
}
.form-group.error .form-control {
  border-color: #C0392B;
}
.form-group.error small.error {
  color: #C0392B;
}
.form-group.error .dropdown.bootstrap-select button.select-control {
  border-color: #C0392B;
}
.form-group.success {
  position: relative;
}
.form-group.success .form-control {
  border-color: #179E63;
}
.form-group.success::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/ic-check.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  right: 10px;
  bottom: 11px;
}
.form-group.success .dropdown.bootstrap-select button.select-control {
  border-color: #179E63;
}
.form-group.date::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/ic-calendar.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
  right: 10px;
  top: 43px;
}
.form-group:has(input[type=checkbox]).success::after, .form-group:has(button[type=submit]).success::after {
  display: none;
}
.form-group.form-hidden.success::after {
  display: none;
}

.form-action {
  position: relative;
}

.form-control {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  padding: 8px 16px;
  width: 100%;
}
.form-control:hover, .form-control:focus, .form-control:active:focus {
  outline: 0;
  border: 1px solid #4B61DD;
}
.form-control.disabled {
  background: #e9ecef;
}
.form-control.error {
  border-color: #c02a34;
}

.radio {
  margin: 12px 0 !important;
  position: relative;
  display: block;
  cursor: pointer;
}
.radio_con {
  font-weight: 400;
  padding-left: 30px;
}
.radio_con:before, .radio_con:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.radio_con:after {
  width: 8px;
  height: 8px;
  top: 6px;
  left: 6px;
  border: none;
}
.radio input[type=radio] {
  position: absolute;
  top: 0;
  width: 0;
  visibility: hidden;
}
.radio input[type=radio]:checked + div:before {
  background: #0060BF;
}
.radio.with-input .radio_con:before {
  top: 8px;
}
.radio.with-input .radio_con:after {
  top: 14px;
}
.radio + .radio {
  margin-top: 4px;
}

.dropdown.bootstrap-select {
  position: relative;
}
.dropdown.bootstrap-select select {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0.5px;
  height: 100%;
  padding: 0;
  opacity: 0;
  border: none;
  visibility: hidden;
}
.dropdown.bootstrap-select .btn, .dropdown.bootstrap-select button {
  cursor: pointer;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  font-size: 16px;
  letter-spacing: -0.04px;
  line-height: 42px;
  width: 100%;
  text-align: left;
  padding: 0 23px 0 12px;
  outline: none !important;
  background: #FFF;
  position: relative;
}
.dropdown.bootstrap-select .btn::after, .dropdown.bootstrap-select button::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23626B79" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
}
.dropdown.bootstrap-select div.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #AFAFAF;
  border-radius: 4px;
  margin: 2px 0 0;
  width: 100%;
  min-width: 100px;
  box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.25);
}
.dropdown.bootstrap-select div.dropdown-menu a {
  display: block;
  padding: 10px 12px;
  color: #485460;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}
.dropdown.bootstrap-select div.dropdown-menu li {
  position: relative;
}
.dropdown.bootstrap-select div.dropdown-menu li .fa {
  display: none;
}
.dropdown.bootstrap-select div.dropdown-menu li:hover a {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.dropdown.bootstrap-select div.dropdown-menu li.selected a, .dropdown.bootstrap-select div.dropdown-menu li.active a {
  background: rgba(0, 0, 0, 0.1);
}
.dropdown.bootstrap-select div.dropdown-menu.show {
  display: block;
}
.dropdown.bootstrap-select.show .bttn {
  border-color: #1565BE;
}

.bs-searchbox {
  padding: 10px;
  background: #eee;
}
.bs-searchbox .form-control {
  width: 100%;
  height: 40px;
  border: 1px solid #000;
  padding: 6px 12px;
}

.bs-placeholder .filter-option-inner-inner {
  color: #777;
}

li.no-results {
  padding: 10px;
}

.validation_error {
  display: none;
}

.gfield_radio > li {
  margin: 12px 0 !important;
  position: relative;
  display: block;
  padding-left: 30px;
}
.gfield_radio > li label, .gfield_radio > li div.con {
  font-weight: 400;
  cursor: pointer;
}
.gfield_radio > li label:before, .gfield_radio > li label:after, .gfield_radio > li div.con:before, .gfield_radio > li div.con:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.gfield_radio > li label:after, .gfield_radio > li div.con:after {
  width: 8px;
  height: 8px;
  top: 6px;
  left: 6px;
  border: none;
}
.gfield_radio > li input[type=radio] {
  position: absolute;
  top: 0;
  width: 0;
  visibility: hidden;
}
.gfield_radio > li input[type=radio]:checked + label, .gfield_radio > li input[type=radio]:before {
  background: #0060BF;
}
.gfield_radio > li.with-input .con:before {
  top: 8px;
}
.gfield_radio > li.with-input .con:after {
  top: 14px;
}
.gfield_radio > li + .radio {
  margin-top: 4px;
}

.bs .gform_wrapper form {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .bs .gform_wrapper form {
    flex-wrap: wrap;
  }
}
.bs .gform_wrapper ul li.gfield {
  margin: 0 !important;
  margin-top: 0 !important;
}
.bs .gform_wrapper ul li.gfield.gfield_error {
  background: none;
  border: none;
  padding: 0;
}
.bs .gform_wrapper .field_description_below .gfield_description {
  padding: 0;
  color: #009BDE;
  font-weight: 400;
  position: absolute;
}
.bs .gform_wrapper .field {
  height: 38px !important;
}
.bs .gform_wrapper .gform_footer {
  padding: 0 !important;
  margin: 0 !important;
  width: 150px;
  max-width: 150px;
}
.bs .gform_wrapper .gform_footer .gform_button {
  width: 100% !important;
  margin: 0 !important;
  line-height: 38px !important;
}
.bs .gform_wrapper .top_label input.medium,
.bs .gform_wrapper .top_label select.medium {
  width: 100% !important;
}
.bs .gform_wrapper .field_group {
  margin-bottom: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #FFF;
  border: 1px solid #E2E2E2;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

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

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #005FBF;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #005FBF;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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 {
  background-color: rgba(0, 123, 255, 0.5);
}

.date_field {
  position: relative;
}

.datepicker.datepicker-dropdown {
  position: absolute;
  background: #FFF;
  border: 1px solid #777;
  padding: 10px;
}

.btn-group.btn-group-toggle {
  background-color: #FFF;
  border-radius: 1.25rem;
  border: 3px solid #FFF;
  display: flex;
}
.btn-group.btn-group-toggle input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
}
.btn-group.btn-group-toggle .btn {
  display: block;
  flex-grow: 1;
  flex-basis: 1;
  font-size: 0.75rem;
  line-height: 1.429em;
  font-family: "Inter", sans-serif;
  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:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle .btn.active {
  border-color: #005FBF;
  background-color: #005FBF;
  color: #FFF;
}

.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 input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
}
.btn-group.btn-group--custom .btn {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 0.25rem;
  padding: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5em;
  margin: 0 0 1rem;
  cursor: pointer;
}
.btn-group.btn-group--custom .btn .icon {
  display: block;
  height: 2rem;
  width: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 0.5rem;
}
.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: #FFF;
  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 #FFF;
}

.custom-form .field_group:not(:last-child) {
  margin-bottom: 1.5rem;
}
.custom-form .field_group > label {
  display: block;
  color: #2B2A35;
  font-size: 1rem;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0 0 0.25rem;
}
.custom-form .field {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  color: #232933;
  background-color: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  transition: border-color 0.3s ease-in-out;
}
.custom-form .field:focus {
  border-color: #005FBF;
  outline: 0;
}
.custom-form .field::-moz-placeholder {
  color: #AAA;
  opacity: 1;
}
.custom-form .field::placeholder {
  color: #AAA;
  opacity: 1;
}
.custom-form .field:disabled, .custom-form .field[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.custom-form .multiple {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-weight: normal;
  color: #232933;
  background-color: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  transition: border-color 0.3s ease-in-out;
}
.custom-form .multiple:focus {
  border-color: #005FBF;
  outline: 0;
}
.custom-form .multiple::-moz-placeholder {
  color: #AAA;
  opacity: 1;
}
.custom-form .multiple::placeholder {
  color: #AAA;
  opacity: 1;
}
.custom-form .multiple:disabled, .custom-form .multiple[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.custom-form textarea.field {
  height: auto;
}
.custom-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.form-hidden {
  display: none;
  position: absolute;
  visibility: hidden;
}

.form-row small {
  display: none;
}
.form-row .error .form-control {
  border-color: #C02A34;
}
.form-row .error small {
  display: inline-block;
  color: #C02A34;
  font-size: 10px;
  line-height: 18px;
}

input:-internal-autofill-selected {
  background: #FFF !important;
}

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

.captcha-wrap {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

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

.captcha-canvas {
  /*prevent interaction with the canvas */
  pointer-events: none;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.captcha-canvas .captcha {
  background: #f6f6f7;
  border-radius: 6px;
}

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

/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
.masthead__meta, .masthead__subtitle {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  margin-bottom: 8px;
  color: #232933;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.masthead__meta .pill, .masthead__subtitle .pill {
  margin-left: 4px;
}
.masthead__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #2B2A35;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 56px;
  color: #2B2A35;
}
@media (max-width: 768px) {
  .masthead__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.masthead__content {
  padding: 64px 0;
}
.masthead__content.no-align {
  text-align: unset !important;
}
.masthead__content.no-align p {
  max-width: 100% !important;
}
.masthead__action {
  margin-left: -8px;
  margin-right: -8px;
}
.masthead__action .btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
.masthead__form {
  background: #FFFFFF;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 32px;
  border-radius: 8px;
}
@media (max-width: 991px) {
  .masthead--home .masthead__wrap {
    padding-top: 4rem !important;
  }
  .masthead--home .masthead__content {
    padding: 0 12px 0 12px !important;
  }
}
.masthead--home, .masthead--fitur-alt {
  position: relative;
}
.masthead--home .masthead__title, .masthead--fitur-alt .masthead__title {
  margin-left: auto;
  margin-right: auto;
  max-width: 83.333333%;
}
@media (max-width: 768px) {
  .masthead--home .masthead__title, .masthead--fitur-alt .masthead__title {
    max-width: 100%;
  }
}
.masthead--home .masthead__content, .masthead--fitur-alt .masthead__content {
  text-align: center;
  padding-bottom: 48px;
}
.masthead--home .masthead__content p, .masthead--fitur-alt .masthead__content p {
  max-width: 600px;
  margin: 0 auto 40px;
}
.masthead--home .masthead__action .btn, .masthead--fitur-alt .masthead__action .btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .masthead--home .masthead__action .btn, .masthead--fitur-alt .masthead__action .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.masthead--home.animate .masthead__title,
.masthead--home.animate .masthead__content p,
.masthead--home.animate .masthead__action, .masthead--fitur-alt.animate .masthead__title,
.masthead--fitur-alt.animate .masthead__content p,
.masthead--fitur-alt.animate .masthead__action {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.masthead--home.animate .masthead__content p, .masthead--fitur-alt.animate .masthead__content p {
  transition-delay: 0.25s;
}
.masthead--home.animate .masthead__action, .masthead--fitur-alt.animate .masthead__action {
  transition-delay: 0.2s;
}
.masthead--home.animate-in .masthead__title,
.masthead--home.animate-in .masthead__content p,
.masthead--home.animate-in .masthead__action, .masthead--fitur-alt.animate-in .masthead__title,
.masthead--fitur-alt.animate-in .masthead__content p,
.masthead--fitur-alt.animate-in .masthead__action {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.masthead--fitur-alt .masthead__content {
  padding-bottom: 80px;
}
.masthead--fitur-alt .masthead__content p:last-child {
  margin-bottom: 0;
}
.masthead--alt .masthead__media {
  position: relative;
}
.masthead--alt .masthead__media.show-sm {
  margin-bottom: 16px;
}
.masthead--alt .masthead__media .media {
  display: block;
  position: relative;
  width: 100%;
}
.masthead--alt .masthead__media .media--video {
  position: relative;
}
.masthead--alt .masthead__media .media--img img {
  display: block;
  width: 100%;
  height: auto;
}
.masthead--alt .masthead__media .media__cover {
  display: block;
  width: 100%;
  height: 100%;
}
.masthead--alt .masthead__media .media__play {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: url(../images/ic-play-circle-alt.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  animation: pulse 2s infinite;
}
.masthead--alt .masthead__wrap {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.masthead--alt .masthead__content {
  padding-top: 0;
  padding-bottom: 0;
}
.masthead--alt .masthead__desc {
  margin-bottom: 24px;
}
.masthead--alt .owl-dots .owl-dot {
  background: #E2E2E2;
  width: 32px;
  height: 4px;
  border-radius: 2px;
}
.masthead--alt .owl-dots .owl-dot.active {
  background: #009BDD;
}
@media (max-width: 991px) {
  .masthead--alt .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
.masthead--seo {
  position: relative;
}
.masthead--seo .masthead__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  color: #2B2A35;
  margin: 0 0 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 83.333333%;
}
@media (max-width: 768px) {
  .masthead--seo .masthead__title {
    max-width: 100%;
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.masthead--seo .masthead__content {
  text-align: center;
  padding-bottom: 48px;
}
.masthead--seo .masthead__content p {
  max-width: 600px;
  margin: 0 auto 40px;
}
.masthead--seo .masthead__meta {
  display: inline-flex;
}
.masthead--seo .masthead__desc {
  margin-bottom: 24px;
}
.masthead--seo .masthead__action .btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .masthead--seo .masthead__action .btn {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.masthead--seo.animate .masthead__title,
.masthead--seo.animate .masthead__content p,
.masthead--seo.animate .masthead__action {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.masthead--seo.animate .masthead__content p {
  transition-delay: 0.2s;
}
.masthead--seo.animate .masthead__action {
  transition-delay: 0.2s;
}
.masthead--seo.animate-in .masthead__title,
.masthead--seo.animate-in .masthead__content p,
.masthead--seo.animate-in .masthead__action {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.masthead--seo .masthead__content {
  padding-bottom: 80px;
}
.masthead--seo .masthead__content p:last-child {
  margin-bottom: 0;
}
.masthead--m-overview .masthead__left, .masthead--m-integration .masthead__left, .masthead--fitur .masthead__left, .masthead--solusi .masthead__left, .masthead--pricing-alt .masthead__left {
  padding-top: 36px;
  padding-bottom: 36px;
}
.masthead--m-overview .masthead__content, .masthead--m-integration .masthead__content, .masthead--fitur .masthead__content, .masthead--solusi .masthead__content, .masthead--pricing-alt .masthead__content {
  padding-top: 50px;
  padding-bottom: 90px;
}
.masthead--m-overview .masthead__desc, .masthead--m-integration .masthead__desc, .masthead--fitur .masthead__desc, .masthead--solusi .masthead__desc, .masthead--pricing-alt .masthead__desc {
  margin-bottom: 24px;
}
.masthead--m-overview .masthead__desc p:last-child, .masthead--m-integration .masthead__desc p:last-child, .masthead--fitur .masthead__desc p:last-child, .masthead--solusi .masthead__desc p:last-child, .masthead--pricing-alt .masthead__desc p:last-child {
  margin-bottom: 0;
}
.masthead--m-overview .masthead__action + .masthead__media, .masthead--m-integration .masthead__action + .masthead__media, .masthead--fitur .masthead__action + .masthead__media, .masthead--solusi .masthead__action + .masthead__media, .masthead--pricing-alt .masthead__action + .masthead__media {
  padding-top: 32px;
}
.masthead--m-overview .masthead__media, .masthead--m-integration .masthead__media, .masthead--fitur .masthead__media, .masthead--solusi .masthead__media, .masthead--pricing-alt .masthead__media {
  position: relative;
}
.masthead--m-overview .masthead__media .media, .masthead--m-integration .masthead__media .media, .masthead--fitur .masthead__media .media, .masthead--solusi .masthead__media .media, .masthead--pricing-alt .masthead__media .media {
  display: block;
  position: relative;
  width: 100%;
}
.masthead--m-overview .masthead__media .media--video, .masthead--m-integration .masthead__media .media--video, .masthead--fitur .masthead__media .media--video, .masthead--solusi .masthead__media .media--video, .masthead--pricing-alt .masthead__media .media--video {
  padding-top: 83.333333%;
  position: relative;
}
.masthead--m-overview .masthead__media .media--img img, .masthead--m-integration .masthead__media .media--img img, .masthead--fitur .masthead__media .media--img img, .masthead--solusi .masthead__media .media--img img, .masthead--pricing-alt .masthead__media .media--img img {
  display: block;
  width: 100%;
  height: auto;
}
.masthead--m-overview .masthead__media .media__cover, .masthead--m-integration .masthead__media .media__cover, .masthead--fitur .masthead__media .media__cover, .masthead--solusi .masthead__media .media__cover, .masthead--pricing-alt .masthead__media .media__cover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.masthead--m-overview .masthead__media .media__play, .masthead--m-integration .masthead__media .media__play, .masthead--fitur .masthead__media .media__play, .masthead--solusi .masthead__media .media__play, .masthead--pricing-alt .masthead__media .media__play {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: url(../images/ic-play-circle-alt.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  animation: pulse 2s infinite;
}
.masthead--m-overview .masthead__full, .masthead--m-integration .masthead__full, .masthead--fitur .masthead__full, .masthead--solusi .masthead__full, .masthead--pricing-alt .masthead__full {
  padding-top: 30px;
  padding-bottom: 40px;
}
.masthead--m-overview .masthead__full .masthead__media .media--video, .masthead--m-integration .masthead__full .masthead__media .media--video, .masthead--fitur .masthead__full .masthead__media .media--video, .masthead--solusi .masthead__full .masthead__media .media--video, .masthead--pricing-alt .masthead__full .masthead__media .media--video {
  padding-top: 40.849673%;
}
.masthead--m-customers .masthead__meta {
  justify-content: center;
}
.masthead--m-integration .masthead__content {
  padding-bottom: 50px;
}
.masthead--m-customers .masthead__subtitle,
.masthead--m-customers .masthead__meta, .masthead--solusi-center .masthead__subtitle,
.masthead--solusi-center .masthead__meta, .masthead--pricing .masthead__subtitle,
.masthead--pricing .masthead__meta {
  text-align: center;
  justify-content: center;
}
.masthead--m-customers .masthead__title, .masthead--solusi-center .masthead__title, .masthead--pricing .masthead__title {
  margin: 0;
}
.masthead--m-customers .masthead__title.small, .masthead--solusi-center .masthead__title.small, .masthead--pricing .masthead__title.small {
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .masthead--m-customers .masthead__title.small, .masthead--solusi-center .masthead__title.small, .masthead--pricing .masthead__title.small {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.masthead--m-customers .masthead__content, .masthead--solusi-center .masthead__content, .masthead--pricing .masthead__content {
  text-align: center;
  padding-bottom: 48px;
}
.masthead--m-customers .masthead__media, .masthead--solusi-center .masthead__media, .masthead--pricing .masthead__media {
  padding-top: 48px;
  position: relative;
}
.masthead--m-customers .masthead__media .media, .masthead--solusi-center .masthead__media .media, .masthead--pricing .masthead__media .media {
  display: block;
  position: relative;
  width: 100%;
}
.masthead--m-customers .masthead__media .media--img img, .masthead--solusi-center .masthead__media .media--img img, .masthead--pricing .masthead__media .media--img img {
  display: block;
  width: 100%;
  height: auto;
}
.masthead--m-customers .masthead__media .media--logo, .masthead--solusi-center .masthead__media .media--logo, .masthead--pricing .masthead__media .media--logo {
  display: flex;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
}
.masthead--m-customers .masthead__media .media .logo-col, .masthead--solusi-center .masthead__media .media .logo-col, .masthead--pricing .masthead__media .media .logo-col {
  position: relative;
  display: block;
  width: 100%;
  max-width: 14.285714%;
  flex: 0 0 14.285714%;
  padding: 0 8px;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(1), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(1), .masthead--pricing .masthead__media .media .logo-col:nth-child(1) {
  margin-top: 9%;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(2), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(2), .masthead--pricing .masthead__media .media .logo-col:nth-child(2) {
  margin-top: 14%;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(3), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(3), .masthead--pricing .masthead__media .media .logo-col:nth-child(3) {
  margin-top: 7%;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(5), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(5), .masthead--pricing .masthead__media .media .logo-col:nth-child(5) {
  margin-top: 14%;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(6), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(6), .masthead--pricing .masthead__media .media .logo-col:nth-child(6) {
  margin-top: 7%;
}
.masthead--m-customers .masthead__media .media .logo-col:nth-child(7), .masthead--solusi-center .masthead__media .media .logo-col:nth-child(7), .masthead--pricing .masthead__media .media .logo-col:nth-child(7) {
  margin-top: 14%;
}
.masthead--m-customers .masthead__media .media .logo-col .item, .masthead--solusi-center .masthead__media .media .logo-col .item, .masthead--pricing .masthead__media .media .logo-col .item {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.masthead--m-customers .masthead__media .media .logo-col img, .masthead--solusi-center .masthead__media .media .logo-col img, .masthead--pricing .masthead__media .media .logo-col img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.masthead--fitur .masthead__content, .masthead--pricing-alt .masthead__content {
  padding-bottom: 30px;
}
.masthead--promo {
  background: radial-gradient(73.27% 70.82% at 50% 65.13%, #81B8D4 0%, #007DE5 37.44%, #004DC2 100%);
  color: #FFF;
}
.masthead--promo .masthead__left {
  text-align: left;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .masthead--promo .masthead__left {
    padding-right: 12px;
  }
}
.masthead--promo .masthead__title {
  color: #FFF;
  position: relative;
}
.masthead--promo .masthead__hero {
  margin-bottom: 15px;
}
.masthead--promo .masthead__content {
  text-align: center;
}
.masthead--promo .masthead__desc {
  margin-bottom: 24px;
}
.masthead--promo .masthead__action .btn:last-child {
  margin-left: 12px;
}
@media (max-width: 991px) {
  .masthead--promo .masthead__action .btn:last-child {
    margin-left: 0;
  }
}
.masthead--promo .masthead__logo {
  margin-bottom: 48px;
}
.masthead--promo .masthead__form {
  background: #FFF;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 8px;
  padding: 40px;
  text-align: left;
  color: #232933;
}
.masthead--promo .masthead__form .form-group > label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #232933;
}
@media (max-width: 768px) {
  .masthead--promo .masthead__form {
    padding: 40px 16px;
  }
}
.masthead--promo-alt .masthead__content {
  padding: 0 0 35px;
}
.masthead--promo-alt .masthead__title {
  font-size: 2rem;
  line-height: 3rem;
}
.masthead--promo-alt .masthead__desc {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .masthead--landing .masthead__hero {
    display: none;
  }
}
@media (max-width: 991px) {
  .masthead .masthead__wrap {
    padding: 1.875rem 8px;
  }
  .masthead .masthead__content {
    padding: 0 12px 40px 12px;
  }
  .masthead .masthead__meta,
  .masthead .masthead__subtitle {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: start;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .masthead .masthead__meta > span.badge,
  .masthead .masthead__subtitle > span.badge {
    width: 156px;
  }
  .masthead .masthead__meta div .span.badge,
  .masthead .masthead__subtitle div .span.badge {
    width: auto;
  }
  .masthead .masthead__title {
    font-size: 32px;
    line-height: 40px;
  }
  .masthead .masthead__action {
    margin-left: 0;
    margin-right: 0;
  }
  .masthead .masthead__action a {
    margin-left: 0;
    margin-right: 0;
  }
  .masthead .masthead__action a.first, .masthead .masthead__action a:first-child {
    margin-bottom: 16px;
  }
  .masthead .masthead__media {
    margin-top: 25px;
  }
  .masthead .masthead__form {
    margin-top: 40px;
    padding: 24px;
  }
  .masthead--m-overview .masthead__left, .masthead--m-integration .masthead__left, .masthead--fitur .masthead__left {
    padding-top: 18px;
    padding-bottom: 32px;
  }
  .masthead--m-overview .masthead__content, .masthead--m-integration .masthead__content, .masthead--fitur .masthead__content {
    padding-top: 25px;
    padding-bottom: 60px;
  }
  .masthead--m-overview .masthead__action, .masthead--m-integration .masthead__action, .masthead--fitur .masthead__action {
    padding-top: 0;
  }
  .masthead--m-overview .masthead__media .media--img, .masthead--m-integration .masthead__media .media--img, .masthead--fitur .masthead__media .media--img {
    padding-left: 0;
  }
  .masthead--m-integration .masthead__content {
    padding-bottom: 30px;
  }
  .masthead--m-customers .masthead__meta {
    justify-content: center !important;
  }
  .masthead--m-customers .masthead__content {
    text-align: center;
  }
  .masthead--m-customers .masthead__media {
    padding-top: 48px;
  }
  .masthead--fitur .masthead__content {
    padding-bottom: 20px;
  }
}
.masthead--promo-alt {
  background: conic-gradient(from 62.36deg at 64.53% 47.25%, #0050C4 0deg, #008CF2 360deg);
  color: #FFF;
  padding: 5rem 0 24px 0;
}
.masthead--promo-alt .masthead__content {
  padding-bottom: 0;
}
.masthead--promo-alt .masthead__title {
  color: #FFF;
  font-size: 3rem;
  line-height: 3.5rem;
}
.masthead--promo-alt .masthead__desc {
  margin: 0 0 40px 0;
}
.masthead--promo-alt .masthead__action {
  margin-bottom: 48px;
}
.masthead--promo-alt .masthead__action .btn-white {
  color: #009BDE;
  border-color: #FFF;
}
.masthead--promo-alt .masthead__action .btn-white:hover {
  background: rgb(229.5, 229.5, 229.5);
}
.masthead--promo-alt .masthead__action .btn-white-border:hover {
  color: #009BDE !important;
}
.masthead--promo-alt .masthead__logo {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .masthead--promo-alt {
    background: conic-gradient(from 62.36deg at 64.53% 47.25%, #0050C4 0deg, #008CF2 360deg);
    padding: 5rem 0 24px 0;
  }
  .masthead--promo-alt .masthead__logo {
    margin-bottom: 40px;
  }
  .masthead--promo-alt .masthead__logo img {
    width: 130px;
  }
  .masthead--promo-alt .masthead__wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .masthead--promo-alt .masthead__content {
    padding-top: 0;
  }
  .masthead--promo-alt .masthead__title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 40px;
  }
  .masthead--promo-alt .masthead__title br {
    display: none;
  }
  .masthead--promo-alt .masthead__desc {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 12px;
    display: none;
  }
  .masthead--promo-alt .masthead__desc br {
    display: none;
  }
  .masthead--promo-alt .masthead__action {
    margin-bottom: 40px;
    padding: 0 16px;
  }
  .masthead--promo-alt .masthead__action a {
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
  .masthead--promo-alt .masthead__action a:last-child {
    margin-bottom: 0;
  }
  .masthead--promo-alt .masthead__img img {
    height: auto;
  }
}
.masthead--industry .masthead__content {
  padding-top: 32px;
  padding-bottom: 32px;
}
.masthead--industry .masthead__desc {
  margin-bottom: 24px;
}

.featured__images {
  position: relative;
  max-width: 900px;
  margin: 0 auto 48px;
}
.featured__images .item {
  position: relative;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 62%;
  margin: 0 auto;
}
.featured__images .item img,
.featured__images .item video {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .featured__images {
    margin-bottom: 12px;
  }
  .featured__images .item {
    width: calc(100% - 72px);
  }
}
.featured__thumbs {
  position: relative;
}
.featured__thumbs .owl-nav {
  display: none;
}
.featured__thumbs .nav {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
.featured__thumbs .item {
  display: block;
  width: 100%;
  max-width: 25%;
  flex: 0 0 25%;
  padding-left: 12px;
  padding-right: 12px;
}
.featured__thumbs .item__title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #2B2A35;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (max-width: 991px) {
  .featured__thumbs {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
  }
  .featured__thumbs .owl-nav {
    display: block;
  }
  .featured__thumbs .item {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .featured__thumbs .item:not(.active) {
    display: none;
  }
}
.featured__thumbs .nav-link {
  display: flex;
  position: relative;
  height: 100%;
  flex-direction: column;
  position: relative;
  padding: 20px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  cursor: pointer;
  min-height: 144px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in-out;
}
.featured__thumbs .nav-link:hover {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.featured__thumbs .nav-link::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 2px solid #009BDE;
  opacity: 0;
  transition: all 0.4s ease;
}
.featured__thumbs .nav-link.active:after {
  opacity: 1;
}
.featured__slider {
  position: relative;
  max-width: 1100px;
  margin: 0 auto 48px;
}
.featured__slider .owl-stage-outer {
  overflow: visible;
}
.featured__slider .owl-stage-outer .owl-item {
  opacity: 1;
  transform: scale(1);
  transition: all 0.75s ease-in-out;
}
.featured__slider .owl-stage-outer .owl-item:not(.active) {
  opacity: 0;
  transform: scale(0.5);
}
.featured__slider .item {
  position: relative;
  display: block;
  position: relative;
  width: 100%;
  padding-top: 62%;
  margin: 0 auto;
}
.featured__slider .item img,
.featured__slider .item video {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .featured__slider .item {
    width: 100%;
    height: 62%;
  }
}
@media (max-width: 375px) {
  .featured__slider .item {
    padding-top: 40%;
  }
}
.featured__tab {
  position: relative;
  max-width: 1224px;
  margin: 0 auto -16px;
}
.featured__tab .owl-item {
  padding: 0 12px;
}
.featured__tab .owl-item:first-child {
  padding-left: 0;
}
.featured__tab .owl-item:last-child {
  padding-right: 0;
}
.featured__tab .item {
  position: relative;
  padding: 20px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  cursor: pointer;
  min-height: 144px;
  margin-bottom: 16px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  transition: all 0.3s ease-in-out;
}
.featured__tab .item:hover {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.featured__tab .item .progress {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.featured__tab .item__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #2B2A35;
}
.featured__tab .current .item {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.featured__tab .current .item .progress {
  opacity: 1;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.featured__tab .current .item .progress path,
.featured__tab .current .item .progress rect {
  stroke-dasharray: 1000;
  animation: dash 9s linear;
}
.featured--home {
  padding-bottom: 80px;
  min-height: 50vh;
}
.featured--home .featured__slider {
  max-width: 900px;
}
.featured--home.animate .featured__wrap {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.75s;
}
.featured--home.animate-in .featured__wrap {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.featured--fitur {
  padding-bottom: 80px;
}
.featured--fitur .featured__images {
  max-width: 808px;
}
.featured--fitur .featured__thumbs .item {
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
}
.featured--fitur .featured__thumbs .item__action {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .featured--fitur .featured__thumbs .item {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.featured--fitur.animate .featured__wrap {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.75s;
}
.featured--fitur.animate-in .featured__wrap {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.featured--solusi {
  padding-top: 80px;
  padding-bottom: 80px;
}
.featured--solusi .section-head {
  padding-bottom: 32px;
}
.featured--solusi .featured__slider {
  max-width: 808px;
}
.featured--solusi .featured__tab .item {
  min-height: 170px;
}
.featured--solusi.animate .featured__wrap {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.75s;
}
.featured--solusi.animate-in .featured__wrap {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 1200px) {
  .featured__slider .item {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .featured__tab {
    padding: 0 24px;
  }
  .featured__tab .owl-item {
    padding: 0 12px;
  }
  .featured__tab .owl-item:first-child {
    padding-left: 12px;
  }
  .featured__tab .owl-item:last-child {
    padding-right: 12px;
  }
  .featured .owl-nav .owl-prev {
    left: -20px;
  }
  .featured .owl-nav .owl-next {
    right: -20px;
  }
}
@media (max-width: 375px) {
  .featured--home, .featured--fitur {
    padding-bottom: 60px;
  }
}

.reason__slider__wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.reason__slider .item {
  display: block;
  width: 100%;
  max-width: 624px;
  position: relative;
}
.reason__slider .item .img {
  width: 100%;
  height: auto;
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.reason__title {
  margin-bottom: 32px;
}
.reason__tab {
  position: relative;
}
.reason__tab ul {
  position: relative;
}
.reason__tab .item {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 46px;
  margin-bottom: 32px;
  opacity: 0.5;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  transition: all 0.4s linear;
}
.reason__tab .item:before, .reason__tab .item:after {
  z-index: 2;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 4px;
  background: #232933;
  transform: none;
  transition: transform 0.1s ease-in-out, background 0.2s linear;
}
.reason__tab .item:before {
  z-index: 1;
  background: #005FBF;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 2px;
  left: 2px;
  opacity: 0.2;
  transform: scale(0);
}
.reason__tab .item:hover, .reason__tab .item.active {
  opacity: 1;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.reason__tab .item:hover:before, .reason__tab .item.active:before {
  transform: scale(1);
}
.reason__tab .item:hover:after, .reason__tab .item.active:after {
  background: #4B61DD;
}
.reason__cta {
  margin-left: -12px;
  margin-right: -12px;
}
.reason__cta .btn {
  margin: 0 12px;
}
.reason--home {
  padding-top: 80px;
  padding-bottom: 80px;
}
.reason--home.animate .reason__slider {
  transform: translateX(-100px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.2s;
}
.reason--home.animate .reason__title,
.reason--home.animate .reason__tab .item,
.reason--home.animate .reason__cta {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.reason--home.animate .reason__title {
  transition-delay: 1s;
}
.reason--home.animate .reason__tab .item:nth-child(1) {
  transition-delay: 1.25s;
}
.reason--home.animate .reason__tab .item:nth-child(2) {
  transition-delay: 1.5s;
}
.reason--home.animate .reason__tab .item:nth-child(3) {
  transition-delay: 1.75s;
}
.reason--home.animate .reason__tab .item:nth-child(4) {
  transition-delay: 2s;
}
.reason--home.animate .reason__tab .item:nth-child(5) {
  transition-delay: 2.25s;
}
.reason--home.animate .reason__cta {
  transition-delay: 2.5s;
}
.reason--home.animate-in .reason__slider,
.reason--home.animate-in .reason__title,
.reason--home.animate-in .reason__tab .item,
.reason--home.animate-in .reason__cta {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 991px) {
  .reason__cta {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .reason__cta .btn {
    min-width: 100%;
    margin: 0;
  }
  .reason__cta .btn:first-child {
    margin-bottom: 16px;
  }
}
@media (max-width: 375px) {
  .reason__slider .item {
    padding: 0;
    margin-bottom: 24px;
  }
  .reason--home {
    padding: 60px 0;
  }
}

.feature__title {
  max-width: 600px;
  margin: 0 auto 16px;
  text-align: center;
}
.feature__content {
  max-width: 600px;
  margin: 0 auto 48px;
  text-align: center;
}
.feature__action {
  display: inline-block;
}
.feature .item {
  margin-bottom: 48px;
}
.feature .item__img {
  position: relative;
  max-height: 56px;
  margin-bottom: 8px;
}
.feature .item__img .img {
  display: block;
  height: 100%;
  width: auto;
}
@media (max-width: 768px) {
  .feature .item__img {
    vertical-align: top;
    display: inline-block;
    width: 56px;
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .feature .item__meta {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 68px);
  }
}
.feature .item__title {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 12px;
}
.feature--home {
  padding-top: 80px;
  padding-bottom: 32px;
}
.feature--home.animate .feature__title,
.feature--home.animate .feature__content p,
.feature--home.animate .feature__action,
.feature--home.animate .col-lg-3 {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.feature--home.animate-in .feature__title,
.feature--home.animate-in .feature__content p,
.feature--home.animate-in .feature__action,
.feature--home.animate-in .col-lg-3 {
  transform: translateX(0px) translateY(0) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.feature--home.animate-in .feature__content p {
  transition-delay: 0.25s;
}
.feature--home.animate-in .feature__action {
  transition-delay: 0.5s;
}
.feature--home.animate-in .col-lg-3:nth-child(1) {
  transition-delay: 0.75s;
}
.feature--home.animate-in .col-lg-3:nth-child(2) {
  transition-delay: 1s;
}
.feature--home.animate-in .col-lg-3:nth-child(3) {
  transition-delay: 1.25s;
}
.feature--home.animate-in .col-lg-3:nth-child(4) {
  transition-delay: 1.5s;
}
.feature--home.animate-in .col-lg-3:nth-child(5) {
  transition-delay: 1.75s;
}
.feature--home.animate-in .col-lg-3:nth-child(6) {
  transition-delay: 2s;
}
.feature--home.animate-in .col-lg-3:nth-child(7) {
  transition-delay: 2.25s;
}
.feature--home.animate-in .col-lg-3:nth-child(8) {
  transition-delay: 2.5s;
}
.feature--landing {
  padding-bottom: 64px;
}
.feature--landing .feature__title {
  max-width: 808px;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 3.375rem;
}
@media (max-width: 375px) {
  .feature--home {
    padding: 40px 0;
  }
}

.marquee-container:after {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}

.our-customer__title,
.case-studies__title {
  max-width: 650px;
  margin: 0 auto 16px;
  text-align: center;
}
.our-customer__content,
.case-studies__content {
  max-width: 600px;
  margin: 0 auto 48px;
  text-align: center;
}
.our-customer__list,
.case-studies__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.our-customer__list .item,
.case-studies__list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 16.666667%;
  flex: 0 0 16.666667%;
  min-height: 64px;
  padding: 6px;
}
.our-customer__list .item img,
.case-studies__list .item img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .our-customer__list .item:nth-child(n+10),
  .case-studies__list .item:nth-child(n+10) {
    display: none;
  }
}
.our-customer__slider,
.case-studies__slider {
  margin-bottom: 32px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.our-customer__slider .item,
.case-studies__slider .item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 24px;
}
.our-customer__slider .item img,
.case-studies__slider .item img {
  display: block;
  width: auto;
  height: auto;
  max-height: 56px;
  margin: 0 auto;
}
.our-customer__slider .owl-stage-outer,
.case-studies__slider .owl-stage-outer {
  overflow: visible;
}
.our-customer__action,
.case-studies__action {
  text-align: center;
  margin-bottom: 64px;
}
.our-customer__action a,
.case-studies__action a {
  margin-right: 16px;
}
.our-customer__action a:last-child,
.case-studies__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .our-customer__action a,
  .case-studies__action a {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
  .our-customer__action a:last-child,
  .case-studies__action a:last-child {
    margin-bottom: 0;
  }
}
.our-customer__cta,
.case-studies__cta {
  text-align: center;
  margin-bottom: 64px;
}
.our-customer__cta a,
.case-studies__cta a {
  margin-right: 16px;
}
.our-customer__cta a:last-child,
.case-studies__cta a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .our-customer__cta a,
  .case-studies__cta a {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
  .our-customer__cta a:last-child,
  .case-studies__cta a:last-child {
    margin-bottom: 0;
  }
}
.our-customer__toolbar,
.case-studies__toolbar {
  padding-top: 10px;
  padding-bottom: 56px;
  position: relative;
  z-index: 2;
}
.our-customer__toolbar form,
.case-studies__toolbar form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.our-customer__toolbar .form-group,
.case-studies__toolbar .form-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  max-width: 240px;
}
.our-customer__toolbar .form-group label,
.case-studies__toolbar .form-group label {
  flex: 0 0 100%;
  width: 100%;
}
.our-customer__toolbar .dropdown.bootstrap-select,
.case-studies__toolbar .dropdown.bootstrap-select {
  flex: 0 0 100%;
  width: 100%;
  display: inline-block;
}
.our-customer__toolbar .dropdown.bootstrap-select .bttn,
.case-studies__toolbar .dropdown.bootstrap-select .bttn {
  min-width: 100px;
  padding: 0 30px 0 12px;
  font-size: 14px;
  line-height: 34px;
}
.our-customer__toolbar .dropdown.bootstrap-select .bttn:after,
.case-studies__toolbar .dropdown.bootstrap-select .bttn:after {
  top: 50%;
  transform: translateY(-50%);
  line-height: 36px;
}
.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu,
.case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu {
  min-width: 220px !important;
}
.our-customer__toolbar .dropdown.bootstrap-select .dropdown-menu .inner,
.case-studies__toolbar .dropdown.bootstrap-select .dropdown-menu .inner {
  overflow-x: hidden;
}
.our-customer__toolbar .slider-category,
.case-studies__toolbar .slider-category {
  position: relative;
  overflow: hidden;
}
.our-customer__toolbar .slider-category__nav,
.case-studies__toolbar .slider-category__nav {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 0;
}
.our-customer__toolbar .slider-category__wrap,
.case-studies__toolbar .slider-category__wrap {
  z-index: 1;
  position: relative;
  white-space: nowrap;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.our-customer__toolbar .slider-category .item-nav,
.case-studies__toolbar .slider-category .item-nav {
  width: 60px;
  height: 36px;
  background: #FFF;
  background: linear-gradient(90deg, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
  padding: 3px 0;
  cursor: pointer;
}
.our-customer__toolbar .slider-category .item-nav .svg,
.case-studies__toolbar .slider-category .item-nav .svg {
  display: block;
}
.our-customer__toolbar .slider-category .item-nav .svg path,
.case-studies__toolbar .slider-category .item-nav .svg path {
  fill: #232933;
  transition: all 0.3s ease-in-out;
}
.our-customer__toolbar .slider-category .item-nav.prev,
.case-studies__toolbar .slider-category .item-nav.prev {
  display: none;
}
.our-customer__toolbar .slider-category .item-nav.next,
.case-studies__toolbar .slider-category .item-nav.next {
  margin-left: auto;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%);
}
.our-customer__toolbar .slider-category .item-nav.next .svg,
.case-studies__toolbar .slider-category .item-nav.next .svg {
  margin-left: auto;
}
.our-customer__toolbar .slider-category .item-nav:hover .svg path,
.case-studies__toolbar .slider-category .item-nav:hover .svg path {
  fill: #2B2A35;
}
.our-customer__toolbar .slider-category .item,
.case-studies__toolbar .slider-category .item {
  display: inline-block;
  margin: 0 4px;
  padding: 6px 8px;
  border-radius: 4px;
}
.our-customer__toolbar .slider-category .item__link,
.case-studies__toolbar .slider-category .item__link {
  color: #232933;
}
.our-customer__toolbar .slider-category .item__link:hover,
.case-studies__toolbar .slider-category .item__link:hover {
  color: #4B61DD;
}
.our-customer__toolbar .slider-category .item.active,
.case-studies__toolbar .slider-category .item.active {
  background: #F2F4F7;
}
.our-customer__toolbar .slider-category .item.active .item__link,
.case-studies__toolbar .slider-category .item.active .item__link {
  color: #2B2A35;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.our-customer__posts,
.case-studies__posts {
  position: relative;
}
.our-customer .slider .owl-item > div,
.case-studies .slider .owl-item > div {
  max-width: 100%;
}
.our-customer .post,
.case-studies .post {
  margin-bottom: 40px;
}
.our-customer .post__img,
.case-studies .post__img {
  position: relative;
  cursor: pointer;
}
.our-customer .post__img .play,
.case-studies .post__img .play {
  position: absolute;
  z-index: 2;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.our-customer .post__img .play .icon,
.case-studies .post__img .play .icon {
  width: 48px;
  height: 48px;
  display: block;
}
.our-customer .post__img .play:after,
.case-studies .post__img .play:after {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #4B61DD;
  opacity: 0.2;
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  transform: scale(0.5);
  transition: all 0.5s ease-in-out;
}
.our-customer .post__img .block-img,
.case-studies .post__img .block-img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 4px 4px 0 0;
}
.our-customer .post__img .block-img img,
.case-studies .post__img .block-img img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.our-customer .post__img:hover .play:after,
.case-studies .post__img:hover .play:after {
  transform: scale(1);
}
.our-customer .post__content,
.case-studies .post__content {
  padding: 24px;
  border: 1px solid #E2E2E2;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.our-customer .post__title,
.case-studies .post__title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
}
.our-customer .post__title a,
.case-studies .post__title a {
  color: #2B2A35;
}
.our-customer .post__title:hover a,
.case-studies .post__title:hover a {
  color: #4B61DD;
}
.our-customer .post__category,
.case-studies .post__category {
  display: block;
  margin-bottom: 4px;
}
.our-customer .post__category a,
.case-studies .post__category a {
  color: #232933;
}
.our-customer .post__category:hover a,
.case-studies .post__category:hover a {
  color: #232933;
  text-decoration: underline;
}
.our-customer .post p,
.case-studies .post p {
  display: block;
  padding-top: 8px;
  margin-bottom: 16px;
}
.our-customer__cta,
.case-studies__cta {
  text-align: center;
}
.our-customer--home,
.case-studies--home {
  position: relative;
  background: #F8FAFC;
  margin-top: 6vw;
  padding-bottom: 80px;
}
.our-customer--home:before,
.case-studies--home:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 10vw;
  background: url(../images/bg-shape-02.svg) no-repeat top center;
  background-size: 100% auto;
  position: absolute;
  top: -6vw;
  left: 0;
  right: 0;
  z-index: -1;
}
.our-customer--m-overview,
.case-studies--m-overview {
  padding-top: 80px;
  padding-bottom: 80px;
}
.our-customer--m-overview .our-customer__slider,
.case-studies--m-overview .our-customer__slider {
  margin-bottom: 0;
}
.our-customer--pricing,
.case-studies--pricing {
  padding-top: 80px;
  padding-bottom: 80px;
}
.our-customer--pricing .our-customer__slider,
.case-studies--pricing .our-customer__slider {
  margin-top: 48px;
  margin-bottom: 0;
}
.our-customer--solusi,
.case-studies--solusi {
  padding-top: 80px;
  padding-bottom: 80px;
}
.our-customer--solusi .our-customer__title,
.case-studies--solusi .our-customer__title {
  margin-bottom: 32px;
}
.our-customer--solusi .our-customer__slider,
.case-studies--solusi .our-customer__slider {
  margin-bottom: 40px;
}
.our-customer.animate .our-customer__title,
.our-customer.animate .our-customer__content,
.our-customer.animate .our-customer__slider,
.our-customer.animate .our-customer__cta,
.our-customer.animate .case-studies__toolbar,
.our-customer.animate .our-customer__posts .col-md-4,
.case-studies.animate .our-customer__title,
.case-studies.animate .our-customer__content,
.case-studies.animate .our-customer__slider,
.case-studies.animate .our-customer__cta,
.case-studies.animate .case-studies__toolbar,
.case-studies.animate .our-customer__posts .col-md-4 {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.our-customer.animate-in .our-customer__title,
.our-customer.animate-in .our-customer__content,
.our-customer.animate-in .our-customer__slider,
.our-customer.animate-in .our-customer__cta,
.our-customer.animate-in .case-studies__toolbar,
.our-customer.animate-in .our-customer__posts .col-md-4,
.case-studies.animate-in .our-customer__title,
.case-studies.animate-in .our-customer__content,
.case-studies.animate-in .our-customer__slider,
.case-studies.animate-in .our-customer__cta,
.case-studies.animate-in .case-studies__toolbar,
.case-studies.animate-in .our-customer__posts .col-md-4 {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.our-customer.animate-in .our-customer__content,
.case-studies.animate-in .our-customer__content {
  transition-delay: 0.25s;
}
.our-customer.animate-in .our-customer__slider,
.our-customer.animate-in .our-customer__cta,
.case-studies.animate-in .our-customer__slider,
.case-studies.animate-in .our-customer__cta {
  transition-delay: 0.5s;
}
.our-customer.animate-in .our-customer__posts .col-md-4:nth-child(1),
.case-studies.animate-in .our-customer__posts .col-md-4:nth-child(1) {
  transition-delay: 0.75s;
}
.our-customer.animate-in .our-customer__posts .col-md-4:nth-child(2),
.case-studies.animate-in .our-customer__posts .col-md-4:nth-child(2) {
  transition-delay: 1s;
}
.our-customer.animate-in .our-customer__posts .col-md-4:nth-child(3),
.case-studies.animate-in .our-customer__posts .col-md-4:nth-child(3) {
  transition-delay: 1.25s;
}
.our-customer .pagination-row,
.case-studies .pagination-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.our-customer .pagination-row ul,
.case-studies .pagination-row ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.our-customer .pagination-row ul li,
.case-studies .pagination-row ul li {
  display: inline-flex;
}
.our-customer .pagination-row ul .page-numbers,
.case-studies .pagination-row ul .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  color: #626b79;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  border-radius: 50%;
  text-align: center;
}
.our-customer .pagination-row ul .page-numbers.current,
.case-studies .pagination-row ul .page-numbers.current {
  background-color: #eaecfb;
  color: #4b61dd;
}
.our-customer .pagination-row ul .page-numbers:hover,
.case-studies .pagination-row ul .page-numbers:hover {
  color: #4b61dd;
}
@media (max-width: 375px) {
  .our-customer__toolbar .right,
  .case-studies__toolbar .right {
    padding-top: 16px;
  }
  .our-customer--home,
  .case-studies--home {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .our-customer--m-overview, .our-customer--pricing,
  .case-studies--m-overview,
  .case-studies--pricing {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 560px) {
  .our-customer__toolbar .form-group,
  .case-studies__toolbar .form-group {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.case-studies {
  padding-bottom: 80px;
}
.case-studies .post {
  margin-bottom: 48px;
}
.case-studies .post.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.case-studies .post.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.case-studies--related {
  padding: 80px 0;
  background: #F8FAFC;
}
.case-studies--related .post {
  margin-bottom: 0;
}
.case-studies--related .section-head {
  position: relative;
  padding-bottom: 24px;
  text-align: left;
}
.case-studies--related .section-head__title {
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  padding-right: 220px;
}
.case-studies--related .section-head__action {
  position: absolute;
  top: 0;
  right: 30px;
}
@media (max-width: 375px) {
  .case-studies {
    padding-bottom: 60px;
  }
  .case-studies .post {
    margin-bottom: 32px;
  }
}

.get-started {
  position: relative;
  text-align: center;
  padding: 80px 0;
  background: #002A38;
}
.get-started:before {
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/patterns-01.png) repeat center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
}
.get-started__wrap {
  position: relative;
  z-index: 2;
}
.get-started__title {
  margin-bottom: 8px;
  color: #FFF;
}
.get-started__content {
  max-width: 600px;
  margin: 0 auto 32px;
  color: #FFF;
}
.get-started.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.get-started.animate .get-started__title,
.get-started.animate .get-started__content,
.get-started.animate .get-started__action {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.get-started.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.get-started.animate-in .get-started__title,
.get-started.animate-in .get-started__content,
.get-started.animate-in .get-started__action {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.get-started.animate-in .get-started__title {
  transition-delay: 0.25s;
}
.get-started.animate-in .get-started__content {
  transition-delay: 0.5s;
}
.get-started.animate-in .get-started__action {
  transition-delay: 0.75s;
}
@media (max-width: 375px) {
  .get-started {
    padding: 40px 0;
  }
}

section.desc {
  padding: 64px 0 32px 0;
}
section.desc .container .row {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  section.desc .container .row {
    flex-direction: normal;
  }
}
section.desc .section-head {
  text-align: left;
}
section.desc .section-head__title {
  line-height: 40px;
}
@media (max-width: 768px) {
  section.desc .section-head__title {
    line-height: 30px;
  }
}
section.desc .section-head__action a {
  margin-right: 16px;
}
@media (max-width: 768px) {
  section.desc .section-head__action a {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
}

.whatis {
  background: #F8FAFC;
}
.whatis__wrap {
  padding-top: 80px;
  padding-bottom: 48px;
}
.whatis .item {
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  padding: 32px 0 0;
  margin-bottom: 32px;
  background: #FFF;
}
@media (max-width: 768px) {
  .whatis .item {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
}
.whatis .item__icon {
  margin: 0 40px 8px;
}
.whatis .item__icon img,
.whatis .item__icon .svg {
  display: block;
  height: 48px;
  width: auto;
}
.whatis .item__title {
  font-size: 20px;
  line-height: 32px;
  margin: 0 40px 8px;
}
.whatis .item__content {
  margin: 0 40px 32px;
}
.whatis .item__img {
  position: relative;
}
.whatis .item__img .img {
  position: relative;
  width: 100%;
}
.whatis .item__img .img img {
  width: 100%;
  height: auto;
}
.whatis.animate .section-head__title,
.whatis.animate .section-head__content,
.whatis.animate .section-head__action,
.whatis.animate .item {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.whatis.animate .section-head__content {
  transition-delay: 0.25s;
}
.whatis.animate .section-head__action {
  transition-delay: 0.5s;
}
.whatis.animate .item {
  transition-delay: 0.25s;
}
.whatis.animate-in .section-head__title,
.whatis.animate-in .section-head__content,
.whatis.animate-in .section-head__action,
.whatis.animate-in .item {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .whatis__wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .whatis .item {
    padding-top: 24px;
  }
  .whatis .item__icon {
    margin: 0 20px 8px;
  }
  .whatis .item__title {
    margin: 0 20px 8px;
  }
  .whatis .item__content {
    margin: 0 20px 24px;
  }
  .whatis .small-banner__img {
    display: none;
  }
}

.whymust {
  background: #F8FAFC;
}
.whymust__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.whymust.animate .section-head__title,
.whymust.animate .section-head__content,
.whymust.animate .section-head__action,
.whymust.animate .table-wm__container {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.whymust.animate .section-head__content {
  transition-delay: 0.25s;
}
.whymust.animate .section-head__action {
  transition-delay: 0.5s;
}
.whymust.animate .table-wm__container {
  transition-delay: 0.75s;
}
.whymust.animate-in .section-head__title,
.whymust.animate-in .section-head__content,
.whymust.animate-in .section-head__action,
.whymust.animate-in .table-wm__container {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .whymust__wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

.table-wm {
  position: relative;
  display: block;
}
.table-wm__row {
  display: flex;
  border-radius: 4px;
  align-items: center;
  min-height: 80px;
}
.table-wm__head {
  display: block;
  position: relative;
  width: 100%;
  max-width: 34.666667%;
  flex: 0 0 34.666667%;
  padding: 16px 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.table-wm__left {
  display: block;
  position: relative;
  width: 100%;
  max-width: 32%;
  flex: 0 0 32%;
  padding: 16px 24px;
}
.table-wm__right {
  display: block;
  position: relative;
  width: 100%;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
  padding: 16px 24px;
}
.table-wm__thead {
  display: block;
  padding: 0 8px;
}
.table-wm__thead th, .table-wm__thead td {
  padding: 10px 24px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.table-wm__tbody {
  display: block;
  padding: 8px;
  border-radius: 4px;
  background: #F2F4F7;
}
.table-wm__tbody .table-wm__row:nth-child(odd) {
  background: #E6EBF1;
}
.table-wm__tbody .table-wm__right span {
  display: block;
  position: relative;
  padding-left: 34px;
}
.table-wm__tbody .table-wm__right .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
}
@media (max-width: 375px) {
  .table-wm__row {
    flex-wrap: wrap;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .table-wm__head {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
    padding: 10px 16px 0;
  }
  .table-wm__left {
    max-width: 40%;
    flex: 0 0 40%;
    padding: 10px 16px;
  }
  .table-wm__right {
    max-width: 60%;
    flex: 0 0 60%;
    padding: 10px 16px;
  }
  .table-wm__thead th, .table-wm__thead td {
    text-align: center;
  }
  .table-wm__thead th.table-wm__head {
    padding-bottom: 0;
  }
  .table-wm__thead th.table-wm__left {
    padding-right: 0;
  }
  .table-wm__thead th, .table-wm__thead td {
    padding: 10px 16px;
  }
  .table-wm__thead .table-wm__row {
    align-items: flex-end;
  }
  .table-wm__tbody .table-wm__row {
    align-items: flex-start;
  }
  .table-wm__tbody .table-wm__right span {
    padding-left: 20px;
  }
  .table-wm__tbody .table-wm__right .icon {
    width: 14px;
    height: 14px;
    top: 3px;
  }
}

.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 0.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;
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}
.accordion .card__header.collapsed:after {
  transform: none;
}
.accordion .card__title {
  font-size: 16px;
  line-height: 24px;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.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 .card__body .img-sm {
  display: none;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .accordion .card__body .img-sm {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
  }
}
.accordion .card__action a {
  margin-right: 14px;
}
.accordion .card__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .accordion .card__action {
    margin-right: 0;
  }
}
.accordion--faq .card {
  margin-bottom: 16px;
  background: #FFF;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #E2E2E2;
  transition: all 0.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: 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;
  transform: rotate(90deg);
}
.accordion--faq .card__header.collapsed {
  padding-bottom: 28px;
}
.accordion--faq .card__header.collapsed .card__title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.accordion--faq .card__header.collapsed:after {
  content: "";
  background: url(../images/ic-chevron-down.svg) no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.accordion--faq .card__body {
  border-radius: 0;
  box-shadow: none;
  padding: 0 80px 52px 24px;
  margin: 0;
}
.accordion--faq .card__body .img-sm {
  display: none;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .accordion--faq .card__body .img-sm {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
  }
}
.accordion--sm {
  padding: 0 16px;
}
.accordion--sm .card {
  border-bottom: 1px solid #E2E2E2;
}
.accordion--sm .card:first-child {
  border-top: 1px solid #E2E2E2;
}
.accordion--sm .card__header {
  border-bottom: 0;
  padding: 12px 30px 12px 12px;
}
.accordion--sm .card__header::after {
  top: calc(50% - 12px);
  right: 0;
}
.accordion--sm .card__header .icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.accordion--sm .card__title {
  display: inline-block;
  width: calc(100% - 57px);
  vertical-align: middle;
}
.accordion--sm .card__body {
  padding: 0;
  box-shadow: none;
}
.accordion--sm .card__body .post .post__content {
  padding-left: 0;
  margin-bottom: 24px;
}

.howjurnal__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.howjurnal__wrap .row {
  align-items: center;
}
@media (max-width: 768px) {
  .howjurnal__wrap .reverse-sm {
    flex-direction: column-reverse;
  }
}
.howjurnal__wrap .section-head__action a {
  margin-right: 15px;
}
.howjurnal__wrap .section-head__action a:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .howjurnal__wrap .section-head__action a {
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
}
.howjurnal--home .howjurnal__wrap {
  padding-top: 0;
}
.howjurnal__img {
  transition: all 0.5s ease-in-out;
}
.howjurnal__img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .howjurnal__img {
    display: none;
  }
}
.howjurnal .accordion .card {
  position: relative;
  background: #FFF;
  border-radius: 4px;
  border: 2px solid transparent;
}
.howjurnal .accordion .card .progress {
  display: none;
}
.howjurnal .accordion .card__body {
  position: relative;
  box-shadow: none;
  background: transparent;
  padding-top: 0;
  margin-top: 0;
}
.howjurnal .accordion .card.open {
  border-color: #009BDE;
  box-shadow: 0px 2px 4px rgba(180, 188, 208, 0.75);
  margin-top: 12px;
}
.howjurnal .accordion .card.open .card__header {
  border-color: transparent;
  padding-bottom: 12px;
}
.howjurnal .accordion .card.open .progress {
  opacity: 1;
}
.howjurnal .accordion .card.open .progress rect {
  stroke-dasharray: 1500;
  animation: dash2 8s linear;
}
.howjurnal.animate .section-head__title,
.howjurnal.animate .section-head__content,
.howjurnal.animate .section-head__action,
.howjurnal.animate .accordion,
.howjurnal.animate .howjurnal__img {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.howjurnal.animate .section-head__content {
  transition-delay: 0.25s;
}
.howjurnal.animate .section-head__action {
  transition-delay: 0.5s;
}
.howjurnal.animate .accordion {
  transition-delay: 0.75s;
}
.howjurnal.animate .howjurnal__img {
  transition-delay: 1s;
}
.howjurnal.animate-in .section-head__title,
.howjurnal.animate-in .section-head__content,
.howjurnal.animate-in .section-head__action,
.howjurnal.animate-in .accordion,
.howjurnal.animate-in .howjurnal__img {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .howjurnal__wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

.integration-posts {
  padding-top: 80px;
  padding-bottom: 80px;
}
.integration-posts .section-head {
  padding-bottom: 40px;
}
.integration-posts .section-head__title {
  margin-bottom: 0;
}
.integration-posts .post {
  display: block;
  color: #232933;
  transition: all 0.3s ease-in-out;
}
.integration-posts .post__img {
  position: relative;
}
.integration-posts .post__img .icon {
  display: block;
  height: 48px;
  width: auto;
  margin-bottom: 8px;
}
.integration-posts .post__img .block-img {
  width: 100%;
  padding-top: 52.78%;
  position: relative;
}
.integration-posts .post__img .block-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.integration-posts .post__title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 16px;
  color: #2B2A35;
}
.integration-posts .post__title a {
  color: #2B2A35;
}
.integration-posts .post__title a:hover {
  color: #4B61DD;
}
.integration-posts .post-featured {
  padding-bottom: 80px;
}
.integration-posts .post-partners {
  padding-bottom: 56px;
}
.integration-posts .post-partners__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
.integration-posts .post-partners .post {
  margin-bottom: 24px;
}
.integration-posts .post-partners .post__img {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.integration-posts .post-partners .post__content {
  border: 1px solid #E2E2E2;
  border-top: 0;
  border-radius: 4px;
  padding: 12px 16px;
}
.integration-posts .post-partners .post__title {
  margin-bottom: 4px;
}
.integration-posts .post-partners .post:hover {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.integration-posts .integration__cta {
  padding-top: 48px;
}
.integration-posts .integration__cta .cta__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
.integration-posts .integration__cta.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.integration-posts .integration__cta.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.integration-posts .animate .section-head__title,
.integration-posts .animate .post-featured .post,
.integration-posts .animate .post-partners__title,
.integration-posts .animate .post-partners .post {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.integration-posts .animate-in .section-head__title,
.integration-posts .animate-in .post-featured .post,
.integration-posts .animate-in .post-partners__title,
.integration-posts .animate-in .post-partners .post {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .integration-posts {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .integration-posts .post-featured {
    padding-bottom: 60px;
  }
  .integration-posts .post-featured .post {
    text-align: center;
  }
  .integration-posts .post-featured .post .icon {
    margin-left: auto;
    margin-right: auto;
  }
  .integration-posts .post-featured .post__content {
    padding: 0 24px;
  }
  .integration-posts .post-partners {
    padding-bottom: 36px;
  }
  .integration-posts .integration__cta {
    padding-top: 32px;
  }
  .integration-posts .integration__cta .cta__title {
    font-size: 18px;
    line-height: 26px;
  }
}

.categories__title {
  font-size: 14px;
  line-height: 20px;
  color: #777;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.categories__list {
  margin-bottom: 32px;
}
.categories__list li {
  display: block;
  width: 100%;
  padding: 8px 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.categories__list li span, .categories__list li a {
  color: #2B2A35;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.categories__list li span:after, .categories__list li a:after {
  content: "";
  display: inline-block;
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #1357FF;
  border-width: 4.5px 0 4.5px 4px;
  margin-left: 11px;
  transform: scale(0) translateX(-20px);
  transition: all 0.3s ease-in-out;
}
.categories__list li span:hover, .categories__list li a:hover {
  color: #1357FF;
}
.categories__list li span.active, .categories__list li a.active {
  color: #1357FF;
  text-decoration: none;
}
.categories__list li span.active:after, .categories__list li a.active:after {
  transform: scale(1) translateX(0);
}
.categories.animate .categories__title,
.categories.animate .categories__list li {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.categories.animate .categories__list li:nth-child(1) {
  transition-delay: 0.25s;
}
.categories.animate .categories__list li:nth-child(2) {
  transition-delay: 0.5s;
}
.categories.animate .categories__list li:nth-child(3) {
  transition-delay: 0.75s;
}
.categories.animate .categories__list li:nth-child(4) {
  transition-delay: 1s;
}
.categories.animate .categories__list li:nth-child(5) {
  transition-delay: 1.25s;
}
.categories.animate .categories__list li:nth-child(6) {
  transition-delay: 1.5s;
}
.categories.animate .categories__list li:nth-child(7) {
  transition-delay: 1.75s;
}
.categories.animate-in .categories__title,
.categories.animate-in .categories__list li {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 768px) {
  .categories {
    text-align: center;
  }
  .categories__list li {
    display: inline-block;
    width: auto;
    padding: 8px 12px;
  }
  .categories__list li span:after, .categories__list li a:after {
    display: none;
  }
}

.ukm {
  padding: 80px 0;
  background: #F8FAFC;
}
.ukm--fitur {
  background: #FFF;
}
.ukm--fitur .testimonial-big {
  margin-bottom: 0;
}
.ukm--fitur .testimonial-big__wrap {
  box-shadow: none;
  padding-bottom: 30px;
}
.ukm--solusi {
  background: #F9FBFD;
}
.ukm--solusi .testimonial-big {
  margin-bottom: 0;
}
.ukm--solusi .testimonial-big__wrap {
  box-shadow: none;
  padding-bottom: 30px;
  background: #F9FBFD;
}
.ukm--solusi.top {
  background: #FFF;
}
.ukm--solusi.top .testimonial-big {
  padding-top: 0;
}
.ukm--solusi.top .testimonial-big__wrap {
  background: #FFF;
}
.ukm--solusi.top .testimonial-big__wrap .block-img {
  padding-top: 100%;
}
.ukm.animate .section-head__title,
.ukm.animate .section-head__content,
.ukm.animate .section-head__action,
.ukm.animate .testimonial-big__img,
.ukm.animate .testimonial-big__content,
.ukm.animate .testimonial__container .col-lg-6 {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ukm.animate .section-head__content {
  transition-delay: 0.25s;
}
.ukm.animate .section-head__action {
  transition-delay: 0.5s;
}
.ukm.animate .testimonial-big__img {
  transition-delay: 0.75s;
}
.ukm.animate .testimonial-big__content {
  transition-delay: 1s;
}
.ukm.animate .testimonial__container .col-lg-6:nth-child(1) {
  transition-delay: 1.25s;
}
.ukm.animate .testimonial__container .col-lg-6:nth-child(2) {
  transition-delay: 1.5s;
}
.ukm.animate-in .section-head__title,
.ukm.animate-in .section-head__content,
.ukm.animate-in .section-head__action,
.ukm.animate-in .testimonial-big__img,
.ukm.animate-in .testimonial-big__content,
.ukm.animate-in .testimonial__container .col-lg-6 {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .ukm {
    padding: 40px 0 26px;
  }
  .ukm .section-head {
    padding-bottom: 24px;
  }
}

.testimonial-big {
  padding-top: 80px;
  margin-bottom: 32px;
}
.testimonial-big__wrap {
  display: flex;
  background: #FFF;
  box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.4);
  border-radius: 4px;
  padding: 60px 60px 48px 80px;
}
.testimonial-big__img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 36.163%;
  flex: 0 0 36.163%;
}
.testimonial-big__img .block-img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 81.632%;
}
.testimonial-big__img .img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
.testimonial-big__img .play {
  display: block;
  position: absolute;
  right: -10%;
  bottom: -5%;
  z-index: 2;
  width: 28.5%;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.8);
  animation: pulse2 3s infinite;
}
.testimonial-big__img .play .svg,
.testimonial-big__img .play img {
  width: 100%;
  height: auto;
  display: block;
}
.testimonial-big__content {
  padding-left: 90px;
}
.testimonial-big__category {
  font-size: 12px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  padding: 2px 0 2px 28px;
  margin-bottom: 28px;
}
.testimonial-big__category .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial-big__blockquote {
  display: block;
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 32px;
  color: #2B2A35;
}
.testimonial-big__footer {
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 24px;
}
.testimonial-big__footer img {
  display: block;
  max-height: 56px;
  width: auto;
}
.testimonial-big__author {
  padding: 16px 24px;
  font-size: 14px;
  line-height: 20px;
}
.testimonial-big__author:not(:first-child) {
  border-left: 1px solid #E2E2E2;
  margin-left: 24px;
}
.testimonial-big__author span {
  display: block;
}
.testimonial-big__author span + span {
  margin-top: 4px;
}
.testimonial-big__author .author__name {
  text-transform: uppercase;
  color: #2B2A35;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .testimonial-big {
    padding-top: 40px;
  }
  .testimonial-big__wrap {
    padding: 30px 30px 24px 40px;
  }
  .testimonial-big__content {
    padding-left: 45px;
  }
}
@media (max-width: 479px) {
  .testimonial-big__wrap {
    flex-wrap: wrap;
    padding: 24px;
  }
  .testimonial-big__img {
    max-width: 80%;
    flex: 0 0 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
  }
  .testimonial-big__content {
    padding-left: 0;
  }
  .testimonial-big__blockquote {
    font-size: 18px;
    line-height: 26px;
  }
  .testimonial-big__footer {
    flex-wrap: wrap;
  }
  .testimonial-big__author {
    padding: 0;
    width: 100%;
  }
  .testimonial-big__author:not(:first-child) {
    border-left: 0;
    margin-top: 24px;
    margin-left: 0;
  }
}

.testimonial {
  padding: 0 32px;
}
.testimonial__wrap {
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.4);
  padding: 32px 0;
  margin-bottom: 32px;
}
.testimonial__wrap .owl-dots {
  margin: 0;
  padding: 0 32px;
  text-align: left;
  line-height: 8px;
}
.testimonial__header {
  display: flex;
  padding-bottom: 32px;
}
.testimonial__user {
  width: 100%;
  max-width: 96px;
  flex: 0 0 96px;
}
.testimonial__user img {
  display: block;
  height: 105px;
  width: auto;
}
.testimonial__author {
  width: 100%;
  max-width: calc(65% - 96px);
  flex: 0 0 calc(65% - 96px);
  font-size: 14px;
  line-height: 20px;
  padding-left: 24px;
  padding-top: 20px;
}
.testimonial__author span {
  display: block;
}
.testimonial__author .author__name {
  text-transform: uppercase;
  color: #2B2A35;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial__author .author__title {
  margin-top: 4px;
}
.testimonial__author .author__logo {
  max-height: 48px;
  width: auto !important;
  margin-top: 14px;
}
.testimonial__category {
  font-size: 12px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  padding: 2px 0 2px 28px;
  margin-top: 18px;
  margin-left: auto;
  margin-bottom: 28px;
  width: 100%;
  max-width: 35%;
  flex: 0 0 35%;
}
.testimonial__category .icon {
  display: inline-block;
  height: 24px;
  width: 24px !important;
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial__blockquote {
  margin: 0 0 40px;
  font-size: 20px;
  line-height: 32px;
}
.testimonial__blockquote:not(:last-child) {
  margin-bottom: 24px;
}
.testimonial--landing {
  text-align: left;
}
.testimonial--landing .small-banner__box {
  padding: 3rem;
}
@media (max-width: 375px) {
  .testimonial--landing .small-banner__box {
    padding: 30px 16px;
  }
}
.testimonial--landing .testimonial__data {
  display: flex;
  align-items: center;
}
.testimonial--landing .testimonial__data .testimonial__img {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.testimonial--landing .testimonial__data .testimonial__img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.testimonial--landing .testimonial__data .testimonial_name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial--landing .testimonial__box blockquote {
  margin-left: 0;
  margin-right: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 375px) {
  .testimonial--landing .testimonial__box blockquote {
    font-size: 16px;
    line-height: 24px;
  }
}
.testimonial--thumbs {
  padding: 20px 0;
}
.testimonial--thumbs ul.nav.nav-tabs {
  text-align: center;
}
.testimonial--thumbs ul.nav.nav-tabs li.nav-item.item {
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
}
.testimonial--thumbs ul.nav.nav-tabs li.nav-item.item a.nav-link img {
  opacity: 0.5;
  filter: invert(0.5);
}
.testimonial--thumbs ul.nav.nav-tabs li.nav-item.item.active a.nav-link.active img {
  opacity: 1;
  filter: invert(0);
}
@media (max-width: 375px) {
  .testimonial {
    padding: 24px;
  }
  .testimonial__header {
    flex-wrap: wrap;
  }
  .testimonial__author {
    max-width: calc(100% - 96px);
    flex: 0 0 calc(100% - 96px);
  }
  .testimonial__category {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 0;
  }
  .testimonial__blockquote {
    font-size: 18px;
    line-height: 26px;
  }
}

.blog {
  padding: 80px 0;
}
.blog .section-head__title {
  margin-bottom: 0;
}
.blog__video {
  position: relative;
  margin-bottom: 48px;
}
.blog__video .video__cover {
  position: relative;
  width: 100%;
  padding-top: 45%;
}
.blog__video .video__cover img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog__video .video__play {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: url(../images/ic-play-circle.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.8);
  animation: pulse2 3s infinite;
}
.blog .post {
  position: relative;
  padding-bottom: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.blog .post__img {
  position: relative;
  z-index: 2;
}
.blog .post__img .block-img {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 66.666667%;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 20px;
}
.blog .post__img .block-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.blog .post__title {
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  padding-left: 30px;
}
.blog .post__title .icon {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
}
.blog .post__content {
  position: relative;
  z-index: 2;
  color: #2B2A35;
  margin-bottom: 20px;
}
.blog .post__meta {
  margin-bottom: 12px;
}
.blog .post__meta span {
  display: inline-block;
}
.blog .post__meta .name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #2B2A35;
  margin-right: 6px;
  font-size: 14px;
  line-height: 20px;
}
.blog .post__meta .name:after {
  content: ",";
}
.blog .post__logo img {
  max-height: 56px;
  width: auto;
  display: block;
}
.blog .post__footer {
  position: relative;
  z-index: 2;
}
.blog .post .link-more {
  position: absolute;
  z-index: 4;
  left: 16px;
  bottom: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.blog .post:before {
  content: "";
  z-index: 1;
  display: block;
  width: calc(100% + 32px);
  height: calc(100% + 48px);
  position: absolute;
  top: -24px;
  left: -16px;
  background: #FFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}
.blog .post:hover {
  z-index: 3;
}
.blog .post:hover .link-more {
  bottom: 0;
  opacity: 1;
}
.blog .post:hover:before {
  opacity: 1;
  transform: none;
}
.blog .post.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blog .post.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.blog.animate .section-head__title,
.blog.animate .section-head__content,
.blog.animate .section-head__action,
.blog.animate .blog__video {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.blog.animate .section-head__content {
  transition-delay: 0.25s;
}
.blog.animate .section-head__action {
  transition-delay: 0.5s;
}
.blog.animate .blog__video {
  transition-delay: 0.75s;
}
.blog.animate-in .section-head__title,
.blog.animate-in .section-head__content,
.blog.animate-in .section-head__action,
.blog.animate-in .blog__video {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .blog {
    padding: 40px 0;
  }
  .blog .section-head__title:last-child {
    margin-bottom: 16px;
  }
}

.allinone,
.advantage {
  padding: 80px 0;
}
.allinone .post-featured,
.advantage .post-featured {
  position: relative;
}
.allinone--landing .post,
.advantage--landing .post {
  text-align: center;
}
.allinone--landing .post__img .icon,
.advantage--landing .post__img .icon {
  display: inline-block !important;
}
.allinone--landing .post__content,
.advantage--landing .post__content {
  padding-right: 0 !important;
}
.allinone .post,
.advantage .post {
  display: block;
  color: #232933;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .allinone .post,
  .advantage .post {
    margin-bottom: 40px;
    text-align: left;
  }
}
.allinone .post__img,
.advantage .post__img {
  position: relative;
}
.allinone .post__img .icon,
.advantage .post__img .icon {
  display: block;
  height: 48px;
  width: auto;
  margin-bottom: 8px;
}
.allinone .post__title,
.advantage .post__title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 16px;
  color: #2B2A35;
}
.allinone .post__title a,
.advantage .post__title a {
  color: #2B2A35;
}
.allinone .post__title a:hover,
.advantage .post__title a:hover {
  color: #4B61DD;
}
.allinone .post__content,
.advantage .post__content {
  padding-right: 40px;
}
.allinone--form-alt .post__img,
.advantage--form-alt .post__img {
  display: inline-block;
  width: 40px;
  margin-right: 16px;
  vertical-align: top;
}
.allinone--form-alt .post__content,
.advantage--form-alt .post__content {
  display: inline-block;
  width: calc(100% - 61px);
}
.allinone.animate .section-head__title,
.allinone.animate .section-head__content,
.allinone.animate .post-featured .row .col-md-4,
.advantage.animate .section-head__title,
.advantage.animate .section-head__content,
.advantage.animate .post-featured .row .col-md-4 {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.allinone.animate .post-featured .row .col-md-4:nth-child(1),
.advantage.animate .post-featured .row .col-md-4:nth-child(1) {
  transition-delay: 0.25s;
}
.allinone.animate .post-featured .row .col-md-4:nth-child(2),
.advantage.animate .post-featured .row .col-md-4:nth-child(2) {
  transition-delay: 0.5s;
}
.allinone.animate .post-featured .row .col-md-4:nth-child(3),
.advantage.animate .post-featured .row .col-md-4:nth-child(3) {
  transition-delay: 0.75s;
}
.allinone.animate-in .section-head__title,
.allinone.animate-in .section-head__content,
.allinone.animate-in .post-featured .row .col-md-4,
.advantage.animate-in .section-head__title,
.advantage.animate-in .section-head__content,
.advantage.animate-in .post-featured .row .col-md-4 {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 768px) {
  .allinone .post__content,
  .advantage .post__content {
    padding-right: 0;
  }
}
@media (max-width: 375px) {
  .allinone,
  .advantage {
    padding: 40px 0 40px;
  }
}

.features {
  padding: 80px 0 32px;
}
.features .post {
  display: block;
  color: #232933;
  transition: all 0.3s ease-in-out;
  margin-bottom: 48px;
}
.features .post__img {
  display: block;
  position: relative;
  margin-bottom: 16px;
}
.features .post__img .block-img {
  width: 100%;
  padding-top: 60.2%;
  position: relative;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.25);
  overflow: hidden;
}
.features .post__img .block-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.features .post__title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 8px;
  color: #2B2A35;
}
.features .post__title a {
  color: #2B2A35;
}
.features .post__title a:hover {
  color: #4B61DD;
}
.features .post__content {
  padding-left: 32px;
  position: relative;
}
.features .post__content .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: auto;
}
.features .post.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.features .post.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.features.animate .section-head__subtitle,
.features.animate .section-head__title,
.features.animate .section-head__desc {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.features.animate-in .section-head__subtitle,
.features.animate-in .section-head__title,
.features.animate-in .section-head__desc {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .features {
    padding: 40px 0 24px;
  }
}

.fitur-blocks .fitur-block:nth-child(even) .row {
  flex-direction: row-reverse;
}
.fitur-blocks--solusi {
  padding-top: 80px;
}
.fitur-blocks--solusi .section-head {
  padding-bottom: 40px;
}
.fitur-blocks--alt .fitur-block {
  padding: 128px 0 0;
}
.fitur-blocks--alt .fitur-block:last-child {
  padding-bottom: 64px;
}
@media (max-width: 768px) {
  .fitur-blocks--alt .fitur-block {
    padding: 64px 0;
  }
}
.fitur-blocks.animate .section-head__title,
.fitur-blocks.animate .section-head__content,
.fitur-blocks.animate .section-head__desc {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fitur-blocks.animate-in .section-head__title,
.fitur-blocks.animate-in .section-head__content,
.fitur-blocks.animate-in .section-head__desc {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}

.fitur-block {
  padding: 128px 0 0;
}
.fitur-block:last-child {
  padding-bottom: 64px;
}
.fitur-block .row {
  align-items: center;
}
.fitur-block__img {
  position: relative;
}
.fitur-block__img .block-img {
  position: relative;
  width: 100%;
  padding-top: 83.333333%;
}
.fitur-block__img .block-img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.fitur-block__title {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
}
.fitur-block__content p {
  display: block;
  margin-bottom: 32px;
}
.fitur-block__action a {
  margin-right: 12px;
}
.fitur-block__action a:last-child {
  margin-right: 0;
}
.fitur-block__list {
  position: relative;
  margin-bottom: 32px;
}
.fitur-block__list li {
  position: relative;
  display: block;
  padding-left: 36px;
  margin-bottom: 16px;
}
.fitur-block__list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.fitur-block__list li:last-child {
  margin-bottom: 0;
}
.fitur-block__list .feature__action a {
  margin-right: 12px;
  margin-bottom: 12px;
}
@media (max-width: 375px) {
  .fitur-block__list .feature__action a {
    margin-right: 0;
  }
}
.fitur-block.animate .fitur-block__img,
.fitur-block.animate .fitur-block__title,
.fitur-block.animate .fitur-block__content p,
.fitur-block.animate .fitur-block__content li,
.fitur-block.animate .feature__action,
.fitur-block.animate .btn {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fitur-block.animate .fitur-block__img {
  transition-delay: 0.25s;
}
.fitur-block.animate .fitur-block__title {
  transition-delay: 0.5s;
}
.fitur-block.animate .fitur-block__content p {
  transition-delay: 0.75s;
}
.fitur-block.animate .fitur-block__content li {
  transition-delay: 1s;
}
.fitur-block.animate .feature__action,
.fitur-block.animate .btn {
  transition-delay: 1.25s;
}
.fitur-block.animate-in .fitur-block__img,
.fitur-block.animate-in .fitur-block__title,
.fitur-block.animate-in .fitur-block__content p,
.fitur-block.animate-in .fitur-block__content li,
.fitur-block.animate-in .feature__action,
.fitur-block.animate-in .btn {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 375px) {
  .fitur-block {
    padding: 48px 0;
  }
  .fitur-block__img {
    margin-bottom: 16px;
  }
}

.coa {
  padding: 80px 0 64px;
}
.coa__img {
  position: relative;
}
.coa__img .block-img {
  position: relative;
  width: 100%;
  padding-top: 62%;
}
.coa__img .block-img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.coa.animate .section-head__title,
.coa.animate .section-head__content,
.coa.animate .coa__img {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.coa.animate .section-head__content {
  transition-delay: 0.25s;
}
.coa.animate .coa__img {
  transition-delay: 0.5s;
}
.coa.animate-in .section-head__title,
.coa.animate-in .section-head__content,
.coa.animate-in .coa__img {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}

.benefits {
  padding: 80px 0 64px;
  background: #F9FBFD;
}
.benefits__list {
  position: relative;
  margin-bottom: 24px;
  -moz-column-count: 2;
       column-count: 2;
}
.benefits__list:last-child {
  margin-bottom: 0;
}
.benefits__list.alt {
  -moz-column-count: 1;
       column-count: 1;
  padding-left: 24px;
}
.benefits__list li {
  position: relative;
  display: block;
  padding-left: 36px;
  margin-bottom: 16px;
  padding-right: 24px;
}
.benefits__list li:last-child {
  margin-bottom: 0;
}
.benefits__list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.benefits.animate .section-head__title,
.benefits.animate .section-head__content,
.benefits.animate .benefits--promo_wrap,
.benefits.animate .benefits__list {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.benefits.animate .section-head__content {
  transition-delay: 0.25s;
}
.benefits.animate .benefits__list {
  transition-delay: 0.5s;
}
.benefits.animate-in .section-head__title,
.benefits.animate-in .section-head__content,
.benefits.animate-in .benefits--promo_wrap,
.benefits.animate-in .benefits__list {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
.benefits--pricing .benefits__list {
  -moz-column-count: 1;
       column-count: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.benefits--pricing .benefits__list li {
  display: block;
  width: 100%;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
}
@media (max-width: 375px) {
  .benefits {
    padding: 40px 0 24px;
  }
  .benefits--pricing .benefits__list {
    -moz-column-count: 1;
         column-count: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .benefits--pricing .benefits__list li {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .benefits--pricing .benefits__list.alt li {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.benefits--promo {
  background: #FFF;
}
.benefits--promo.lg {
  padding-top: 0px;
}
.benefits--promo.sm {
  padding-top: 24px;
}
.benefits--promo.sm .benefits--promo_slider .item {
  display: flex;
  padding: 16px;
  align-items: center;
}
.benefits--promo.sm .benefits--promo_slider .item_img {
  min-width: 80px;
  margin-right: 16px;
}
.benefits--promo.sm .benefits--promo_slider .item_img img {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .benefits--promo.sm .benefits--promo_slider .item {
    display: block;
  }
  .benefits--promo.sm .benefits--promo_slider .item_img {
    display: block;
    margin: 0 auto 8px;
  }
  .benefits--promo.sm .benefits--promo_slider .item_meta {
    display: block;
  }
}
.benefits--promo_wrap {
  background: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .benefits--promo_wrap {
    background: #f2f4f7;
  }
}
.benefits--promo_list {
  padding: 56px 0 64px 0;
  position: relative;
}
.benefits--promo_list.blue::before {
  content: "";
  width: 80%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 10%;
  background: radial-gradient(103.57% 220.66% at 45.46% 48.06%, #81B8D4 0%, #007DE5 39.03%, #004DC2 100%);
  border-radius: 24px;
  z-index: 1;
}
@media (max-width: 768px) {
  .benefits--promo_list.blue::before {
    width: calc(100% + 24px);
    left: -12px;
    border-radius: 0;
  }
}
.benefits--promo_list.green::before {
  content: "";
  width: 80%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 10%;
  background: radial-gradient(103.57% 220.66% at 45.46% 48.06%, #A8CE4D 0%, #83C838 39.03%, #499C21 100%);
  border-radius: 24px;
  z-index: 1;
}
@media (max-width: 768px) {
  .benefits--promo_list.green::before {
    width: calc(100% + 24px);
    left: -12px;
    border-radius: 0;
  }
}
.benefits--promo_slider {
  display: flex;
  position: relative;
  z-index: 2;
}
.benefits--promo_slider .item {
  width: 33.3333333333%;
  background: #FFF;
  border-radius: 8px;
  margin: 5px 12px;
  padding: 32px;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
}
.benefits--promo_slider .item img {
  margin-bottom: 16px;
}
.benefits--promo_slider .item h4 {
  font-size: 20px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.benefits--promo_slider .item p {
  font-size: 16px;
  line-height: 24px;
  color: #545465;
}
.benefits--promo_slider .item:first-child {
  margin-left: 0;
}
.benefits--promo_slider .item:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .benefits--promo_slider .item {
    width: 100%;
    display: block;
    border: 1px solid rgba(119, 119, 119, 0.1);
    box-shadow: none;
    text-align: center;
  }
  .benefits--promo_slider .item img {
    width: 100px;
    margin: 0 auto 16px;
  }
}
.benefits--promo_badge {
  width: 100%;
  left: 0;
  top: -24px;
  position: absolute;
  text-align: center;
  z-index: 2;
}
.benefits--promo_badge span {
  border-radius: 8px;
  color: #FFF;
  padding: 8px 24px;
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  background: #FFFFFF;
  border: 1px solid #F2F4F7;
  box-shadow: 0px 12px 12px rgba(0, 95, 191, 0.08), 0px 16px 24px rgba(0, 95, 191, 0.08);
  border-radius: 100px;
  color: #4B61DD;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .benefits--promo_badge span {
    font-size: 16px;
    line-height: 20px;
  }
}

.faq-block {
  padding: 64px 0;
  background: #F9FBFD;
}
.faq-block .card__body ul {
  padding-left: 20px;
  list-style: disc;
}
.faq-block .card__body ul li {
  margin-bottom: 4px;
}
.faq-block .section-head__action {
  padding-top: 16px;
}
.faq-block .section-head__action a {
  margin-right: 16px;
}
.faq-block .section-head__action a:last-child {
  margin-right: 0;
}
.faq-block--pricing {
  background: transparent;
}
.faq-block.animate .section-head__title,
.faq-block.animate .section-head__content,
.faq-block.animate .section-head__action,
.faq-block.animate .accordion--faq {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.faq-block.animate .section-head__content {
  transition-delay: 0.25s;
}
.faq-block.animate .section-head__action {
  transition-delay: 0.5s;
}
.faq-block.animate .accordion--faq {
  transition-delay: 0.75s;
}
.faq-block.animate-in .section-head__title,
.faq-block.animate-in .section-head__content,
.faq-block.animate-in .section-head__action,
.faq-block.animate-in .accordion--faq {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 991px) {
  .faq-block {
    padding: 48px 8px;
  }
  .faq-block .section-head__action a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .faq-block .section-head__action a:last-child {
    margin-bottom: 0;
  }
}

.sidebar__wrap {
  position: relative;
}
.sidebar__data {
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-wrap: wrap;
}
.sidebar__data h4,
.sidebar__data span {
  display: block;
  width: 100%;
  max-width: 50%;
  flex: 0 0 50%;
  margin: 0;
}
.sidebar__data span {
  margin-left: auto;
  text-align: right;
}
.sidebar__data p {
  display: block;
  width: 100%;
  margin: 8px 0 0;
}

.cs-detail {
  padding-bottom: 80px;
}
.cs-detail .block-append {
  background: #F9FBFD;
  border-radius: 4px;
  padding: 30px 40px;
  margin-bottom: 64px;
}
.cs-detail .block-append h3 {
  position: relative;
  font-size: 32px;
  line-height: 48px;
  margin: 0;
}
.cs-detail .block-append h3 small {
  color: #4B61DD;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 32px;
  margin: 0 4px;
  position: relative;
  top: -2px;
}
.cs-detail .block-append p {
  font-size: 14px;
  line-height: 20px;
}
.cs-detail .block-append .row {
  margin: 0 -30px;
}
.cs-detail .block-append .item {
  padding: 10px 30px;
  position: relative;
}
.cs-detail .block-append .item:not(:last-child):after {
  content: "";
  display: block;
  height: calc(100% - 28px);
  width: 1px;
  background: #E2E2E2;
  position: absolute;
  right: 0;
  top: 14px;
}
.cs-detail article {
  color: #232933;
}
.cs-detail article .text-category {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 4px;
}
.cs-detail article h1 {
  display: block;
  font-size: 48px;
  line-height: 56px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #2B2A35;
  margin-bottom: 16px;
}
.cs-detail article h2 {
  display: block;
  font-size: 32px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #2B2A35;
  margin-bottom: 16px;
}
.cs-detail article h3 {
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #2B2A35;
  margin-bottom: 8px;
}
.cs-detail article p {
  margin-bottom: 40px;
}
.cs-detail article p:last-child {
  margin-bottom: 0;
}
.cs-detail__sidebar .sidebar {
  margin-top: -200px;
}
.cs-detail__sidebar .sidebar__wrap {
  background: #009BDE;
  border-radius: 8px;
  padding: 0 24px;
  color: #FFF;
}
.cs-detail__sidebar .sidebar__data span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.cs-detail.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cs-detail.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}
@media (max-width: 768px) {
  .cs-detail__sidebar .sidebar {
    margin-top: 48px;
  }
}

.pricing,
.pricing-alt {
  padding-bottom: 24px;
}
.pricing .section-head,
.pricing-alt .section-head {
  padding: 40px 0;
}
.pricing .section-head__title,
.pricing-alt .section-head__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
.pricing__wrap .row,
.pricing-alt__wrap .row {
  flex-direction: row-reverse;
}
.pricing__switcher,
.pricing-alt__switcher {
  background: #F2F4F7;
  border-radius: 100px;
  display: inline-block;
  padding: 8px 4px;
  margin-bottom: 3rem;
}
.pricing__switcher a,
.pricing-alt__switcher a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 8px 29px;
  color: #545465;
}
.pricing__switcher a:hover,
.pricing-alt__switcher a:hover {
  text-decoration: none;
}
.pricing__switcher a.active,
.pricing-alt__switcher a.active {
  background: #FFF;
  color: #4B61DD;
  border-radius: 100px;
  box-shadow: 0px 4px 12px rgba(50, 50, 71, 0.08), 0px 16px 24px rgba(50, 50, 71, 0.08);
}
.pricing__switcher a.active .item__head .item__desc .big,
.pricing-alt__switcher a.active .item__head .item__desc .big {
  font-size: 24px;
  line-height: 32px;
}
.pricing__cta,
.pricing-alt__cta {
  padding-top: 24px;
  text-align: center;
}
.pricing .col-md-6,
.pricing-alt .col-md-6 {
  padding-bottom: 24px;
}
.pricing .item,
.pricing-alt .item {
  background: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pricing .item__head,
.pricing-alt .item__head {
  position: relative;
  width: 100%;
  padding: 32px 24px;
  background: #F2F4F7;
  border-bottom: 1px solid #E2E2E2;
  display: flex;
  flex-direction: column;
}
.pricing .item__head span.big,
.pricing-alt .item__head span.big {
  display: block;
  color: #2B2A35;
  font-size: 28px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 12px;
}
.pricing .item__title,
.pricing-alt .item__title {
  display: block;
  position: relative;
  width: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-bottom: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing .item__title span.badge,
.pricing-alt .item__title span.badge {
  display: inline-block;
  position: relative;
  top: -1px;
  background: #FFF;
  border-radius: 4px;
  color: #4B61DD;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0 8px;
  margin: 0 0 0 7px;
  vertical-align: middle;
}
.pricing .item__title:after,
.pricing-alt .item__title:after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #E2E2E2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pricing .item__desc,
.pricing-alt .item__desc {
  width: 100%;
  min-height: 132px;
}
.pricing .item__desc.tx-md,
.pricing-alt .item__desc.tx-md {
  color: #2B2A35;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing .item__cta,
.pricing-alt .item__cta {
  width: 100%;
  margin-top: auto;
  padding-top: 32px;
}
.pricing .item__cta .btn,
.pricing-alt .item__cta .btn {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing .item__cta .btn + .btn,
.pricing-alt .item__cta .btn + .btn {
  margin-top: 12px;
}
.pricing .item__body,
.pricing-alt .item__body {
  width: 100%;
  padding: 32px 24px;
}
.pricing .item__body .bonus,
.pricing-alt .item__body .bonus {
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .pricing .item__body,
  .pricing-alt .item__body {
    display: none;
  }
  .pricing .item__body.show,
  .pricing-alt .item__body.show {
    display: block;
  }
}
.pricing .item__mobile,
.pricing-alt .item__mobile {
  display: none;
  text-align: center;
  padding: 20px 45px 36px;
  position: relative;
}
.pricing .item__mobile::after,
.pricing-alt .item__mobile::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 40px;
  left: calc(50% - 12px);
  background: url(../images/ic-arrow-down-blue.svg) no-repeat center;
}
@media (max-width: 768px) {
  .pricing .item__mobile,
  .pricing-alt .item__mobile {
    display: block;
  }
  .pricing .item__mobile.hide,
  .pricing-alt .item__mobile.hide {
    display: none;
  }
}
.pricing .item .pricing-list,
.pricing-alt .item .pricing-list {
  padding-bottom: 20px;
}
.pricing .item .pricing-list__title,
.pricing-alt .item .pricing-list__title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.pricing .item .pricing-list__label,
.pricing-alt .item .pricing-list__label {
  font-size: 1rem;
  line-height: 1.5rem;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.pricing .item .pricing-list__item,
.pricing-alt .item .pricing-list__item {
  display: block;
  position: relative;
  margin-bottom: 12px;
  padding-left: 32px;
}
.pricing .item .pricing-list__item:before,
.pricing-alt .item .pricing-list__item:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 4px;
  background: transparent url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
}
.pricing .item .pricing-list__item .tooltips,
.pricing-alt .item .pricing-list__item .tooltips {
  position: absolute;
  right: -15px;
  top: 1px;
}
.pricing .item.active,
.pricing-alt .item.active {
  border: 2px solid #4B61DD;
  box-shadow: 0px 4px 16px rgba(180, 188, 208, 0.75);
}
.pricing .item.active .item__head,
.pricing-alt .item.active .item__head {
  background: #4B61DD;
  color: #FFF;
}
.pricing .item.active .item__head span.big,
.pricing-alt .item.active .item__head span.big {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
}
.pricing .item.active .item__desc.tx-md,
.pricing-alt .item.active .item__desc.tx-md {
  color: #FFF;
}
.pricing .item.active .item__title,
.pricing-alt .item.active .item__title {
  color: #FFF;
}
.pricing .item.active .item__cta .btn-white:hover,
.pricing-alt .item.active .item__cta .btn-white:hover {
  border-color: #FFF;
}
.pricing .item.active .item__cta .btn-white-border,
.pricing-alt .item.active .item__cta .btn-white-border {
  background: transparent;
  color: #FFF;
}
.pricing .item.active .item__cta .btn-white-border:hover,
.pricing-alt .item.active .item__cta .btn-white-border:hover {
  color: #4B61DD;
  background: #FFF;
}
.pricing.animate,
.pricing-alt.animate {
  transform: translateX(0px) translateY(100px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 0;
  transition: 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.pricing.animate-in,
.pricing-alt.animate-in {
  transform: translateX(0px) translateY(0px) translateZ(0px) rotate(0deg) scale(1, 1);
  opacity: 1;
}

.pricing-alt .item__head {
  background: #FFF;
  display: block;
  height: auto;
  border: 0;
  padding-bottom: 0;
}
.pricing-alt .item__icon {
  display: block;
  margin-bottom: 12px;
}
.pricing-alt .item__icon img {
  display: block;
  height: 40px;
  width: auto;
}
.pricing-alt .item__title {
  font-size: 20px;
  line-height: 32px;
  min-height: 88px;
}
.pricing-alt .item__desc span.big {
  font-size: 20px;
  line-height: 32px;
}
.pricing-alt .item__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pricing-alt .item__body .item__cta {
  width: 100%;
}

.pricing-ao .section-head {
  padding: 40px 0;
}
.pricing-ao .section-head__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
.pricing-ao .item {
  background: #FFF;
  border: 1px solid #E2E2E2;
  padding: 32px 0;
  border-radius: 4px;
}
.pricing-ao .item__left {
  padding: 0 32px;
}
.pricing-ao .item__right {
  padding: 32px 32px 0 0;
}
.pricing-ao .item__icon img {
  display: block;
  height: 40px;
  width: auto;
  margin: 0 0 12px;
}
.pricing-ao .item__title {
  font-size: 20px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
}
.pricing-ao .item__desc {
  color: #2B2A35;
}
.pricing-ao .item small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #777;
  margin-bottom: 0;
}
.pricing-ao .item span.big {
  display: block;
  margin-bottom: 16px;
  color: #2B2A35;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-ao .item .pricing-list {
  color: #232933;
}
.pricing-ao .item .pricing-list__title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.pricing-ao .item .pricing-list__item {
  display: block;
  position: relative;
  margin-bottom: 12px;
  padding-left: 32px;
}
.pricing-ao .item .pricing-list__item:last-child {
  margin-bottom: 0;
}
.pricing-ao .item .pricing-list__item:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 4px;
  background: transparent url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
}
.pricing-ao__cta {
  text-align: right;
}

.pricing-detail {
  display: block;
  width: 100%;
  border-color: #E2E2E2;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
.pricing-detail h3 {
  display: block;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-detail h4 {
  display: block;
  margin-bottom: 0;
  color: #2B2A35;
  font-size: 20px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-detail span.check {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  line-height: 0;
  margin: 4px;
}
.pricing-detail .pd-tr, .pricing-detail .pd-title, .pricing-detail .pd-cta {
  display: flex;
  position: relative;
  width: 100%;
}
.pricing-detail .pd-th, .pricing-detail .pd-td {
  width: 100%;
  max-width: 18%;
  flex: 0 0 18%;
  border-color: #E2E2E2;
  border-style: solid;
  text-align: center;
}
.pricing-detail .pd-th:first-child, .pricing-detail .pd-td:first-child {
  max-width: 28%;
  flex: 0 0 28%;
  text-align: left;
}
.pricing-detail .pd-th {
  padding: 48px 24px 36px;
  border-width: 0 1px 1px 0;
}
.pricing-detail .pd-td {
  padding: 12px 24px;
  border-width: 0 1px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-detail .pd-td:first-child {
  justify-content: flex-start;
}
.pricing-detail .pd-td.sr {
  padding-top: 20px;
}
.pricing-detail .pd-cta .pd-td {
  padding: 24px;
}
.pricing-detail__head {
  display: block;
  width: 100%;
  position: sticky;
  z-index: 2;
  top: 0;
  background: #FFF;
}
.pricing-detail__body {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: auto;
}
.pricing-detail__body div.pd-tr:nth-of-type(odd) {
  background: #FBFBFB;
  background: rgb(238.75, 238.75, 238.75);
}
.pricing-detail__footer {
  display: block;
  width: 100%;
  position: sticky;
  z-index: 2;
  bottom: 0;
  background: #FFF;
}
.pricing-detail__footer .btn {
  padding-left: 10px;
  padding-right: 10px;
}

.pricing-detail-sm {
  padding: 12px 12px 0;
}
.pricing-detail-sm .nav {
  display: flex;
  border-right: 1px solid #E2E2E2;
}
.pricing-detail-sm .nav-item {
  display: block;
  width: 100%;
  max-width: 25%;
  flex: 0 0 25%;
}
.pricing-detail-sm .nav-item .nav-link {
  display: block;
  text-align: center;
  padding: 12px 24px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #E2E2E2;
  color: #2B2A35;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-detail-sm .nav-item .nav-link.active {
  background: #f2f2f2;
}
.pricing-detail-sm .pdsm__head {
  display: flex;
  width: calc(100% - 48px);
  margin: 0 auto;
}
.pricing-detail-sm .pdsm__body {
  padding-top: 24px;
}
.pricing-detail-sm .pdsm__content h4 {
  color: #2B2A35;
  font-size: 18px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-detail-sm .pdsm__cta {
  display: block;
  width: 100%;
  position: sticky;
  z-index: 2;
  bottom: 0;
  padding: 16px;
  text-align: center;
  background: #FFF;
  border-top: 1px solid #E2E2E2;
}
.pricing-detail-sm .pdsm__list {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
.pricing-detail-sm .pdsm__list li {
  display: block;
  width: 100%;
  padding: 8px 12px;
  margin: 0;
}
.pricing-detail-sm .pdsm__list li:nth-child(odd) {
  background: #FBFBFB;
}
@media (max-width: 375px) {
  .pricing-detail-sm .nav {
    border: 1px solid #E2E2E2;
    position: relative;
    padding-top: 49px;
  }
  .pricing-detail-sm .nav:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url(../images/ic-dropdown.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 16px;
    top: 10px;
  }
  .pricing-detail-sm .nav-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pricing-detail-sm .nav-item .nav-link {
    border-top: 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0 24px;
    border: 0;
    transition: all 0.4s ease-in-out;
    text-align: left;
  }
  .pricing-detail-sm .nav-item .nav-link.active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 50px;
    visibility: visible;
    padding: 12px 24px;
    opacity: 1;
    padding-right: 30px;
    background: #f2f2f2;
  }
  .pricing-detail-sm .nav.expand .nav-item .nav-link.active {
    border-bottom: 1px solid #E2E2E2;
  }
  .pricing-detail-sm .nav.expand .nav-item .nav-link:not(.active) {
    max-height: 50px;
    opacity: 1;
    padding: 12px 24px;
    border-bottom: 1px solid #E2E2E2;
    visibility: visible;
  }
  .pricing-detail-sm .pdsm__head {
    width: 100%;
    flex-wrap: wrap;
  }
}

.modal {
  width: 100%;
}
.modal--referral .modal-dialog {
  max-width: 1224px;
  padding: 0;
}
.modal--referral .modal-close {
  width: 40px;
  height: 40px;
  z-index: 5;
}
.modal--referral .modal-body {
  padding: 3rem 6.5rem 5rem;
}
.modal--referral .modal-body h2, .modal--referral .modal-body h3 {
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 1rem;
}
.modal--referral .modal-body ol {
  padding-bottom: 1.25rem;
}
.modal--referral .modal-body ol li {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #545465;
  margin-bottom: 1.25rem;
  margin-left: 1rem;
  padding-left: 1rem;
}
@media (max-width: 768px) {
  .modal--referral .modal-body {
    padding: 16px 7px;
  }
  .modal--referral .modal-body h2, .modal--referral .modal-body h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.modal--pricing .modal-dialog {
  max-width: 1280px;
  border-radius: 4px;
  box-shadow: none;
  padding: 80px 28px;
  margin: 60px auto;
}
.modal--pricing .modal-header {
  text-align: center;
}
@media (max-width: 991px) {
  .modal--pricing .modal-dialog {
    width: calc(100% - 24px);
    max-width: 100%;
    margin: 30px 12px;
    padding: 32px 16px;
  }
}
.modal--pricing .pricing-detail {
  display: block;
}
.modal--pricing .pricing-detail-sm {
  display: none;
}
@media (max-width: 768px) {
  .modal--pricing .pricing-detail {
    display: none;
  }
  .modal--pricing .pricing-detail-sm {
    display: block;
  }
}

.suit__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.suit__list {
  display: flex;
  flex-wrap: wrap;
}
.suit__list .icon {
  position: absolute;
  display: block;
  width: 32px;
  height: auto;
  left: 0;
  top: 0;
}
.suit__list li {
  position: relative;
  display: block;
  min-height: 48px;
  width: 100%;
  margin-bottom: 24px;
  padding-left: 44px;
}
.suit__list li:last-child {
  margin-bottom: 0;
}
.suit__label {
  font-size: 12px;
  line-height: 18px;
  color: #B4B4B4;
  margin-bottom: 16px;
}
.suit__card {
  padding: 24px;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: none;
}
.suit__card.hightlight {
  border: 2px solid #005FBF;
  box-shadow: 0px 2px 8px rgba(180, 188, 208, 0.75);
}
.suit__card.hightlight .suit__label {
  color: #4B61DD;
}

.modal-download .modal-content {
  box-shadow: none !important;
}

.timeline {
  position: relative;
  display: block;
}
.timeline__wrap {
  padding-top: 60px;
  padding-bottom: 60px;
}
.timeline__img {
  padding-left: 24px;
  z-index: 2;
}
.timeline__img img {
  display: block;
  width: 100%;
  height: auto;
}
.timeline__img.fixed {
  position: fixed;
}
.timeline__list.alt > li {
  padding-bottom: 200px;
}
.timeline__list > li {
  position: relative;
  padding-left: 32px;
  padding-bottom: 120px;
  opacity: 0.75;
  transition: all 0.3s ease-in-out;
}
.timeline__list > li .img {
  display: none;
  padding: 0 24px;
  text-align: center;
}
.timeline__list > li .img img {
  max-width: 100%;
  display: block;
  margin: 0 auto 16px;
}
.timeline__list > li h3 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 8px;
}
.timeline__list > li:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: #E2E2E2;
  border: 4px solid transparent;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  top: 10px;
  left: -7px;
  z-index: 2;
  border-radius: 50%;
}
.timeline__list > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #E2E2E2;
  top: 25px;
  left: 0;
  z-index: 1;
}
.timeline__list > li:last-child {
  padding-bottom: 0 !important;
}
.timeline__list > li:last-child::after {
  display: none;
}
.timeline__list > li.active {
  opacity: 1;
}
.timeline__list > li.active:before {
  background: #4B61DD;
  border: 4px solid #FFF;
}
.timeline--promo .timeline__list > li {
  padding-bottom: 48px;
}
.timeline--promo .timeline__list > li:hover {
  cursor: pointer;
}
@media (max-width: 479px) {
  .timeline__wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .timeline__img {
    display: none;
  }
  .timeline__list li {
    padding: 0;
    opacity: 1;
    text-align: left;
  }
  .timeline__list li .img {
    display: block;
    margin-bottom: 32px;
  }
  .timeline__list li:before {
    display: none;
  }
  .timeline__list .owl-dots {
    text-align: left;
  }
  .timeline__list .owl-dots .owl-dot {
    background: #E2E2E2;
    width: 32px;
    height: 4px;
    border-radius: 2px;
  }
}

.form-block {
  padding: 5rem 0;
  background: #F2F2F3;
  font-size: 14px;
  line-height: 1.5em;
}
.form-block:first-child {
  padding-top: 10rem;
}
.form-block__wrap {
  padding: 2rem;
  background: #FFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.form-block .form-group {
  margin-bottom: 1.5rem;
}
.form-block .form-group:last-child {
  margin-bottom: 0;
}
.form-block .form-action {
  text-align: center;
}
.form-block .form-action:not(:last-child) {
  margin-bottom: 1.5rem;
}
.form-block .form-action .btn {
  display: block;
  width: 100%;
}
.form-block .form-action .btn + .btn {
  margin-top: 12px;
}
.form-block label:not(.custom-control-label) {
  display: block;
  color: #252525;
  font-size: 14px;
  line-height: 1.25em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0 0 0.2em;
}
.form-block .form-control {
  display: block;
  font-size: 14px;
  width: 100%;
  border: 1px solid #E2E2E2;
  height: 38px;
  padding: 6px 12px;
  border-radius: 4px;
}
.form-block .form-control:focus {
  border-color: #005FBF;
}
.form-block textarea.form-control {
  height: auto;
  resize: none;
}
.form-block .dropdown.bootstrap-select .bttn {
  font-size: 14px;
  line-height: 36px;
  padding-left: 12px;
}
.form-block .dropdown.bootstrap-select .bttn:after {
  top: 0;
  line-height: 38px;
}
.form-block .dropdown.bootstrap-select div.dropdown-menu a {
  padding: 8px 12px;
}
.form-block .custom-control + .custom-control {
  margin-top: 0.2rem;
}
.form-block a {
  color: #0060BF;
  text-decoration: none;
}
.form-block a:hover {
  text-decoration: underline;
}

.small-banner .slider {
  height: 100%;
}
.small-banner__wrap {
  padding: 2rem 0;
}
.small-banner__wrap.pb {
  padding-top: 0;
  padding-bottom: 80px;
}
.small-banner__box {
  display: block;
  position: relative;
  padding: 3rem 35% 3rem 3rem;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  background: #FFFFFF;
}
.small-banner__box.center {
  padding: 3rem;
  text-align: center;
}
@media (max-width: 375px) {
  .small-banner__box.center {
    padding: 1.2rem;
  }
}
.small-banner__box--alt {
  padding: 3rem;
}
@media (max-width: 768px) {
  .small-banner__box {
    padding: 2rem;
    margin-bottom: 40px;
  }
}
.small-banner__title h3, .small-banner__title h2, .small-banner__title span {
  display: block;
  font-size: 24px;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0 0 1rem;
}
.small-banner__action {
  margin-top: 32px;
}
.small-banner__action a:first-child, .small-banner__action .btn:first-child {
  margin-right: 16px;
}
@media (max-width: 768px) {
  .small-banner__action {
    text-align: center;
  }
  .small-banner__action .btn {
    display: block;
    width: 100%;
  }
  .small-banner__action a:first-child, .small-banner__action .btn:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.small-banner__img {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-top: 10px;
  padding-right: 0;
  height: 100%;
}
.small-banner__img img {
  display: inline-block;
  height: 100%;
  width: auto;
}
.small-banner__img--alt {
  position: relative;
  padding-left: 6px;
  margin-right: -12px;
}
.small-banner__img--alt img {
  margin-top: -50%;
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
@media (max-width: 768px) {
  .small-banner__img {
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 24px 0 10px;
    text-align: center;
    height: auto;
  }
  .small-banner__img img {
    height: auto;
  }
  .small-banner__img--alt img {
    margin-top: 0;
  }
}
.small-banner .slider {
  position: relative;
}
.small-banner .owl-item {
  padding: 10px 15px 30px 15px;
}
@media (max-width: 768px) {
  .small-banner .owl-item {
    padding: 10px 10px 30px 10px;
  }
}
.small-banner .owl-dots {
  position: absolute;
  bottom: 30px;
  left: 70px;
}
.small-banner .owl-dots button {
  background: #E2E2E2;
}
.small-banner .owl-dots button.active {
  background: #009BDE;
}
.small-banner--promo .small-banner__box {
  background: #F2F4F7;
  box-shadow: 0px 12px 12px rgba(50, 50, 71, 0.08), 0px 16px 24px rgba(50, 50, 71, 0.08);
  border-radius: 8px;
}

.slider--promo {
  padding: 64px 0;
}
.slider--promo .item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.slider--promo .item a label {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
}
.slider--promo .item a img {
  max-height: 480px;
}
.slider--promo .owl-dot {
  background: #E2E2E2 !important;
}
.slider--promo .owl-dot.active {
  background: #005FBF !important;
}

.banner-cta {
  padding-bottom: 80px;
}
.banner-cta__box {
  background: #F2F4F7;
  border-radius: 8px;
}
.banner-cta__box .col-12 {
  padding: 44px 48px;
}
.banner-cta__box .col-12:last-child {
  padding: 0;
}
.banner-cta__desc {
  margin-bottom: 12px;
}
.banner-cta__action a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
}
.banner-cta__action a label {
  position: absolute;
  left: 0;
  top: 0;
  color: transparent;
}
.banner-cta__action a:hover {
  cursor: pointer;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.banner-cta__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .banner-cta__box .col-12 {
    padding: 20px 22px;
  }
}

.custom-form {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background: #F2F4F7;
}
.custom-form .container-full {
  height: 100%;
}
.custom-form .container-full > .row {
  height: 100%;
}
.custom-form__wrapper {
  flex-direction: row-reverse;
}
.custom-form__meta {
  padding: 40px 100px 24px;
  height: 100%;
}
.custom-form__meta-title, .custom-form__meta-desc {
  display: block;
}
@media (max-width: 768px) {
  .custom-form__meta-title, .custom-form__meta-desc {
    display: none;
  }
}
.custom-form__meta-title .custom-list, .custom-form__meta-desc .custom-list {
  position: relative;
  margin-bottom: 32px;
}
.custom-form__meta-title .custom-list li, .custom-form__meta-desc .custom-list li {
  position: relative;
  display: inline-block;
  padding-left: 36px;
  margin-bottom: 16px;
  margin-right: 16px;
}
.custom-form__meta-title .custom-list li:before, .custom-form__meta-desc .custom-list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-form__meta-title .custom-list li:last-child, .custom-form__meta-desc .custom-list li:last-child {
  margin-bottom: 0;
}
.custom-form__meta-logo {
  margin-bottom: 64px;
  display: block;
}
@media (max-width: 768px) {
  .custom-form__meta-logo {
    display: none;
  }
}
.custom-form__meta-illustration {
  text-align: center;
  margin-bottom: 64px;
}
.custom-form__meta-testimonials {
  margin-top: 40px;
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .custom-form__meta-testimonials {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
.custom-form__meta .testimonial__wrap {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.custom-form__meta .testimonial__wrap .testimonial-big__content {
  padding: 0;
}
.custom-form__meta .testimonial__wrap .testimonial-big__content .testimonial-big__blockquote {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.custom-form__meta .testimonial__wrap .testimonial-big__content .testimonial-big__footer {
  padding-bottom: 0;
}
.custom-form__meta .testimonial__wrap .testimonial-big__content .testimonial-big__footer img {
  width: auto !important;
}
.custom-form__meta .testimonial__wrap .owl-dots {
  padding: 0;
  margin: 24px 0 0 0;
}
.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot {
  background: #E2E2E2;
}
.custom-form__meta .testimonial__wrap .owl-dots button.owl-dot.active {
  background: #009BDE;
}
.custom-form__meta .nav-tabs {
  margin-top: 8px;
  margin-bottom: 64px;
}
.custom-form__meta .nav-tabs .nav-item {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.custom-form__meta .nav-tabs .nav-item .nav-link {
  opacity: 0.5;
}
.custom-form__meta .nav-tabs .nav-item .nav-link.active {
  opacity: 1;
}
.custom-form__meta-footer label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: block;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
}
.custom-form__meta-icon {
  margin-bottom: 48px;
}
.custom-form__meta-icon a {
  margin-right: 25px;
}
@media (max-width: 768px) {
  .custom-form__meta {
    padding: 0px 16px 30px;
  }
}
.custom-form__form {
  padding: 64px 100px 24px;
}
.custom-form__form-logo {
  display: none;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .custom-form__form-logo {
    display: block;
    margin-bottom: 30px;
  }
  .custom-form__form-logo img {
    max-height: 40px;
    width: auto;
  }
}
.custom-form__form-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  display: none;
}
@media (max-width: 768px) {
  .custom-form__form-title {
    display: block;
  }
}
.custom-form__form-subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 4px;
}
.custom-form__form-desc {
  margin-bottom: 1.5rem;
  display: none;
}
.custom-form__form-desc .custom-list {
  position: relative;
  margin-bottom: 32px;
}
.custom-form__form-desc .custom-list li {
  position: relative;
  display: inline-block;
  padding-left: 36px;
  margin-bottom: 16px;
  margin-right: 16px;
}
.custom-form__form-desc .custom-list li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-check.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-form__form-desc .custom-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .custom-form__form-desc {
    display: block;
  }
}
@media (max-width: 768px) {
  .custom-form__form {
    padding: 40px 16px 30px;
  }
}
.custom-form__box {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 4px;
  max-width: 496px;
  padding: 40px;
}
@media (max-width: 768px) {
  .custom-form__box {
    padding: 20px;
  }
}

.tf {
  text-align: center;
  position: relative;
  z-index: 1;
  background: #F8FAFC;
}
.tf.bg {
  background: #F8FAFC;
}
.tf.blue {
  background: #143A72;
}
.tf-title {
  padding: 80px 0 48px;
}
@media (max-width: 768px) {
  .tf-title {
    padding: 40px 0;
  }
}
.tf h3, .tf .tf-cta__title {
  margin: 0 auto 64px;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
}
@media (max-width: 375px) {
  .tf h3, .tf .tf-cta__title {
    font-size: 21px;
    line-height: 37px;
  }
}
.tf_img {
  width: 80px;
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 16px;
}
.tf h3, .tf .tf-cta__title {
  font-weight: 500;
  margin: 0 0 8px;
}
.tf_item {
  padding: 48px 60px 64px;
}
@media (max-width: 768px) {
  .tf_item {
    padding: 48px 15px 34px;
  }
}
.tf_item.is-highlight {
  background: #002A38;
  color: #FFF;
}
.tf_item.is-highlight h3, .tf_item.is-highlight .tf-cta__title {
  color: #FFF;
}
@media (max-width: 479px) {
  .tf_item.is-highlight {
    border-radius: 0;
  }
}
.tf .btn-white {
  min-width: 180px;
  max-width: 100%;
  border: none;
}
.tf .btn-white:hover {
  background: rgb(16.1940298507, 46.9626865672, 92.3059701493);
}
.tf--alt {
  background: #F2F4F7;
}
.tf--alt .tf_item.is-highlight {
  background: #232933;
}
.tf--alt .tf_item h2,
.tf--alt .tf_item h3,
.tf--alt .tf_item .tf-cta__title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}
.tf--alt .tf_item img {
  height: 72px;
  width: auto;
}

.testimonial__label {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px;
  display: inline-block;
}
.testimonial--promo {
  background: #F2F4F7;
  padding: 80px 0;
}
.testimonial--promo .testimonial__wrap {
  background: transparent;
  margin-bottom: 0;
  box-shadow: none;
  padding: 0;
}
.testimonial--promo .testimonial__wrap .testimonial-big__content {
  padding: 0;
}
.testimonial--promo .testimonial__wrap .testimonial-big__blockquote {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}
.testimonial--promo .testimonial__wrap .testimonial-big__footer {
  padding-bottom: 0;
}

.in-app .btn {
  padding: 8px 16px;
}
.in-app .btn-blue {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
}
.in-app .btn-grey {
  background: #FBFBFB;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #777777;
}
.in-app .btn-grey:hover {
  background: rgb(225.5, 225.5, 225.5);
}
.in-app .btn-yellow {
  background: #F8E51E;
  border: 1px solid #F8E51E;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #293B85;
}
.in-app .btn-yellow:hover {
  background: rgb(220.150862069, 201.5603448276, 6.849137931);
}
.in-app .btn-blue-border {
  font-size: 14px;
  line-height: 20px;
}
.in-app hr.separator {
  margin: 0;
  border-top: 1px solid #E2E2E2;
}

.web-wrapper.in-app {
  overflow: hidden;
  padding: 24px 24px 0;
  background: #F2F4F7;
}
.web-wrapper.in-app main {
  border: 1px solid #dcdee1;
  border-radius: 4px 4px 0 0;
  background: #FFF;
}
.web-wrapper.in-app.opt {
  padding: 0;
  background: #fff;
}
.web-wrapper.in-app.opt main {
  border: none;
  border-radius: 0;
  background: #FFF;
}

.masthead.in-app {
  padding-top: 56px;
}
.masthead.in-app .masthead__content {
  padding-top: 0;
}
.masthead.in-app .masthead__logo {
  margin-bottom: 24px;
  display: inline-block;
}
.masthead.in-app .masthead__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 47px;
  letter-spacing: 0.2px;
  color: #212121;
  margin-bottom: 24px;
}
.masthead.in-app p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #777777;
}
@media (max-width: 768px) {
  .masthead.in-app .masthead__action .btn {
    margin-left: 0;
    margin-bottom: 16px;
  }
}

.advantage.in-app {
  padding-top: 0;
  padding-bottom: 0;
}
.advantage.in-app .section-head__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.2px;
  color: #000000;
}
.advantage.in-app .post__img {
  margin-bottom: 16px;
}
.advantage.in-app .post__content {
  padding-right: 80px;
}
.advantage.in-app .post__content p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #777777;
}
.advantage.in-app .allinone__wrap {
  padding: 80px 0;
  border-bottom: 1px solid #E2E2E2;
}
.advantage.in-app .post.text-center .post__content {
  padding-right: 0;
}
.advantage.in-app .post.text-center .post__img.lg {
  display: inline-block;
}
.advantage.in-app .post.text-center .post__img.lg img {
  width: 80px;
  height: 80px;
}

.timeline.in-app .timeline__wrap {
  border-bottom: 1px solid #E2E2E2;
}
.timeline.in-app .section-head__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.2px;
  color: #000000;
}
.timeline.in-app .timeline__list h3 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #212121;
}
.timeline.in-app .timeline__list > li {
  padding: 24px;
  margin-left: 32px;
  margin-bottom: 48px;
}
.timeline.in-app .timeline__list > li::before {
  top: 40px;
  left: -35px;
}
.timeline.in-app .timeline__list > li::after {
  height: 130%;
  top: 60px;
  left: -27px;
}
.timeline.in-app .timeline__list li.active {
  background: #F2F4F7;
  border-radius: 16px;
}
@media (max-width: 479px) {
  .timeline.in-app .timeline__img {
    display: none;
  }
  .timeline.in-app .timeline__list li.active {
    background: transparent;
  }
  .timeline.in-app .timeline__list li.active h3 {
    text-align: center;
  }
}

.tf.in-app {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.tf.in-app .tf_item.is-highlight {
  padding: 60px 0;
  background: #002A38;
}
@media (max-width: 768px) {
  .tf.in-app .tf_item.is-highlight {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.tf.in-app h3 {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.2px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 8px;
}
.tf.in-app p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  margin-bottom: 24px;
}

.copyright.in-app {
  padding: 24px 12px;
}
.copyright.in-app p {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #777777;
}

.testi {
  background: linear-gradient(90deg, #fff 26%, #F2F4F7 26%);
}
.testi .testimonial-big {
  padding-top: 0;
  margin: 0;
}
.testi .testimonial-big__wrap {
  padding: 64px 0;
  background: transparent;
  box-shadow: none;
}
.testi .testimonial-big__wrap .testimonial-big__img .block-img {
  padding: 0;
}
.testi .testimonial-big__wrap .testimonial-big__img .block-img img {
  position: relative;
}
.testi .testimonial-big__content {
  padding-left: 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.testi .testimonial-big__content .testimonial-big__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
.testi .testimonial-big__content .testimonial-big__blockquote {
  margin-bottom: 27px;
}
.testi .testimonial-big__content .testimonial-big__blockquote p {
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 768px) {
  .testi {
    background: #F2F4F7;
  }
  .testi .testimonial-big__content {
    padding-left: 0;
  }
}

/* Contact */
.contact-cards {
  padding: 0 0 46px;
}
.contact-cards .item {
  margin-bottom: 24px;
}
.contact-cards .item__wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 2rem 2rem 1.5rem;
  text-align: center;
  background: #F2F4F7;
  border-radius: 0.25rem;
}
.contact-cards .item__img {
  margin: 0 0 0.75rem;
}
.contact-cards .item__img img {
  display: block;
  width: auto;
  height: 5rem;
  margin: 0 auto;
}
.contact-cards .item__title {
  margin: 0 0 1rem;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .contact-cards .item__title img {
    display: none !important;
  }
}
.contact-cards .item__desc {
  margin: 0 0 2rem;
}
.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 + .btn {
  margin-top: 1rem;
  display: block;
}
.contact-cards .item__action .btn-link {
  color: #005FBF;
}
.contact-cards .item__action .btn-link:hover {
  text-decoration: underline;
}
.contact-cards .item--sm {
  background: #F2F4F7;
  border-radius: 4px;
  margin-bottom: 12px;
}
.contact-cards .item--sm .item__wrap {
  padding: 8px 12px;
  flex-direction: row;
  align-items: center;
}
.contact-cards .item--sm .item__img {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 16px;
}
.contact-cards .item--sm .item__img img {
  width: 40px;
  height: 40px;
}
.contact-cards .item--sm .item__title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #232933;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.form-meeting {
  background: #F2F4F7;
  padding: 5rem 0;
}
.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: #FFF;
  border-radius: 0.25rem;
}
@media (max-width: 991px) {
  .form-meeting__box {
    overflow-x: auto;
  }
}
.form-meeting--landing .form-meeting__title {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 2.5rem;
}
.form-meeting--landing .form-meeting__box {
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
}

.tf_item.is-highlight h2 {
  color: #FFF;
}

.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: #FFF;
  border-radius: 0.25rem;
}

.footer--landing {
  padding: 24px 0;
  background: #F3F3F3;
}
.footer--landing-alt {
  background: #FFF;
}
.footer--landing .text-right b {
  margin-right: 20px;
}
.footer--landing .text-right span a {
  margin-right: 16px;
}
.footer--landing .text-right span a:last-child {
  margin-right: 0;
}
@media (max-width: 375px) {
  .footer--landing .container .row .col-md-6 {
    text-align: center;
    margin-bottom: 16px;
  }
  .footer--landing .container .row .col-md-6 b {
    display: block;
    margin-bottom: 12px;
  }
}

.tf--landing {
  background: url("../images/pattern-cta.svg");
  color: #FFF;
}
.tf--landing h1, .tf--landing h2, .tf--landing h3, .tf--landing h4, .tf--landing h5, .tf--landing h6 {
  color: #FFF;
}

.block-clients {
  padding-top: 0;
  padding-bottom: 5rem;
  background: #F2F4F7;
}
.block-clients__title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 2rem;
}
.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: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.block-clients ul.clients li {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 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: 56px;
  padding-bottom: 56px;
}

.slider-section.owl-carousel [class^=col] {
  max-width: 100%;
}
.slider-section.owl-carousel .owl-dots .owl-dot {
  width: 40px;
  height: 5px;
  border-radius: 15px;
  background: #eee;
}
.slider-section.owl-carousel .owl-dots .owl-dot.active {
  background: #4B61DD;
}

.crossell-form {
  margin-top: 100px;
  background: #FFF;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  padding: 32px;
  border-radius: 8px;
}

.crossell-socproof {
  padding-bottom: 64px;
  padding-top: 64px;
}
.crossell-socproof__title {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 52px;
}
.crossell-socproof__desc {
  text-align: center;
  margin-bottom: 48px;
}
.crossell-socproof .item {
  margin-bottom: 20px;
}
.crossell-socproof .item__wrap {
  padding-left: 16px;
}
.crossell-socproof .item__number {
  position: relative;
}
.crossell-socproof .item__number::before {
  content: "";
  display: block;
  width: 2px;
  height: 32px;
  position: absolute;
  top: calc(50% - 16px);
  left: -16px;
  background-color: #C02A34;
}
.crossell-socproof .item__number span {
  color: #C02A34;
  font-size: 32px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: block;
  margin-bottom: 0;
}
.crossell-socproof .item__desc {
  max-width: 85%;
}
@media (max-width: 991px) {
  .crossell-socproof {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.crossell-clients {
  padding-top: 80px;
  padding-bottom: 64px;
}
.crossell-clients h2 {
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
}
.crossell-clients .clients {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: -32px;
}
.crossell-clients .clients .item {
  display: flex;
  width: 100%;
  height: 60px;
  max-width: 16.666667%;
  flex: 0 0 16.666667%;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  margin-bottom: 24px;
}
.crossell-clients .clients .item.show {
  display: flex !important;
}
.crossell-clients .clients .item img {
  display: block;
  max-width: 100%;
  max-height: 60px;
  width: auto;
  height: auto;
}
.crossell-clients .clients-more {
  padding-top: 36px;
  text-align: center;
}
@media (max-width: 991px) {
  .crossell-clients {
    padding-top: 32px;
  }
  .crossell-clients .clients .item {
    max-width: 33.333%;
    flex: 33.333%;
  }
  .crossell-clients .clients .item img {
    height: 32px;
  }
}

.howjurnal.howjurnal--xsell .section-head__title {
  font-size: 24px;
  line-height: 32px;
}
.howjurnal.howjurnal--xsell .accordion .card.open {
  border-color: #C02A34;
}

.feature-block.row-reverse .row {
  flex-direction: row-reverse;
}
.feature-block__wrap {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.feature-block .section-head {
  text-align: center;
  margin-bottom: 3rem;
}
.feature-block .post {
  position: relative;
}
.feature-block .post__img {
  margin-bottom: 0.5rem;
}
.feature-block .post__img .icon {
  display: block;
  width: auto;
  height: 3.5rem;
}
.feature-block .post__content {
  padding-right: 2.5rem;
}
.feature-block .post__content.np {
  padding-right: 0;
}
.feature-block .post__title {
  display: block;
  color: #232933;
  font-size: 1rem;
  line-height: 1.5em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.feature-block.title-only .feature-block__wrap {
  padding-top: 64px;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .feature-block.title-only .feature-block__wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.feature-block.title-only .section-head {
  margin-bottom: 0;
}
.feature-block.title-only.promo {
  background: linear-gradient(267.45deg, #0158CA 7.3%, #0169D7 42.37%, #016DDB 81.39%);
}
.feature-block.title-only.promo .section-head {
  padding-bottom: 48px;
}
.feature-block.title-only.promo .section-head__title {
  color: #FFF;
  font-size: 28px;
  line-height: 36px;
}
@media (max-width: 768px) {
  .feature-block.title-only.promo {
    background: linear-gradient(267.45deg, #0159CB 7.3%, #0169D8 49.9%, #016EDB 81.39%);
  }
  .feature-block.title-only.promo .section-head {
    padding-bottom: 20px;
  }
  .feature-block.title-only.promo .section-head__title {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .feature-block .post__content {
    padding-right: 0;
  }
}

.page-tabs {
  position: relative;
}
.page-tabs__header {
  padding-top: 4rem;
}
.page-tabs__title {
  display: block;
  width: 100%;
  text-align: center;
  color: #212121;
  max-width: 600px;
  margin: 0 auto 28px;
}
.page-tabs__desc {
  max-width: 600px;
  margin: 0 auto 64px;
}
@media (max-width: 991px) {
  .page-tabs__desc {
    margin: 0 auto 40px;
  }
}
.page-tabs .nav-tabs .nav-link {
  display: block;
  border: 1px solid #E2E2E2;
  border-radius: 0.25rem;
  padding: 1.5rem;
  text-align: center;
  color: #212121;
  background: #FFFFFF;
  transition: all 0.3s ease;
  height: 100%;
}
.page-tabs .nav-tabs .nav-link .icon {
  display: block;
  height: 48px;
  width: 48px;
  margin: 0 auto 12px;
}
.page-tabs .nav-tabs .nav-link span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #212121;
}
.page-tabs .nav-tabs .nav-link h3 {
  display: block;
  font-size: 1.5rem;
  line-height: 1.333em;
  margin: 0;
  color: #212121;
}
.page-tabs .nav-tabs .nav-link:hover {
  text-decoration: none;
  background: #F2F4F7;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.page-tabs .nav-tabs .nav-link.active {
  text-decoration: none;
  background: #F2F4F7;
  border-color: #4B61DD;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
.page-tabs .nav-tabs .nav-link.active .icon path {
  fill: #005FBF;
}
@media (min-width: 1600px) {
  .page-tabs .container.container--nav-tabs {
    max-width: 1600px;
  }
}
@media (max-width: 768px) {
  .page-tabs--alt .page-tabs__header {
    padding: 4rem 0 6rem 0;
  }
}
@media (max-width: 991px) {
  .page-tabs--alt .page-tabs__title {
    padding-top: 30px;
  }
}
.page-tabs--alt .page-tabs__body .mobile-section {
  display: none;
}
@media (max-width: 768px) {
  .page-tabs--alt .page-tabs__body .mobile-section {
    display: block;
  }
  .page-tabs--alt .page-tabs__body .mobile-section .img {
    margin-bottom: 16px;
    max-height: 48px;
    width: auto;
  }
  .page-tabs--alt .page-tabs__body .mobile-section h3 {
    margin-bottom: 12px;
  }
  .page-tabs--alt .page-tabs__body .mobile-section h4 {
    margin-bottom: 12px;
  }
}
.page-tabs--alt .page-tabs__dropdown {
  position: relative;
}
@media (max-width: 768px) {
  .page-tabs--alt .page-tabs__dropdown {
    margin-top: -10px;
  }
}
.page-tabs--alt .page-tabs__dropdown .selected {
  display: none;
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 35px 10px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2B2A35;
  font-size: 16px;
  line-height: 1.85rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.page-tabs--alt .page-tabs__dropdown .selected::after {
  content: "";
  background: url(../images/arrow-down.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  right: 10px;
}
@media (max-width: 768px) {
  .page-tabs--alt .page-tabs__dropdown .selected {
    height: 48px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    display: block;
  }
}
.page-tabs--alt .page-tabs__dropdown.active .nav-tabs {
  height: auto;
  left: 12px;
  background: #FFF;
  padding: 0;
}
.page-tabs--alt .page-tabs__dropdown.active .nav-tabs .nav-item {
  padding: 0;
}
.page-tabs--alt .page-tabs__dropdown.active .nav-tabs .nav-item .nav-link {
  opacity: 1;
  visibility: visible;
  max-height: 100%;
}
.page-tabs--alt .page-tabs__dropdown.active .nav-tabs .nav-item .nav-link.active {
  max-height: 100%;
}
.page-tabs--alt .nav-tabs .nav-item__title {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 0.75rem;
}
@media (max-width: 991px) {
  .page-tabs--alt .nav-tabs .nav-item__title {
    margin-bottom: 0;
  }
}
.page-tabs--alt .nav-tabs .nav-item__title h3 {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .page-tabs--alt .nav-tabs .nav-item__title h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.page-tabs--alt .nav-tabs .nav-item__title .ic {
  max-width: 40px;
  min-width: 40px;
  margin-right: 1rem;
}
.page-tabs--alt .nav-tabs .nav-item .nav-link {
  background: #FFF;
  border: 0;
  position: relative;
  padding: 2rem;
  text-align: left;
}
.page-tabs--alt .nav-tabs .nav-item .nav-link:hover, .page-tabs--alt .nav-tabs .nav-item .nav-link.active {
  box-shadow: none;
  background: #F2F4F7;
  border-radius: 8px 8px 0 0;
}
.page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after {
  content: "";
  background: url(../images/arrow-down.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  bottom: 0.75rem;
  left: calc(50% - 12px);
}
@media (max-width: 768px) {
  .page-tabs--alt .nav-tabs .nav-item .nav-link:hover::after, .page-tabs--alt .nav-tabs .nav-item .nav-link.active::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .page-tabs--alt .nav-tabs .nav-item .nav-link {
    border-radius: 0 !important;
    border: 1px solid #E2E2E2;
    padding: 12px;
    height: auto;
  }
  .page-tabs--alt .nav-tabs .nav-item .nav-link .ic {
    display: none;
  }
}
.page-tabs--alt .nav-tabs.slider-tabs .owl-stage-outer {
  overflow: visible;
}
.page-tabs--alt .nav-tabs.slider-tabs .owl-stage {
  display: flex;
  flex-wrap: nowrap;
}
.page-tabs--alt .nav-tabs.slider-tabs .owl-stage::after {
  display: none;
}
.page-tabs--alt .nav-tabs.slider-tabs .owl-item {
  position: relative;
  width: 100% !important;
  padding: 0 12px;
}
.page-tabs--alt .nav-tabs.slider-tabs .nav-item {
  display: flex;
  height: 100%;
}
@media (max-width: 991px) {
  .page-tabs--alt .nav-tabs.slider-tabs {
    width: 100%;
  }
  .page-tabs--alt .nav-tabs.slider-tabs .nav-item {
    width: 100%;
    display: block;
  }
}
.page-tabs--alt .page-tabs__section-head {
  padding-top: 80px;
  padding-bottom: 48px;
}
.page-tabs--alt .page-tabs__title {
  margin-bottom: 16px;
  text-align: center;
}
.page-tabs--alt .page-tabs__desc {
  text-align: center;
}
.page-tabs--alt .page-tabs__body {
  background: #F2F4F7;
}
.page-tabs--alt .page-tabs__wrap.sticky-me {
  z-index: 20;
}
.page-tabs--alt .page-tabs__wrap.sticky-me .page-tabs__header {
  transition: all 0.4s ease;
  padding-top: 0;
}
.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title {
  transition: all 0.4s ease;
}
.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item__title .ic {
  transition: all 0.4s ease;
}
.page-tabs--alt .page-tabs__wrap.sticky-me .nav-tabs .nav-item .nav-link {
  transition: all 0.4s ease;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick {
  background: #FFF;
  bottom: auto !important;
  border-bottom: 1px solid #E2E2E2;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .page-tabs__header {
  padding-top: 56px;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title {
  margin: 0;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title .ic {
  height: 30px;
  width: 30px;
  min-width: 30px;
  margin-right: 12px;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item__title h3 {
  font-size: 16px;
  line-height: 24px;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link p {
  display: none;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.stick .nav-tabs .nav-item .nav-link::after {
  display: none;
}
.page-tabs--alt .page-tabs__wrap.sticky-me.show-top.stick .page-tabs__header {
  padding-top: 97px;
}
@media (max-width: 768px) {
  .page-tabs--alt {
    background: #F2F4F7;
  }
  .page-tabs--alt .nav-tabs {
    position: absolute;
    z-index: 2;
    height: 0;
    overflow: hidden;
    top: 49px;
    left: 0;
  }
  .page-tabs--alt .nav-tabs .nav-link .nav-item__title h3 {
    margin-bottom: 0;
  }
  .page-tabs--alt .nav-tabs .nav-link p {
    display: none;
  }
}
.page-tabs--red .page-tabs__header {
  padding-top: 0;
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link {
  padding: 16px 24px;
  border: 1px solid #F2F4F7;
  border-bottom-width: 0;
  background: transparent;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
  cursor: pointer;
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title {
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title .ic.svg {
  width: 40px;
  height: auto;
  margin-right: 16px;
  filter: brightness(0) invert(1);
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  color: #FFF;
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link.active, .page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link:hover {
  background: #FFF;
  cursor: pointer;
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link.active .nav-item__title .ic.svg, .page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link:hover .nav-item__title .ic.svg {
  width: 40px;
  margin-right: 16px;
  filter: brightness(1) invert(0);
}
.page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link.active .nav-item__title label, .page-tabs--red .page-tabs__header .nav-tabs .nav-item .nav-link:hover .nav-item__title label {
  color: #009BDE;
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown {
  position: relative;
}
@media (max-width: 768px) {
  .page-tabs--red .page-tabs__header .page-tabs__dropdown {
    margin-top: -10px;
  }
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown .selected {
  display: none;
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 35px 10px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2B2A35;
  font-size: 16px;
  line-height: 1.85rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown .selected::after {
  content: "";
  background: url(../images/arrow-down.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  bottom: 12px;
  right: 10px;
}
@media (max-width: 768px) {
  .page-tabs--red .page-tabs__header .page-tabs__dropdown .selected {
    height: 48px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    display: block;
  }
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown.active .nav-tabs {
  overflow-x: hidden;
  overflow-y: scroll;
  height: auto !important;
  border: 1px solid #E2E2E2;
  margin: 0;
  padding-right: 0;
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown.active .nav-tabs .nav-item {
  background: #FFF;
  margin: 0;
  border: 0;
  padding: 0;
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown.active .nav-tabs .nav-item .nav-link .nav-item__title {
  text-align: left;
}
.page-tabs--red .page-tabs__header .page-tabs__dropdown.active .nav-tabs .nav-item .nav-link .nav-item__title label {
  color: #2B2A35;
}
.page-tabs--red .page-tabs__body {
  background: #fff;
}
.page-tabs--red .page-tabs__wrap.sticky-me.stick {
  z-index: 2;
  background: linear-gradient(267.45deg, #039DDF 7.3%, #16A6E5 42.37%, #19A8E6 81.39%);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
}
.page-tabs--red .page-tabs__wrap.sticky-me.stick .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-item .nav-link {
  border-radius: 0;
  border-top-width: 0;
  padding: 8px 24px;
}
@media (max-width: 768px) {
  .page-tabs--red .page-tabs__wrap {
    height: 75px;
    width: 100% !important;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown {
    margin-top: 7px;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs {
    position: absolute;
    z-index: 2;
    height: 0;
    overflow: hidden;
    top: 49px;
    left: 0;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link .nav-item__title h3 {
    margin-bottom: 0;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link .nav-item__title .ic.svg {
    filter: unset !important;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link p {
    display: none;
  }
  .page-tabs--red .page-tabs__body {
    background: #F2F4F7;
  }
}
@media (max-width: 768px) {
  .page-tabs--red .page-tabs__wrap {
    height: 65px;
    width: 100% !important;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown {
    margin-top: 7px;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs {
    position: absolute;
    z-index: 2;
    height: 0;
    overflow: hidden;
    top: 49px;
    left: 0;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link .nav-item__title h3 {
    margin-bottom: 0;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link .nav-item__title .ic.svg {
    filter: unset !important;
  }
  .page-tabs--red .page-tabs__wrap .page-tabs__header .page-tabs__dropdown .nav-tabs .nav-link p {
    display: none;
  }
  .page-tabs--red .page-tabs__body {
    background: #F2F4F7;
  }
}
@media (max-width: 991px) {
  .page-tabs--accr .page-tabs__wrap {
    display: none;
  }
  .page-tabs--accr .tab-content--accr {
    padding: 0 16px 64px 16px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr {
    display: block;
    opacity: 1;
    padding: 20px 0;
    background: #FFF;
    border-radius: 4px;
    margin-bottom: 2px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .mobile-section {
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .mobile-section img {
    display: none;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .mobile-section h3 {
    font-size: 18px;
    line-height: 28px;
    padding-right: 20px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .mobile-section::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url("../images/ic-chevron-down.svg") no-repeat center;
    background-size: contain;
    translate: all linear 0.3s;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .mobile-section p,
  .page-tabs--accr .tab-content--accr .tab-pane--accr .fitur-blocks,
  .page-tabs--accr .tab-content--accr .tab-pane--accr .testimonial-industry,
  .page-tabs--accr .tab-content--accr .tab-pane--accr .block-cta {
    display: none;
    background: #FFF;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .testimonial-industry {
    padding-bottom: 30px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .testimonial-industry .item__box {
    background: #F2F4F7;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .block-cta .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr .fitur-blocks--industry .fitur-block {
    padding: 24px 12px;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr.active .mobile-section::after {
    transform: rotateZ(180deg);
    translate: all linear 0.3s;
  }
  .page-tabs--accr .tab-content--accr .tab-pane--accr.active .mobile-section p,
  .page-tabs--accr .tab-content--accr .tab-pane--accr.active .fitur-blocks,
  .page-tabs--accr .tab-content--accr .tab-pane--accr.active .testimonial-industry,
  .page-tabs--accr .tab-content--accr .tab-pane--accr.active .block-cta {
    display: block;
    background: #FFF;
  }
}

.promo-banner {
  padding: 67px 0 0 0;
}
.promo-banner__wrap {
  background: #FFF;
  padding-bottom: 64px;
  border-bottom: 1px solid #E3E3E8;
}
.promo-banner__wrap .post {
  color: #2B2A35;
  margin-bottom: 48px;
}
.promo-banner__wrap .post__img {
  margin-bottom: 12px;
}
.promo-banner__wrap .post__img img {
  width: 80px !important;
  height: auto !important;
}
.promo-banner__wrap .post__title {
  margin-bottom: 16px;
  display: block;
  font-size: 20px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.promo-banner__title {
  margin-bottom: 48px;
  font-size: 28px;
  line-height: 36px;
}
.promo-banner__content {
  padding-left: 48px;
  padding-right: 48px;
}
.promo-banner__img {
  margin-bottom: 64px;
}
.promo-banner__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
.promo-banner__action {
  padding-left: 16px;
  padding-right: 16px;
}
.promo-banner__action a {
  display: inline-block;
  margin-right: 16px;
}
.promo-banner__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .promo-banner {
    padding: 24px 0;
  }
  .promo-banner__wrap {
    border-radius: 0 0 6px 6px;
    border-bottom: 0;
    padding-bottom: 48px;
  }
  .promo-banner__wrap .post {
    margin-bottom: 30px;
  }
  .promo-banner__wrap .post__img {
    display: inline-block;
    width: 56px;
    height: 56px;
    margin-right: 16px;
    vertical-align: top;
  }
  .promo-banner__wrap .post__img img {
    width: 56px !important;
    height: auto !important;
  }
  .promo-banner__wrap .post__content {
    display: inline-block;
    width: calc(100% - 77px);
    vertical-align: top;
  }
  .promo-banner__wrap .post__content p {
    display: none;
  }
  .promo-banner__wrap .post__title {
    margin: 8px 0;
    font-size: 16px;
    line-height: 23px;
  }
  .promo-banner__content {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 40px;
  }
  .promo-banner__title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 37px;
  }
  .promo-banner__action {
    margin-top: 10px;
  }
  .promo-banner__action a {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .promo-banner__action a:last-child {
    margin-bottom: 0;
  }
  .promo-banner__action.alt {
    margin-top: 28px;
  }
  .promo-banner__img {
    margin-bottom: 0;
  }
  .promo-banner__img img {
    height: auto;
  }
}

.promo-benefit {
  padding: 64px 0 80px 0;
}
.promo-benefit__content {
  padding-right: 60px;
}
.promo-benefit__subtitle, .promo-benefit__meta {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.promo-benefit__title {
  margin-bottom: 28px;
}
.promo-benefit__action {
  margin-top: 30px;
}
.promo-benefit__action a {
  margin-right: 16px;
}
.promo-benefit__action a:last-child {
  margin-right: 0;
}
.promo-benefit__label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
}
.promo-benefit__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.promo-benefit__img .video video {
  width: 100%;
  height: auto;
  pointer-events: none;
}
@media (max-width: 991px) {
  .promo-benefit {
    padding: 24px 0;
  }
  .promo-benefit__wrap {
    color: #232933;
  }
  .promo-benefit__wrap .row {
    flex-direction: column-reverse;
  }
  .promo-benefit__content {
    padding-right: 0;
  }
  .promo-benefit__content .custom-list {
    margin-bottom: 36px;
  }
  .promo-benefit__subtitle, .promo-benefit__meta {
    text-align: center;
  }
  .promo-benefit__title {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
  }
  .promo-benefit__action a {
    width: 100%;
    display: block;
    margin-bottom: 16px;
    margin-right: 0;
  }
  .promo-benefit__action a:last-child {
    margin-bottom: 0;
  }
  .promo-benefit__img {
    margin-bottom: 30px;
    display: none;
  }
  .promo-benefit__img img {
    height: auto;
  }
}

.promo-steps {
  padding-top: 80px;
  padding-bottom: 40px;
}
.promo-steps__wrap .section-head__title {
  text-align: center;
  margin-bottom: 64px;
  color: #232933 !important;
}
.promo-steps__wrap .post {
  text-align: center;
}
.promo-steps__wrap .post__img img {
  width: 160px;
  height: auto;
  margin-bottom: 16px;
}
.promo-steps__wrap .post__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
  display: block;
  font-size: 1.25rem;
  line-height: 2rem;
}
.promo-steps__wrap .post__content {
  padding-right: 0;
}
.promo-steps__wrap .with-arrow .post {
  position: relative;
}
.promo-steps__wrap .with-arrow .post::after {
  background: url("../images/arrow-dash-dark.svg") no-repeat center;
  position: absolute;
  display: inline-block;
  top: 25%;
  right: -25%;
  content: "";
  width: 160px;
  height: 11px;
}
.promo-steps__wrap .with-arrow:last-child .post::after {
  display: none;
}
@media (max-width: 991px) {
  .promo-steps {
    padding: 24px 0 14px 0;
  }
  .promo-steps__wrap .post {
    display: block;
    text-align: left;
    padding: 0 24px;
  }
  .promo-steps__wrap .post__img {
    display: inline-block;
    vertical-align: top;
    width: 56px;
    margin-right: 16px;
  }
  .promo-steps__wrap .post__img img {
    width: 100px;
    height: auto;
  }
  .promo-steps__wrap .post__content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 77px);
  }
  .promo-steps__wrap .post__content p {
    opacity: 0;
    height: 0;
    transition: height 0.5s linear;
  }
  .promo-steps__wrap .post__title {
    font-size: 16px;
    line-height: 23px;
    margin: 8px 0;
    position: relative;
  }
  .promo-steps__wrap .post__title::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -30px;
    top: 0;
    width: 25px;
    height: 25px;
    background: url("../images/arrow-down.svg") no-repeat center;
    background-size: contain;
    transition: 0.3s linear;
  }
  .promo-steps__wrap .post.show .post__content p {
    opacity: 1;
    height: auto;
    transition: height 0.5s linear;
  }
  .promo-steps__wrap .post.show .post__title::after {
    transform: rotate(180deg);
    transition: 0.3s linear;
  }
  .promo-steps__wrap .section-head__title {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 40px !important;
  }
  .promo-steps .with-arrow .post {
    position: relative;
    padding: 0 24px 56px 24px;
    margin-bottom: 0;
  }
  .promo-steps .with-arrow .post::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 86px;
    height: calc(100% - 125px);
    width: 2px;
    border-right: 2px dotted #9090A2;
  }
  .promo-steps .with-arrow .post::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 20px;
    bottom: 25px;
    top: unset;
    left: 36px;
    background: url("../images/arrow-down.svg") no-repeat center;
    background-size: contain;
  }
  .promo-steps .with-arrow:last-child .post::before, .promo-steps .with-arrow:last-child .post::after {
    display: none;
  }
}

.section-tabs__header .nav-tabs {
  background: #F2F4F7;
  border-radius: 100px;
  display: inline-flex;
  padding: 4px;
  overflow: hidden;
}
.section-tabs__header .nav-tabs .nav-item {
  cursor: pointer;
  border: 0;
}
.section-tabs__header .nav-tabs .nav-item .nav-link {
  padding: 8px 20px !important;
  height: auto;
  position: relative;
  border: 0;
  cursor: pointer;
  background: transparent;
  display: inline-block;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.active {
  background: #4B61DD;
  border-radius: 100px;
  box-shadow: none;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.active .nav-item__title label {
  color: #FFF;
  margin-bottom: 0;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.active:hover {
  background: #4B61DD;
  box-shadow: none;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.active:hover .nav-item__title label {
  color: #FFF;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.alt.active {
  background: #FFF;
  color: #e1eefc;
  border-radius: 100px;
  box-shadow: none;
  border: 1px solid #4B61DD;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.alt.active .nav-item__title label {
  color: #4B61DD;
  margin-bottom: 0;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.alt.active:hover {
  background: #FFF;
  color: #e1eefc;
  border-radius: 100px;
  box-shadow: none;
  border: 1px solid #4B61DD;
}
.section-tabs__header .nav-tabs .nav-item .nav-link.alt.active:hover .nav-item__title label {
  color: #4B61DD;
  margin-bottom: 0;
}
.section-tabs__header .nav-tabs .nav-item .nav-link:hover {
  background: transparent;
  cursor: pointer;
  box-shadow: none;
}
.section-tabs__header .nav-tabs .nav-item .nav-link:hover .nav-item__title label {
  color: #232933;
}
.section-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title {
  margin-bottom: 0;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.section-tabs__header .nav-tabs .nav-item .nav-link .nav-item__title label {
  color: #9090A2;
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.section-tabs__body {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .section-tabs__header {
    position: relative;
    text-align: center;
  }
  .section-tabs__header .nav-tabs {
    position: relative;
    height: auto;
    top: inherit;
    left: inherit;
    background: #FFF;
  }
}

@media (max-width: 991px) {
  .promo-form .form-meeting__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .promo-form .form-meeting__desc {
    display: none;
  }
}

.download-cta.mt-70,
.cta-block.mt-70 {
  margin-top: 70px;
}
@media (max-width: 479px) {
  .download-cta.mt-70,
  .cta-block.mt-70 {
    margin-top: 20px;
  }
}
.download-cta__box,
.cta-block__box {
  background: #F9FAFB;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 8px;
}
.download-cta__meta,
.cta-block__meta {
  padding: 40px 40px 40px 0;
}
.download-cta__img img,
.cta-block__img img {
  margin-top: -20%;
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
.download-cta__desc,
.cta-block__desc {
  margin-bottom: 24px;
}
.download-cta.download-cta--enterprise,
.cta-block.download-cta--enterprise {
  padding-top: 80px;
  padding-bottom: 64px;
}
.download-cta.download-cta--enterprise .download-cta__img,
.cta-block.download-cta--enterprise .download-cta__img {
  padding-left: 6px;
  margin-right: -12px;
}
.download-cta.download-cta--enterprise .download-cta__img img,
.cta-block.download-cta--enterprise .download-cta__img img {
  margin-top: -20%;
}
@media (max-width: 768px) {
  .download-cta__box,
  .cta-block__box {
    padding: 24px 24px 16px;
    border-radius: 8px;
  }
  .download-cta__meta,
  .cta-block__meta {
    padding: 16px 0 0 0;
    text-align: center;
  }
  .download-cta__title,
  .cta-block__title {
    font-size: 26px;
    line-height: 32px;
  }
  .download-cta__img img,
  .cta-block__img img {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .download-cta.download-cta--enterprise,
  .cta-block.download-cta--enterprise {
    padding-top: 80px;
    padding-bottom: 64px;
  }
  .download-cta.download-cta--enterprise .download-cta__img,
  .cta-block.download-cta--enterprise .download-cta__img {
    padding-left: 0;
    margin-right: 0;
  }
  .download-cta.download-cta--enterprise .download-cta__img img,
  .cta-block.download-cta--enterprise .download-cta__img img {
    margin-top: 0;
    max-width: 200px;
  }
}

.cta-block {
  padding: 40px 0 80px 0;
}
.cta-block__box {
  background: #FFF;
}
.cta-block__meta {
  padding: 48px;
}
.cta-block__title {
  font-size: 32px;
  line-height: 40px;
}
.cta-block__action a {
  margin-right: 16px;
}
.cta-block__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .cta-block {
    padding: 0 0 80px 0;
  }
  .cta-block__title {
    font-size: 28px;
    line-height: 36px;
  }
  .cta-block__action a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .cta-block__action a:last-child {
    margin-bottom: 0;
  }
  .cta-block__meta {
    padding: 0;
  }
}

.pricing-testi {
  padding: 48px 0;
  position: relative;
}
.pricing-testi.promo {
  padding-bottom: 80px;
}
.pricing-testi:before {
  content: "";
  display: block;
  width: 78vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #F2F4F7;
}
.pricing-testi__sub {
  display: block;
  color: #545465;
  margin: 0 0 8px;
}
.pricing-testi .more {
  display: inline-block;
  color: #334AC0;
  transition: all 0.4s ease;
}
.pricing-testi .more img, .pricing-testi .more svg {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 0.5rem;
  margin-left: 0.5rem;
}
.pricing-testi .more:hover {
  color: #334AC0;
  text-decoration: underline;
}
.pricing-testi .list-item {
  display: block;
}
.pricing-testi .list-item:not(:first-child) {
  margin-top: 3rem;
}
.pricing-testi .list-item .item {
  position: relative;
  padding-left: 64px;
  margin-bottom: 40px;
}
.pricing-testi .list-item .item .icon {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.pricing-testi .list-item .item span {
  display: block;
  color: #232933;
}
.pricing-testi .list-item .item .number {
  font-size: 3rem;
  line-height: 1.167em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-testi .owl-dots {
  text-align: left;
  padding: 0 42px;
  bottom: 3rem;
}
.pricing-testi .owl-dot {
  display: inline-block;
  background: transparent !important;
}
.pricing-testi .owl-dot span {
  background-color: #FFF;
  opacity: 0.3;
}
.pricing-testi .owl-dot.active span {
  opacity: 1;
  background-color: #FFF;
}
.pricing-testi .testi {
  background: #10253E;
  margin-left: 6px;
  margin-right: 6px;
  border-radius: 0.5rem;
}
.pricing-testi .testi .logo {
  margin-bottom: 2rem;
}
.pricing-testi .testi .logo img {
  display: block;
  height: 2rem;
  width: auto;
}
.pricing-testi .testi .quote p {
  font-size: 1.5rem;
  line-height: 1.333em;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.pricing-testi .testi .quote span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.429em;
  margin-bottom: 4px;
}
.pricing-testi .testi .quote .name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-testi .testi .more {
  display: block;
  position: absolute;
  bottom: 2rem;
  right: 2.5rem;
  color: #F5D4CF;
}
.pricing-testi .testi .more svg path {
  fill: #F5D4CF;
}
.pricing-testi .testi__img {
  position: relative;
  width: 100%;
  padding-top: 42%;
}
.pricing-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;
}
.pricing-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;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.pricing-testi .testi__body {
  position: relative;
  padding: 2rem 2.5rem 2rem 2.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
.pricing-testi .testi__body:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #FFF;
}
.pricing-testi .owl-item .testi__body {
  padding-bottom: 5rem;
}
.pricing-testi:not([class*=theme-]) .testi__img .btn-play {
  background-color: #005FBF;
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.4);
  animation: primary 2s infinite;
}
@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);
  }
}
.pricing-testi:not([class*=theme-]) .testi .more {
  color: #A68AF1;
}
.pricing-testi:not([class*=theme-]) .testi .more svg path {
  fill: #A68AF1;
}
.pricing-testi--alt {
  background: #F2F4F7;
  padding: 0;
}
.pricing-testi--alt:before {
  display: none;
}
.pricing-testi--alt .pricing-testi__wrap {
  position: relative;
  max-width: 83.333%;
  padding: 32px 0;
  margin: 0 auto;
}
.pricing-testi--alt .pricing-testi__wrap:before {
  content: "";
  display: block;
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #10253E;
}
.pricing-testi--alt .slider-testi-alt {
  padding-left: 56px;
}
.pricing-testi--alt .product-testi__block-img,
.pricing-testi--alt .block-testi__block-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.pricing-testi--alt .product-testi__block-img img,
.pricing-testi--alt .block-testi__block-img img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  border-radius: 8px;
}
.pricing-testi--alt .product-testi__block-img .btn-play,
.pricing-testi--alt .block-testi__block-img .btn-play {
  z-index: 2;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.75rem;
  background-color: #4B61DD;
  background-image: url(../images/ic-play-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  box-shadow: 0 0 0 rgba(0, 95, 191, 0.4);
  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);
  }
}
.pricing-testi--alt .owl-item .testi__body {
  padding-bottom: 1.5rem;
}
.pricing-testi--alt .owl-dots {
  bottom: 8px;
  padding: 0;
  left: 8px;
}
.pricing-testi--alt .owl-dot {
  outline: none !important;
}
.pricing-testi--alt .owl-dot span {
  background: #e2e2e2;
  opacity: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 0 6px;
}
.pricing-testi--alt .owl-dot.active span {
  background: #4B61DD;
  border-color: #4B61DD;
}
.pricing-testi--alt .testi .quote {
  max-width: 90%;
  color: #FFF;
}
.pricing-testi--alt .testi .quote p {
  font-size: 1.5rem;
  line-height: 1.3333em;
  margin-bottom: 40px;
}
.pricing-testi--alt .testi .more {
  position: relative;
  bottom: auto;
  right: auto;
  margin-top: 32px;
}
.pricing-testi--alt .testi__body {
  padding: 0 0 32px 0;
}
.pricing-testi--alt .testi__body:before {
  display: none;
}
@media (max-width: 991px) {
  .pricing-testi--alt {
    padding-top: 0;
  }
  .pricing-testi--alt.promo {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pricing-testi--alt::before {
    display: none;
  }
  .pricing-testi--alt .product-testi__block-img img {
    border-radius: 8px 8px 0 0;
  }
  .pricing-testi--alt .pricing-testi__wrap {
    max-width: 100%;
    padding: 0;
  }
  .pricing-testi--alt .pricing-testi__wrap::before {
    display: none;
  }
  .pricing-testi--alt .slider-testi-alt {
    padding-left: 0;
  }
  .pricing-testi--alt .testi {
    margin: 0;
    height: 100%;
    border-radius: 0 0 8px 8px;
    padding: 2rem 1.5rem 2rem 1.5rem;
  }
  .pricing-testi--alt .testi .quote {
    max-width: 100%;
  }
  .pricing-testi--alt .owl-dots {
    position: relative;
    text-align: center;
    left: unset;
    bottom: unset;
    background: #10253E;
    margin: 0;
    padding: 20px 0;
  }
  .pricing-testi--alt .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.7);
  }
  .pricing-testi--alt .owl-dots .owl-dot.active span {
    background: #FFF;
  }
  .pricing-testi--alt .owl-stage {
    display: flex !important;
    align-items: stretch !important;
  }
  .pricing-testi--alt .owl-stage .slider-item {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .pricing-testi--alt .col-lg-4, .pricing-testi--alt .col-lg-8 {
    padding: 0;
  }
  .pricing-testi--alt .testi {
    border-radius: 0;
  }
  .pricing-testi--alt .product-testi__block-img img {
    border-radius: 0;
  }
}

.pricing-socproof {
  padding-bottom: 64px;
  padding-top: 64px;
  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: #005FBF;
}
.pricing-socproof .item__number span {
  color: #005FBF;
  font-size: 32px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  display: block;
  margin-bottom: 0;
}
.pricing-socproof .item__desc {
  max-width: 85%;
}
@media (max-width: 991px) {
  .pricing-socproof {
    padding-top: 48px;
  }
}

.promo-blue {
  background: radial-gradient(58.93% 675.17% at 52.51% 65.54%, #008CF2 0%, #004DC2 100%);
  color: #FFF;
  padding: 40px 0;
}
.promo-blue__title {
  color: #FFF;
}
@media (max-width: 768px) {
  .promo-blue {
    text-align: center;
  }
  .promo-blue__title {
    font-size: 26px;
    line-height: 32px;
  }
  .promo-blue__img {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .promo-form .form-meeting__title {
    font-size: 26px;
    line-height: 32px;
  }
}

.pricing-main {
  padding-bottom: 0;
}
.pricing-main__nav {
  text-align: center;
  padding-bottom: 40px;
}
.pricing-main__nav .nav {
  display: inline-block;
  background: #EDF0F2;
  border-radius: 24px;
  padding: 1.5px;
}
.pricing-main__nav .nav li {
  display: inline-block;
  width: auto;
  position: relative;
}
.pricing-main__nav .nav-item {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #232933;
  opacity: 1;
  border-radius: 100px;
  transition: all 0.4s ease;
  border: 1.5px solid transparent;
}
.pricing-main__nav .nav-item.active {
  background-color: #FFF;
  opacity: 1;
  color: #4B61DD;
  border: 1.5px solid #4B61DD;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.pricing-main .pricing-cards {
  padding-bottom: 64px;
}
.pricing-main .tnc {
  position: absolute;
  top: 100%;
  right: 12px;
  display: block;
  padding-top: 16px;
  text-align: right;
}
.pricing-main .card__wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pricing-main .card__head {
  padding: 20px;
  border: 1px solid #E2E2E2;
  background: #F2F4F7;
  border-radius: 4px 4px 0 0;
  min-height: 274px;
  display: flex;
  flex-direction: column;
}
.pricing-main .card__head.alt {
  min-height: unset;
}
.pricing-main .card__head h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
.pricing-main .card__head h3 .badge {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 4px 8px;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 0;
  color: #FFF;
  background: #009BDE;
  position: relative;
  top: -2px;
}
.pricing-main .card__head p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
  color: #232933;
}
.pricing-main .card__head .price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: auto;
  min-height: 75px;
  margin-bottom: 24px;
}
.pricing-main .card__head .price .sf {
  display: block;
  min-height: 20px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}
.pricing-main .card__head .price .pr {
  display: block;
  color: #2B2A35;
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.pricing-main .card__head .price .pr small {
  display: inline-block;
  color: #626B79;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-left: 6px;
}
.pricing-main .card__head .price span.badge {
  color: #4B61DD;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  border: 1px solid #4B61DD;
  background: #FFF;
  padding: 4px 12px;
  border-radius: 14px;
  margin: 0 0 0 8px;
  text-decoration: none;
}
.pricing-main .card__head .price span.label {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  display: block;
  color: #626B79;
  text-decoration: line-through;
}
.pricing-main .card__head .price span.tc {
  font-size: 14px;
  line-height: 20px;
  color: #626B79;
}
.pricing-main .card__toggle {
  position: relative;
  padding: 16px 40px 16px 20px;
  color: #009BDE;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-main .card__toggle:hover {
  color: rgb(0, 119.3918918919, 171);
}
.pricing-main .card__toggle::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/ic-chevron-up-cyan.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 12px);
  right: 16px;
  transform: rotate(0);
  transition: all 0.3s ease;
}
.pricing-main .card__toggle.collapsed::after {
  transform: rotate(180deg);
}
.pricing-main .card__collapse-wrap {
  padding: 8px 20px 40px;
}
.pricing-main .card__main {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  border: 1px solid #E2E2E2;
  border-top: 0;
  background: #FFF;
  border-radius: 0 0 4px 4px;
}
.pricing-main .card__main span.cat {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A35;
  margin-bottom: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pricing-main .card__main .card__collapse-wrap span.cat {
  font-size: 16px;
  line-height: 28px;
  text-decoration: underline;
}
.pricing-main .card__main ul.custom-list:not(:last-child) {
  margin-bottom: 24px;
}
.pricing-main .card__main ul.custom-list > li {
  padding-left: 32px;
  margin-bottom: 8px;
}
.pricing-main .card__main ul.custom-list > li:last-child {
  margin-bottom: 0;
}
.pricing-main .card__main .card__bonus {
  padding: 16px 12px;
}
.pricing-main .card__main .card__bonus span.cat {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}
.pricing-main .card__main .card__bonus .box {
  padding: 12px;
  background-color: #FFF5DC;
  border-radius: 4px;
}
.pricing-main .card--highlight .card__wrap {
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
}
.pricing-main .card--highlight .card__head {
  border-color: #009BDE;
  background: #EDFAFF;
}
.pricing-main .card--highlight .card__main {
  border-color: #009BDE;
}
.pricing-main .cta-all-feature {
  padding-top: 48px;
}
@media (max-width: 991px) {
  .pricing-main {
    padding-bottom: 0;
  }
  .pricing-main .pricing-cards {
    padding-bottom: 32px;
  }
  .pricing-main__nav {
    padding-bottom: 32px;
    position: relative;
  }
  .pricing-main__nav .nav {
    position: relative;
    width: auto;
    top: 0;
  }
  .pricing-main__nav .nav .nav-item {
    position: relative;
    width: auto;
    left: 0;
  }
  .pricing-main__nav .nav .nav-item.active::after {
    display: none;
  }
  .pricing-main .card {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .pricing-main .pricing-cards {
    flex-direction: column-reverse;
  }
}

.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 0.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;
}
.recom-addon .item__wrap {
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  padding: 20px;
  position: relative;
}
.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 0.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-arrow-down-blue.svg);
  transform: rotate(-90deg);
  transition: all 0.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 0.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);
  border: 1px solid #005FBF;
}
.recom-addon .item__wrap[data-toggle]:hover .item__title {
  color: #005FBF;
}
.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;
}
@media (max-width: 991px) {
  .recom-addon {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .recom-addon h2 {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .recom-addon {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.modal-add-ons .item {
  margin-bottom: 24px;
}
.modal-add-ons .item__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.modal-add-ons .item__desc {
  margin-bottom: 24px;
}
.modal-add-ons .item__price {
  display: block;
}
.modal-add-ons .item__price:not(:last-child) {
  margin-bottom: 24px;
}
.modal-add-ons .item__price .sf {
  display: block;
  min-height: 20px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}
.modal-add-ons .item__price .pr {
  display: block;
  color: #2B2A35;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.modal-add-ons .item__price .pr small {
  display: inline-block;
  color: #545465;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-left: 6px;
}
.modal-add-ons .item__list {
  margin-bottom: 28px;
}
.modal-add-ons .item__list span.cat {
  display: block;
  color: #2B2A35;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal-add-ons .item__wrap {
  padding: 24px 20px;
  height: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
}

.recom-bundle {
  padding-top: 64px;
  padding-bottom: 64px;
}
.recom-bundle h2 {
  text-align: center;
  margin-bottom: 48px;
}
.recom-bundle__nav .item {
  position: relative;
  padding: 20px 60px 20px 32px;
  background: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}
.recom-bundle__nav .item[data-toggle] {
  cursor: pointer;
}
.recom-bundle__nav .item:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/ic-chevron-right-round.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: calc(50% - 12px);
  right: 30px;
  opacity: 0;
  transition: all 0.3s ease;
}
.recom-bundle__nav .item__logo {
  position: relative;
  margin-bottom: 12px;
}
.recom-bundle__nav .item__logo img {
  display: block;
  height: 26px;
  width: auto;
}
.recom-bundle__nav .item.active {
  border-color: #005FBF;
  background: rgba(249, 226, 222, 0.5019607843);
}
.recom-bundle__nav .item.active:after {
  opacity: 1;
  right: 24px;
}
.recom-bundle__nav .item:not(.active):hover {
  background: #F2F4F7;
}
.recom-bundle .tab-pane {
  padding: 32px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
}
.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-family: "Inter", sans-serif;
  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 {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.recom-bundle .tab-pane .price .pn {
  font-size: 28px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #2B2A35;
}
.recom-bundle .tab-pane .price .pt {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #2B2A35;
}
.recom-bundle .tab-pane .tab-action {
  padding-top: 32px;
}
@media (max-width: 991px) {
  .recom-bundle {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .recom-bundle h2 {
    margin-bottom: 24px;
  }
  .recom-bundle__nav {
    display: none;
  }
  .recom-bundle .tab-pane {
    margin-bottom: 24px;
    display: block;
  }
  .recom-bundle .tab-pane__sm {
    display: block;
  }
  .recom-bundle .tab-pane__sm .item__logo {
    margin-bottom: 12px;
  }
  .recom-bundle .tab-pane__sm .item__desc {
    margin-bottom: 24px;
  }
  .recom-bundle .tab-pane .hide-sm {
    display: none;
  }
  .recom-bundle .tab-pane:last-child {
    margin-bottom: 0;
  }
}
.recom-bundle .tnc {
  display: block;
  padding-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #545465;
}
.recom-bundle .bundle {
  display: flex;
}
.recom-bundle .bundle__logo img {
  display: block;
  height: 48px;
  width: auto;
}
.recom-bundle .bundle__price {
  margin-top: auto;
  margin-bottom: 12px;
}
.recom-bundle .bundle__price .sf {
  display: block;
  margin-block-end: 8px;
}
.recom-bundle .bundle__price .pr {
  display: block;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.5px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.recom-bundle .bundle__price .pr small {
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  margin-left: 4px;
  color: #545465;
}
.recom-bundle .bundle__price .pr--alt {
  font-size: 30px;
  line-height: 48px;
}
.recom-bundle .bundle__action .btn {
  width: 100%;
}
.recom-bundle .bundle span.cat {
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #2B2A35;
  margin-bottom: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.recom-bundle .bundle__head {
  padding: 32px;
  background: #E5EFF8;
  border: 1px solid #005FBF;
  border-radius: 4px 0 0 4px;
  width: 100%;
  max-width: 38%;
  flex: 0 0 38%;
  display: flex;
  flex-direction: column;
}
.recom-bundle .bundle__head.theme--klikpajak {
  background: #FBF3DD;
  border-color: #F96D01;
}
.recom-bundle .bundle__main {
  padding: 32px;
  background: #FFF;
  border: 1px solid #E2E2E2;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  width: 100%;
  max-width: 62%;
  flex: 0 0 62%;
}
@media (max-width: 991px) {
  .recom-bundle .bundle {
    flex-wrap: wrap;
  }
  .recom-bundle .bundle__logo img {
    height: 32px;
    width: auto;
  }
  .recom-bundle .bundle__price {
    padding-top: 32px;
  }
  .recom-bundle .bundle__price .sf {
    margin-bottom: 4px;
  }
  .recom-bundle .bundle__price .pr {
    font-size: 28px;
    line-height: 36px;
  }
  .recom-bundle .bundle__price .pr small {
    font-size: 16px;
    line-height: 24px;
  }
  .recom-bundle .bundle__head {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 24px 24px 16px;
    border-radius: 4px 4px 0 0;
  }
  .recom-bundle .bundle__main {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 24px;
    border-radius: 0 0 4px 4px;
    border-left: 1px solid #E2E2E2;
    border-top: 0;
  }
}
@media (max-width: 768px) {
  .recom-bundle {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.our-customer.pr-new {
  padding: 64px 0;
}
.our-customer.pr-new .our-customer__title {
  max-width: 100%;
}
@media (max-width: 991px) {
  .our-customer.pr-new {
    padding: 48px 8px;
  }
}

.block-cta {
  text-align: center;
  position: relative;
}
.block-cta .container {
  padding-top: 64px;
  padding-bottom: 64px;
}
.block-cta__icon {
  margin-bottom: 8px;
}
.block-cta__icon img {
  display: block;
  height: 72px;
  width: auto;
  margin: 0 auto;
}
.block-cta__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 20px;
}
.block-cta__title.small {
  font-size: 24px;
  line-height: 32px;
}
.block-cta__desc {
  max-width: 600px;
  margin: 0 auto 32px;
}
.block-cta__buttons a {
  margin-right: 16px;
}
.block-cta__buttons a:last-child {
  margin-right: 0;
}
.block-cta hr.separator {
  max-width: 1224px;
  margin: 0 auto;
}
.block-cta--trial {
  background-color: #002A38;
  background-image: url("../images/pattern-cta.svg");
  color: #FFF;
}
.block-cta--trial .block-cta__title {
  color: #FFF;
}
.block-cta--trial .block-cta__desc {
  color: #FFF;
}
.block-cta.bg-snow {
  background: #F2F4F7;
}
.block-cta--duo .col-lg-6 {
  position: relative;
  padding-left: 7%;
  padding-right: 7%;
}
.block-cta--duo .col-lg-6::after {
  content: "";
  display: inline-block;
  height: 80%;
  width: 1px;
  position: absolute;
  background: #e2e2e2;
  top: 10%;
  right: 0;
}
.block-cta--duo .col-lg-6:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .block-cta__title, .block-cta__title.small {
    font-size: 24px;
    line-height: 32px;
  }
  .block-cta .container {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .block-cta--duo .col-lg-6 {
    padding-bottom: 40px;
  }
  .block-cta--duo .col-lg-6::after {
    width: 80%;
    height: 1px;
    bottom: 0;
    left: 10%;
    top: unset;
    right: unset;
  }
  .block-cta--duo .col-lg-6:last-child {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .block-cta__actions a {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
  .block-cta__actions a:last-child {
    margin-bottom: 0;
  }
}

.block-banner {
  padding-top: 24px;
  padding-bottom: 24px;
}
.block-banner__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 24px;
}
.block-banner__box {
  position: relative;
  padding: 60px 48px;
  background-color: #F8FAFC;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 8px;
}
.block-banner__content {
  max-width: 60%;
}
.block-banner__img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 40%;
}
.block-banner__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}
@media (max-width: 991px) {
  .block-banner {
    padding-left: 12px;
    padding-right: 12px;
  }
  .block-banner__box {
    padding: 24px;
  }
  .block-banner__content {
    max-width: 100%;
  }
  .block-banner__buttons .link-more {
    padding-top: 0;
    padding-bottom: 0;
  }
  .block-banner__img {
    display: none;
  }
}

.faq-block.pr-new {
  background-color: #FFF;
  padding-left: 12px;
  padding-right: 12px;
}

.sb {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #EEF0FF;
}
.sb__wrap {
  max-width: 800px;
  margin: 0 auto;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sb__close {
  z-index: 1;
  position: absolute;
  right: 16px;
  top: calc(50% - 10px);
  color: #525151;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.6);
  outline: none;
  padding: 0;
  text-align: center;
  transform: none;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  cursor: pointer;
}
.sb__close:hover {
  background: #FFF;
  transform: scale(1.1);
}
.sb__content {
  text-align: left;
  color: #FFF;
}
.sb__content h4 {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 4px;
}
@media (max-width: 768px) {
  .sb__content h4 {
    font-size: 14px;
    line-height: 20px;
  }
}
.sb__content p {
  font-size: 14px;
  line-height: 20px;
  color: #2B2A35;
}
@media (max-width: 768px) {
  .sb__content p {
    font-size: 11px;
    line-height: 20px;
  }
}
.sb__content p a {
  color: #1357FF;
  font-weight: normal;
  text-decoration: underline;
}
.sb__content .badge {
  font-size: 12px;
  line-height: 16px;
  background: #706FD3;
  border-radius: 4px;
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 8px;
  margin-right: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.sb__cta {
  margin-left: 48px;
}
.sb__cta .btn {
  font-size: 14px;
  line-height: 34px;
  border-radius: 3px;
  box-shadow: none;
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #143A72;
}
.sb__cta .btn:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #143A72;
  opacity: 0.85;
}
.sb.custom-cs {
  background: radial-gradient(58.93% 675.17% at 52.51% 65.54%, #008CF2 0%, #004DC2 100%);
}
.sb.custom-cs .sb__wrap {
  max-width: 1000px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.sb.custom-cs .sb__close {
  color: #005FBF;
}
.sb.custom-cs .sb__content p {
  color: #FFF;
  font-size: 20px;
  line-height: 30px;
}
.sb.custom-cs .sb__content span {
  display: inline-block;
  vertical-align: middle;
}
.sb.custom-cs .sb__content span.large {
  font-size: 32px;
  line-height: 40px;
  font-weight: 900;
  margin-left: 24px;
}
.sb.custom-cs .sb__cta .btn {
  color: #005FBF;
}
.sb.custom-cs .sb__cta .btn:hover {
  opacity: 1;
  background: transparent;
  color: #FFF;
}
@media (max-width: 768px) {
  .sb {
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 2;
  }
  .sb__wrap {
    flex-wrap: wrap;
  }
  .sb__close {
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #FFF;
  }
  .sb__content, .sb__cta {
    width: 100%;
    text-align: center;
  }
  .sb__cta {
    text-align: center;
    margin: 12px 0 0;
  }
}

.masthead--industry .masthead__content {
  padding-top: 32px;
  padding-bottom: 32px;
}
.masthead--industry .masthead__desc {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .masthead--industry {
    padding-left: 12px;
    padding-right: 12px;
  }
  .masthead--industry .masthead__content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .masthead--industry .masthead__title {
    font-size: 28px;
    line-height: 36px;
  }
  .masthead--industry .masthead__desc {
    margin-bottom: 32px;
  }
  .masthead--industry .masthead__media {
    padding-top: 32px;
    display: none;
  }
}

.industry-clients__title {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  max-width: 648px;
  margin: 0 auto 32px;
}
.industry-clients__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.industry-clients__list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  height: 64px;
  width: 100%;
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.industry-clients__list .item img {
  display: block;
  max-height: 56px;
  max-width: 100%;
  height: auto;
  width: auto;
}
.industry-clients__action {
  padding-top: 40px;
  text-align: center;
}
.industry-clients__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .industry-clients {
    padding-left: 12px;
    padding-right: 12px;
  }
  .industry-clients__title {
    font-size: 20px;
    line-height: 28px;
  }
  .industry-clients__wrap {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .industry-clients__list .item {
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.page-tabs--industry {
  padding-top: 80px;
}
@media (max-width: 991px) {
  .page-tabs--industry {
    padding-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .page-tabs--industry .page-tabs__header {
    padding: 0 12px 48px;
    margin-bottom: 24px;
  }
  .page-tabs--industry .mobile-section {
    padding-left: 12px;
    padding-right: 12px;
  }
  .page-tabs--industry .page-tabs__dropdown {
    margin: 0;
  }
}

.fitur-blocks--industry {
  padding-top: 64px;
}
.fitur-blocks--industry .section-head {
  padding-bottom: 0;
}
.fitur-blocks--industry .section-head__content {
  margin-bottom: 40px;
}
.fitur-blocks--industry .section-head__action .btn {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
.fitur-blocks--industry .fitur-block {
  padding-top: 64px;
  padding-bottom: 64px;
}
.fitur-blocks--industry .fitur-block ul.custom-list > li {
  margin-bottom: 12px;
}
.fitur-blocks--industry .fitur-block__action {
  padding-top: 24px;
}
@media (max-width: 991px) {
  .fitur-blocks--industry .section-head {
    padding-left: 12px;
    padding-right: 12px;
  }
  .fitur-blocks--industry .section-head .btn {
    margin-left: 0;
    margin-right: 0;
  }
  .fitur-blocks--industry .section-head__title {
    font-size: 24px;
    line-height: 32px;
  }
  .fitur-blocks--industry .fitur-block {
    padding: 48px 12px;
  }
  .fitur-blocks--industry .fitur-block__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.testimonial-industry {
  background: #F2F4F7;
}
.testimonial-industry__wrap {
  padding-bottom: 48px;
}
.testimonial-industry .item__quote {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-industry .item__author .author-logo {
  display: inline-block;
  vertical-align: middle;
  padding-right: 24px;
}
.testimonial-industry .item__author .author-logo img {
  height: 32px;
  width: auto;
  display: block;
}
.testimonial-industry .item__author .auhtor-content {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 24px;
  border-left: 1px solid #E2E2E2;
}
.testimonial-industry .item__author .auhtor-content span {
  display: block;
}
.testimonial-industry .item__author .auhtor-content .name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-industry .item__img {
  position: absolute;
  top: 0;
  left: 12px;
  width: 20%;
  padding: 36px 0;
}
.testimonial-industry .item__img .img {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.testimonial-industry .item__img .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.testimonial-industry .item__box {
  margin-left: 10%;
  background: #FFF;
  padding: 48px 40px 48px 14%;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 6px;
}
@media (max-width: 991px) {
  .testimonial-industry {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 64px;
  }
  .testimonial-industry__wrap {
    padding-bottom: 0;
  }
  .testimonial-industry .item__box {
    margin-left: 0;
    margin-top: 50%;
    padding: 24px;
  }
  .testimonial-industry .item__img {
    position: relative;
    left: 0;
    width: 100%;
    margin-top: -50%;
    margin-bottom: 32px;
    text-align: center;
    padding: 0;
  }
  .testimonial-industry .item__img .img {
    width: 208px;
    height: 208px;
    padding-top: 0;
    display: inline-block;
  }
  .testimonial-industry .item__quote {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .testimonial-industry .item__author .author-logo {
    display: block;
    margin-bottom: 16px;
  }
  .testimonial-industry .item__author .auhtor-content {
    display: block;
    padding: 0;
    border-left: 0;
  }
}

.advantage--industry .section-head__content {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .advantage--industry {
    padding: 64px 12px 32px;
  }
  .advantage--industry .section-head {
    padding-bottom: 32px;
  }
  .advantage--industry .post {
    margin-bottom: 32px;
  }
}

.block-addons {
  background: #011C40;
  margin-bottom: 80px;
}
.block-addons__title {
  color: #FFF;
  text-align: center;
}
.block-addons__buttons {
  text-align: center;
  margin-bottom: 56px;
}
.block-addons .package {
  background: #FFF;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  height: 100%;
  position: relative;
}
.block-addons .package__title {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.block-addons .package__price {
  margin-bottom: 24px;
}
.block-addons .package__price b {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.block-addons .package__price small {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin-left: 4px;
}
.block-addons .package__desc {
  margin-bottom: 60px;
  max-height: 250px;
}
.block-addons .package__action {
  position: absolute;
  padding: 32px 24px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.block-addons .items-addons {
  position: relative;
  padding-left: 48px;
  margin-left: -8px;
  margin-right: -8px;
}
.block-addons .items-addons::before {
  content: "+";
  display: block;
  width: 30px;
  height: 48px;
  position: absolute;
  top: calc(50% - 24px);
  left: 9px;
  font-size: 40px;
  line-height: 48px;
  color: #FFF;
  font-weight: 500;
}
.block-addons .items-addons .col-md-4 {
  padding-left: 8px;
  padding-right: 8px;
}
.block-addons .items-addons .item {
  background: #FFF;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  height: 100%;
  position: relative;
}
.block-addons .items-addons .item__icon {
  margin-bottom: 8px;
}
.block-addons .items-addons .item__icon img {
  display: block;
  height: 40px;
  width: auto;
}
.block-addons .items-addons .item__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.block-addons .items-addons .item__price {
  margin-bottom: 24px;
}
.block-addons .items-addons .item__price span {
  display: block;
}
.block-addons .items-addons .item__price b {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.block-addons .items-addons .item__price small {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin-left: 4px;
}
.block-addons .items-addons .item__desc {
  margin-bottom: 60px;
  max-height: 250px;
}
.block-addons .items-addons .item__action {
  position: absolute;
  padding: 32px 24px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.block-addons__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .block-addons__wrap {
    padding: 64px 24px;
  }
  .block-addons .items-addons {
    padding-left: 0;
    padding-top: 64px;
  }
  .block-addons .items-addons::before {
    top: 6px;
    left: calc(50% - 16px);
  }
  .block-addons .items-addons .col-md-4 {
    margin-bottom: 16px;
  }
  .block-addons .items-addons .item {
    display: block;
    position: relative;
  }
  .block-addons .items-addons .item::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: url("../images/ic-chevron-down.svg") no-repeat center;
    background-size: contain;
    top: 35px;
    right: 15px;
    trasition: all linear 0.3s;
  }
  .block-addons .items-addons .item__icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 16px;
  }
  .block-addons .items-addons .item__icon img {
    width: 32px;
    height: 32px;
  }
  .block-addons .items-addons .item__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .block-addons .items-addons .item__price, .block-addons .items-addons .item__desc {
    padding-left: 52px;
  }
  .block-addons .items-addons .item__price {
    margin-bottom: 0;
  }
  .block-addons .items-addons .item__desc {
    display: none;
    margin-top: 16px;
  }
  .block-addons .items-addons .item.show::after {
    transform: rotateZ(180deg);
    trasition: all linear 0.3s;
  }
  .block-addons .items-addons .item.show .item__desc {
    display: block;
  }
}

.block-cs {
  padding-bottom: 80px;
}
.block-cs .item {
  border-radius: 8px;
  overflow: hidden;
}
.block-cs .item__wrap {
  height: 100%;
}
.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;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 60px;
  background-color: #6CAEBE;
}
.block-cs .item__left .author__content {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
.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-family: "Inter", sans-serif;
  font-weight: 500;
}
.block-cs .item__left.alt {
  background: #005FBF;
}
.block-cs .item__right {
  background-color: #F2F4F7;
  padding: 40px 32px;
}
.block-cs .item__right .number {
  color: #048444;
  font-size: 64px;
  line-height: 72px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 12px;
}
.block-cs .item__right .desc {
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 32px;
}
.block-cs .slider-cs-dot {
  margin: 0;
  padding: 32px 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.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;
  opacity: 0.4;
  margin-bottom: 20px;
  transition: all 0.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 0.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 {
  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 {
  animation: progressBar 8s linear;
}
.block-cs__buttons {
  padding-top: 48px;
}
.block-cs .section-head {
  padding: 80px 0 64px;
}
.block-cs .slider-cs.no-slider {
  display: block;
}
.block-cs .slider-cs.no-slider + .slider-cs-dot .owl-dot img {
  opacity: 1;
}
@media (max-width: 991px) {
  .block-cs {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 64px;
  }
  .block-cs .item__left {
    padding: 24px 32px;
  }
  .block-cs .item__left .quote {
    font-size: 18px;
    line-height: 28px;
  }
  .block-cs .item__right {
    padding: 24px 32px;
  }
  .block-cs .item__right .number {
    font-size: 48px;
    line-height: 1.25em;
  }
  .block-cs .item__right .desc {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .block-cs .slider-cs-dot {
    display: none;
  }
  .block-cs .section-head {
    padding: 60px 0;
  }
  .block-cs .section-head__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.home-why {
  background: #F2F4F7;
}
.home-why--center .home-why__desc {
  margin-bottom: 48px;
}
.home-why__sub {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
  color: #626B79;
}
.home-why__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 28px;
}
.home-why__desc {
  margin-bottom: 48px;
}
.home-why__img img {
  display: block;
  width: 100%;
  height: auto;
}
.home-why .item {
  height: 100%;
}
.home-why .item__img {
  position: relative;
  margin-bottom: 12px;
}
.home-why .item__img .img {
  display: inline-block;
  padding: 18px;
  background: #EDF6FB;
  border-radius: 16px;
}
.home-why .item__img img {
  display: block;
  height: 44px;
  width: auto;
}
.home-why .item__title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
}
.home-why .item__wrap {
  padding: 32px;
  background: #fff;
  border-radius: 8px;
  display: block;
}
.home-why .item__desc {
  color: #2B2A35;
}
.home-why__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .home-why__img {
    margin-bottom: 16px;
  }
  .home-why__img img {
    max-width: 80%;
  }
  .home-why__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .home-why__desc {
    margin-bottom: 32px;
  }
  .home-why .item__img .img {
    padding: 12px;
  }
  .home-why .item__img .img img {
    height: 32px;
    width: auto;
  }
  .home-why .item__wrap {
    padding: 24px;
    margin-bottom: 18px;
  }
  .home-why__wrap {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.features-accr .accordion--section .card {
  padding-top: 80px;
}
.features-accr .accordion--section .card:nth-child(even) {
  background: #F2F4F7;
}
.features-accr .accordion--section .card:nth-child(even) .section-tabs__header .nav-tabs {
  background: #FFF;
}
.features-accr .accordion--section .card .card__header {
  border: 0;
  text-align: center;
}
.features-accr .accordion--section .card .card__header .card__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 28px;
}
.features-accr .accordion--section .card .card__header .card__desc {
  margin-bottom: 32px;
}
.features-accr .accordion--section .card .card__header::after {
  display: none;
}
.features-accr .accordion--section .card .collapse {
  display: block !important;
}
@media (max-width: 991px) {
  .features-accr .accordion--section {
    padding-left: 8px;
    padding-right: 8px;
  }
  .features-accr .accordion--section .card {
    padding-top: 40px;
    padding-bottom: 14px;
  }
  .features-accr .accordion--section .card:nth-child(even) {
    background: #F2F4F7;
  }
  .features-accr .accordion--section .card:nth-child(even) .section-tabs__header .nav-tabs {
    background: #FFF !important;
  }
  .features-accr .accordion--section .card .card__header {
    position: relative;
  }
  .features-accr .accordion--section .card .card__header .card__title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px;
  }
  .features-accr .accordion--section .card .card__header .card__toggle {
    margin-bottom: 40px;
  }
  .features-accr .accordion--section .card .card__header .card__toggle a.link-show {
    display: show;
  }
  .features-accr .accordion--section .card .card__header .card__toggle a.link-close {
    display: none;
  }
  .features-accr .accordion--section .card .card__header .card__desc {
    display: none;
  }
  .features-accr .accordion--section .card .collapse {
    display: none !important;
  }
  .features-accr .accordion--section .card .collapse .section-tabs ul.nav-tabs {
    width: auto;
    background: #F2F4F7;
  }
  .features-accr .accordion--section .card .collapse .section-tabs ul.nav-tabs .nav-link {
    opacity: 1;
    visibility: visible;
    max-height: auto !important;
  }
  .features-accr .accordion--section .card .collapse .section-tabs .tab-content {
    padding-left: 12px;
    padding-right: 12px;
  }
  .features-accr .accordion--section .card .collapse .promo-benefit__wrap {
    margin-bottom: 30px;
  }
  .features-accr .accordion--section .card .collapse .promo-benefit__title {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }
  .features-accr .accordion--section .card .collapse .promo-benefit__title br {
    display: none;
  }
  .features-accr .accordion--section .card .collapse .testimonial-small__wrap {
    padding: 15px 0 60px;
  }
  .features-accr .accordion--section .card .collapse .block-cta-alt .container {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .features-accr .accordion--section .card .collapse .block-cta-alt .container .block-cta-alt__title.small {
    font-size: 24px;
    line-height: 32px;
  }
  .features-accr .accordion--section .card .collapse .promo-benefit__wrap .row {
    flex-direction: row-reverse;
  }
  .features-accr .accordion--section .card .collapse .testimonial-small .item__img {
    position: absolute;
    width: 208px;
    height: 208px;
    left: calc(50% - 104px);
    top: 0;
  }
  .features-accr .accordion--section .card .collapse .testimonial-small .item__box {
    padding: 140px 24px 24px 24px;
    margin-top: 104px;
  }
  .features-accr .accordion--section .card.open .card__header .card__desc {
    display: block;
  }
  .features-accr .accordion--section .card.open .card__header .card__toggle a.link-show {
    display: none;
  }
  .features-accr .accordion--section .card.open .card__header .card__toggle a.link-close {
    display: block;
  }
  .features-accr .accordion--section .card.open .collapse {
    display: block !important;
  }
}

.testimonial-small__wrap {
  padding: 80px 0;
}
.testimonial-small .item__quote {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-small .item__author .author-logo {
  display: inline-block;
  vertical-align: middle;
  padding-right: 24px;
}
.testimonial-small .item__author .author-logo img {
  height: 32px;
  width: auto;
  display: block;
}
.testimonial-small .item__author .auhtor-content {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 24px;
  border-left: 1px solid #E2E2E2;
}
.testimonial-small .item__author .auhtor-content span {
  display: block;
}
.testimonial-small .item__author .auhtor-content .name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-small .item__img {
  position: absolute;
  top: 0;
  left: 12px;
  width: 20%;
  padding: 36px 0;
}
.testimonial-small .item__img .img {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.testimonial-small .item__img .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.testimonial-small .item__box {
  margin-left: 10%;
  background: #10253E;
  color: #FFF;
  padding: 48px 40px 48px 14%;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 6px;
}
@media (max-width: 479px) {
  .testimonial-small {
    padding-left: 12px;
    padding-right: 12px;
  }
  .testimonial-small .item__box {
    margin-left: 0;
    padding: 24px;
  }
  .testimonial-small .item__img {
    position: relative;
    left: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 32px;
  }
  .testimonial-small .item__quote {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .testimonial-small .item__author .author-logo {
    display: block;
    margin-bottom: 16px;
  }
  .testimonial-small .item__author .auhtor-content {
    display: block;
    padding: 0;
    border-left: 0;
  }
}

.block-cta-alt {
  text-align: center;
  position: relative;
}
.block-cta-alt .container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.block-cta-alt__icon {
  margin-bottom: 8px;
}
.block-cta-alt__icon img {
  display: block;
  height: 72px;
  width: auto;
  margin: 0 auto;
}
.block-cta-alt__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 20px;
}
.block-cta-alt__title.small {
  font-size: 24px;
  line-height: 32px;
}
.block-cta-alt__desc {
  max-width: 600px;
  margin: 0 auto 32px;
}
.block-cta-alt hr.separator {
  max-width: 1224px;
  margin: 0 auto;
}
.block-cta-alt--trial {
  background-color: #002A38;
  background-image: url("../images/pattern-cta.svg");
  color: #FFF;
}
.block-cta-alt--trial .block-cta-alt__title {
  color: #FFF;
}
.block-cta-alt--trial .block-cta-alt__desc {
  color: #FFF;
}
.block-cta-alt--simple .container {
  padding-top: 0;
}
.block-cta-alt--simple .block-cta-alt__buttons {
  padding-top: 20px;
}
.block-cta-alt--simple .block-cta-alt__buttons a {
  margin-right: 16px;
  margin-bottom: 0;
}
.block-cta-alt--simple .block-cta-alt__buttons a:last-child {
  margin-right: 0;
}
.block-cta-alt--simple .block-cta-alt__title {
  position: relative;
  padding-top: 32px;
}
.block-cta-alt--simple .block-cta-alt__title::before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 6px;
  background: #4B61DD;
  top: 0;
  left: calc(50% - 24px);
  position: absolute;
}
.block-cta-alt.bg-snow {
  background: #F2F4F7;
}
@media (max-width: 991px) {
  .block-cta-alt .container {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .block-cta-alt--simple .block-cta-alt__buttons a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .block-cta-alt--simple .block-cta-alt__buttons a:last-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.tf-block {
  overflow: hidden;
  width: 100%;
}
.tf-block__container {
  position: relative;
}
.tf-block__wrap {
  display: flex !important;
  position: relative;
  left: 0;
  transition: all 0.3s ease;
}
.tf-block__wrap--alt {
  position: relative;
  padding: 4px;
  background: #FFFFFF;
  box-shadow: 0px 23px 17px rgba(50, 50, 71, 0.1);
  border-radius: 4px;
  gap: 6px;
}
.tf-block__wrap--alt .owl-nav {
  position: absolute !important;
}
.tf-block__wrap--alt .owl-nav .owl-prev span,
.tf-block__wrap--alt .owl-nav .owl-next span {
  width: 44px !important;
  height: 44px !important;
}
.tf-block__wrap--alt .owl-dots {
  padding-top: 60px !important;
  bottom: unset !important;
}
.tf-block__wrap--alt.duo .item {
  flex: 0 0 calc(50% - 4px);
  width: calc(50% - 4px);
}
.tf-block__wrap--alt .item {
  flex: 0 0 calc(33.3333333333% - 4px);
  width: calc(33.3333333333% - 4px);
}
@media (max-width: 991px) {
  .tf-block__wrap--alt {
    gap: 0;
  }
  .tf-block__wrap--alt .item {
    flex: 0 0 100%;
    width: 100%;
  }
}
.tf-block__wrap--alt.old.duo .item {
  width: 100%;
  flex: 0 0 100%;
}
.tf-block__scrollwrap {
  margin-top: 62px;
  background: #E2E2E2;
  border-radius: 2px;
}
.tf-block__scrollbar {
  height: 4px;
  background: #005FBF;
  border-radius: 2px;
  cursor: pointer;
}
.tf-block .item {
  display: block;
}
.tf-block .item:last-child {
  margin-right: 0 !important;
}
.tf-block .item__img {
  display: block;
  width: 40px !important;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  margin-bottom: 8px;
}
.tf-block .item__title {
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
  min-height: 56px;
}
.tf-block .item__head {
  display: block;
  padding: 16px 20px;
  border-radius: 4px 4px 0 0;
  color: #FFF;
  min-height: 160px;
}
.tf-block .item__desc {
  display: block;
  min-height: 48px;
}
.tf-block .item__body {
  display: block;
  padding: 16px 20px;
  border-radius: 0 0 4px 4px;
  color: #2B2A35;
  background: #FFFFFF;
  min-height: 320px;
}
.tf-block .item--alt .item__body {
  background: #F2F4F7;
}
.tf-block--alt {
  padding-bottom: 80px;
}
.tf-block--alt .item__title {
  min-height: auto;
}
.tf-block--alt .owl-carousel .owl-stage-outer {
  overflow: hidden !important;
}
.tf-block--alt .owl-carousel .owl-nav {
  top: unset !important;
}
.tf-block--alt .owl-carousel .owl-nav .owl-prev span.prev img {
  transform: scaleX(-1) rotateZ(180deg);
}
.tf-block .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.tf-block .owl-nav {
  position: relative;
  padding-top: 40px;
  display: flex;
  width: 100%;
  height: auto;
  justify-content: flex-end;
}
.tf-block .owl-nav .owl-prev,
.tf-block .owl-nav .owl-next {
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  top: 0;
}
.tf-block .owl-nav .owl-prev:focus,
.tf-block .owl-nav .owl-next:focus {
  outline: none;
}
.tf-block .owl-nav .owl-prev.disabled span,
.tf-block .owl-nav .owl-next.disabled span {
  background: transparent;
  border-color: #b4b4b4;
}
.tf-block .owl-nav .owl-prev.disabled span img,
.tf-block .owl-nav .owl-next.disabled span img {
  filter: grayscale(100%);
  opacity: 0.5;
}
.tf-block .owl-nav .owl-prev:first-child,
.tf-block .owl-nav .owl-next:first-child {
  margin-right: 10px;
}
.tf-block .owl-nav .owl-prev:last-child,
.tf-block .owl-nav .owl-next:last-child {
  margin-left: 10px;
}
.tf-block .owl-nav .owl-prev span,
.tf-block .owl-nav .owl-next span {
  display: block;
  font-size: 20px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 1px solid #4B61DD;
  background: #FFF;
  padding: 12px;
}
.tf-block .owl-nav .owl-prev span img,
.tf-block .owl-nav .owl-next span img {
  display: block;
  position: relative;
}
.tf-block .owl-nav .owl-prev span.prev img,
.tf-block .owl-nav .owl-next span.prev img {
  transform: scaleX(-1);
}
.tf-block .owl-dots {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 22px;
  display: flex;
  width: calc(100% - 270px);
}
.tf-block .owl-dot {
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
}
.tf-block .owl-dot:hover, .tf-block .owl-dot:focus {
  outline: none;
}
.tf-block .owl-dot {
  width: 32px !important;
}
.tf-block .owl-dot span {
  display: block;
  width: 32px !important;
  height: 4px;
  background: #E2E2E2;
  border-radius: 2px;
}
.tf-block .owl-dot:hover, .tf-block .owl-dot:focus {
  outline: none;
}
.tf-block .owl-dot.active span {
  background: #005FBF;
}
@media (max-width: 768px) {
  .tf-block .tf-block__wrap {
    display: block;
    max-width: 90%;
  }
  .tf-block .tf-block__wrap--alt {
    max-width: 100%;
  }
  .tf-block .tf-block__wrap--alt .owl-dots {
    position: absolute !important;
    padding-top: 30px !important;
  }
  .tf-block .tf-block__scrollwrap {
    display: none;
  }
  .tf-block .owl-dots {
    position: relative;
    bottom: auto;
    margin-top: 32px;
    width: 100%;
    text-align: center;
  }
  .tf-block .owl-dot {
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
  }
  .tf-block .owl-dot:hover, .tf-block .owl-dot:focus {
    outline: none;
  }
  .tf-block .owl-dot span {
    display: block;
    width: 32px;
    height: 4px;
    background: #E2E2E2;
    border-radius: 2px;
  }
  .tf-block .owl-dot span:hover, .tf-block .owl-dot span:focus {
    outline: none;
  }
  .tf-block .owl-dot.active span {
    background: #005FBF;
  }
}

.support-block {
  padding: 5rem 0;
}
.support-block .section-head {
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 991px) {
  .support-block {
    padding-left: 8px;
    padding-right: 8px;
  }
  .support-block .section-head .section-head__title {
    font-size: 28px;
    line-height: 36px;
  }
}

.masthead--multiacc {
  padding: 0;
}
.masthead--multiacc .masthead__logo {
  margin-bottom: 48px;
}
.masthead--multiacc .masthead__content {
  padding: 0;
}
.masthead--multiacc .masthead__desc {
  max-width: 600px;
  margin: 0 auto;
}
.masthead--multiacc .masthead__wrap {
  padding-top: 40px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .masthead--multiacc {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.multiacc-cards {
  padding: 64px 0;
}
.multiacc-cards .item__title {
  display: block;
  color: #2B2A35;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 0 8px;
}
.multiacc-cards .item__desc {
  font-size: 14px;
  line-height: 20px;
}
.multiacc-cards .item__desc p {
  font-size: 14px;
  line-height: 20px;
}
.multiacc-cards .item__price .price {
  color: #9090A2;
}
.multiacc-cards .item__price .price span {
  text-decoration: line-through;
}
.multiacc-cards .item__price .price .badge {
  color: #4B61DD;
  font-size: 12px;
  line-height: 28px;
  font-weight: 500;
  border: 1px solid #4B61DD;
  background: #FFF;
  padding: 0 16px;
  border-radius: 14px;
  margin: 0 0 8px;
  text-decoration: none;
}
.multiacc-cards .item__price .price .label {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  color: #545465;
}
.multiacc-cards .item__price .price-after {
  font-weight: 500;
  padding-top: 8px;
}
.multiacc-cards .item__price .price-after span {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
}
.multiacc-cards .item__price .price-after small {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #545465;
}
.multiacc-cards .item__buttons {
  padding-top: 24px;
}
.multiacc-cards .item__head {
  padding: 24px 32px;
  border-radius: 4px 4px 0 0;
  background: #F2F4F7;
  border-bottom: 1px solid #E2E2E2;
}
.multiacc-cards .item__body {
  padding: 24px 32px 32px;
}
.multiacc-cards .item__wrap {
  display: flex;
  flex-direction: column;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
}
.multiacc-cards .item--blue .item__head {
  background: #EEF9FB;
  border-bottom: 1px solid #009BDE;
}
.multiacc-cards .item--blue .item__wrap {
  border: 1px solid #009BDE;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
}
.multiacc-cards__wrap {
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .multiacc-cards {
    padding: 32px 12px;
  }
  .multiacc-cards .item {
    margin-bottom: 32px;
    order: 1;
  }
  .multiacc-cards .item--blue {
    order: 0;
  }
  .multiacc-cards__head {
    margin-bottom: 26px;
  }
}

.testimonial-multiacc__wrap {
  padding-bottom: 64px;
}
.testimonial-multiacc .item__quote {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-multiacc .item__author .author-logo {
  display: inline-block;
  vertical-align: middle;
  padding-right: 24px;
}
.testimonial-multiacc .item__author .author-logo img {
  height: 32px;
  width: auto;
  display: block;
}
.testimonial-multiacc .item__author .auhtor-content {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 24px;
  border-left: 1px solid #E2E2E2;
}
.testimonial-multiacc .item__author .auhtor-content span {
  display: block;
}
.testimonial-multiacc .item__author .auhtor-content .name {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.testimonial-multiacc .item__img {
  position: absolute;
  top: 0;
  left: 12px;
  width: 20%;
  padding: 36px 0;
}
.testimonial-multiacc .item__img .img {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.testimonial-multiacc .item__img .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.testimonial-multiacc .item__box {
  margin-left: 10%;
  color: #FFF;
  background: #10253E;
  padding: 48px 40px 48px 14%;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 6px;
}
@media (max-width: 479px) {
  .testimonial-multiacc {
    padding-left: 12px;
    padding-right: 12px;
  }
  .testimonial-multiacc .item__box {
    margin-left: 0;
    padding: 24px;
  }
  .testimonial-multiacc .item__img {
    position: relative;
    left: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 32px;
  }
  .testimonial-multiacc .item__quote {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .testimonial-multiacc .item__author .author-logo {
    display: block;
    margin-bottom: 16px;
  }
  .testimonial-multiacc .item__author .auhtor-content {
    display: block;
    padding: 0;
    border-left: 0;
  }
}

.masthead--pac .masthead__desc {
  margin-bottom: 24px;
}
.masthead--pac .masthead__desc p:last-child {
  margin-bottom: 0;
}
.masthead--pac .masthead__content {
  padding-top: 30px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .masthead--pac .masthead__content {
    padding-bottom: 30px;
  }
}

.advantage--pac .section-head__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .advantage--pac {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .advantage--pac .section-head__title {
    font-size: 28px;
    line-height: 36px;
  }
}

.fya {
  background: #F2F4F7;
}
.fya__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 48px;
}
.fya__content ul.custom-list > li:last-child {
  margin-bottom: 0;
}
.fya__button {
  padding-top: 32px;
}
.fya__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .fya {
    padding-left: 12px;
    padding-right: 12px;
  }
  .fya .row {
    flex-direction: column-reverse;
  }
  .fya__title {
    font-size: 28px;
    line-height: 36px;
  }
  .fya__img {
    margin-bottom: 40px;
  }
  .fya__wrap {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.block-clients__pac {
  background: transparent;
  padding: 0;
}
.block-clients__pac .block-clients__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 48px;
}
.block-clients__pac .block-clients__list {
  display: flex;
  flex-wrap: wrap;
}
.block-clients__pac .block-clients__list .item {
  width: 100%;
  max-width: 16.666666%;
  flex: 0 0 16.666666%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
}
.block-clients__pac .block-clients__list .item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.block-clients__pac .block-clients__wrap {
  padding-top: 80px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .block-clients__pac {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
  }
  .block-clients__pac .block-clients__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .block-clients__pac .block-clients__title br {
    display: none;
  }
  .block-clients__pac .block-clients__list .item {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    height: 64px;
    padding: 12px 16px;
  }
  .block-clients__pac .block-clients__wrap {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.pca-steps {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pca-steps__wrap .section-head__title {
  text-align: center;
  margin-bottom: 64px;
  color: #232933 !important;
}
.pca-steps__wrap .post {
  text-align: center;
}
.pca-steps__wrap .post__img img {
  width: 80px;
  height: auto;
  margin-bottom: 16px;
}
.pca-steps__wrap .post__title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
  display: block;
  font-size: 1.25rem;
  line-height: 2rem;
}
.pca-steps__wrap .post__content {
  padding-right: 0;
}
.pca-steps__wrap .with-arrow .post {
  position: relative;
}
.pca-steps__wrap .with-arrow .post::after {
  background: url("../images/arrow-dash-dark.svg") no-repeat center;
  position: absolute;
  display: inline-block;
  top: 25%;
  right: -25%;
  content: "";
  width: 160px;
  height: 11px;
}
.pca-steps__wrap .with-arrow:last-child .post::after, .pca-steps__wrap .with-arrow:last-child .post::before {
  display: none !important;
}
.pca-steps.alt .pca-steps__wrap .with-arrow .post::after {
  right: -35%;
}
.pca-steps.alt .pca-steps__wrap .with-arrow .post__title {
  font-size: 18px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media (max-width: 991px) {
  .pca-steps {
    padding: 24px 12px 14px 12px;
  }
  .pca-steps .section-head .section-head__title {
    font-size: 28px;
    line-height: 36px;
  }
  .pca-steps__wrap .post {
    display: block;
    text-align: left;
    padding: 0 24px;
  }
  .pca-steps__wrap .post__img {
    display: inline-block;
    vertical-align: top;
    width: 56px;
    margin-right: 16px;
  }
  .pca-steps__wrap .post__img img {
    width: 100px;
    height: auto;
  }
  .pca-steps__wrap .post__content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 77px);
  }
  .pca-steps__wrap .post__content p {
    opacity: 0;
    height: 0;
    transition: height 0.5s linear;
  }
  .pca-steps__wrap .post__title {
    font-size: 16px;
    line-height: 23px;
    margin: 8px 0;
    position: relative;
  }
  .pca-steps__wrap .post.show .post__content p {
    opacity: 1;
    height: auto;
    transition: height 0.5s linear;
  }
  .pca-steps__wrap .section-head__title {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-bottom: 40px !important;
  }
  .pca-steps .with-arrow .post {
    position: relative;
    padding: 0 24px 56px 24px;
    margin-bottom: 0;
  }
  .pca-steps .with-arrow .post::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 86px;
    height: calc(100% - 125px);
    width: 2px;
    border-right: 2px dotted #9090A2;
  }
  .pca-steps .with-arrow .post::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 20px;
    bottom: 25px;
    top: unset;
    left: 36px;
    background: url("../images/arrow-down.svg") no-repeat center;
    background-size: contain;
  }
  .pca-steps .with-arrow:last-child .post::before, .pca-steps .with-arrow:last-child .post::after {
    display: none;
  }
  .pca-steps.alt {
    padding: 64px 12px;
  }
  .pca-steps.alt .section-head {
    padding-bottom: 0;
  }
  .pca-steps.alt .pca-steps__wrap .with-arrow .post {
    padding-left: 0;
    padding-right: 0;
  }
  .pca-steps.alt .pca-steps__wrap .with-arrow .post::before {
    top: 65px;
    left: 25px;
    height: calc(100% - 85px);
  }
  .pca-steps.alt .pca-steps__wrap .with-arrow .post::after {
    bottom: 10px;
    left: 11px;
  }
  .pca-steps.alt .pca-steps__wrap .with-arrow:last-child .post {
    padding-bottom: 30px;
  }
}

.pca-cta__title {
  color: #FFF;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 20px;
}
.pca-cta__desc {
  color: #FFF;
}
.pca-cta__buttons {
  padding-top: 20px;
}
.pca-cta__buttons .btn-white {
  color: #10253E;
  border-color: #FFF;
  opacity: 1;
  transition: all 0.3s ease;
}
.pca-cta__buttons .btn-white:hover {
  background: #FFF;
  opacity: 0.5;
}
.pca-cta__buttons a, .pca-cta__buttons .btn {
  margin-right: 14px;
  margin-bottom: 0;
}
.pca-cta__buttons a:last-child, .pca-cta__buttons .btn:last-child {
  margin-right: 0;
}
.pca-cta__box {
  background: #10253E;
  border-radius: 8px;
  color: #FFF;
  padding: 40px;
  text-align: center;
}
.pca-cta__wrap {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .pca-cta__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 28px;
  }
  .pca-cta__buttons {
    padding-top: 40px;
  }
  .pca-cta__buttons a, .pca-cta__buttons .btn {
    margin-right: 0;
    margin-bottom: 14px;
  }
  .pca-cta__buttons a:last-child, .pca-cta__buttons .btn:last-child {
    margin-bottom: 0;
  }
  .pca-cta__box {
    padding: 40px 20px 24px;
  }
}

.pca-table-block .pca-table {
  display: block;
  width: 100%;
  border-top: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
}
.pca-table-block .pca-table span.check {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url("../images/ic-check.svg") no-repeat center;
  background-size: contain;
}
.pca-table-block .pca-table span.uncheck {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background: url("../images/ic-cancel-circle.svg") no-repeat center;
  background-size: contain;
}
.pca-table-block .pca-table .head__title {
  display: block;
  color: #005FBF;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
}
.pca-table-block .pca-table .head__price {
  display: block;
  margin-bottom: 24px;
}
.pca-table-block .pca-table .head__price span {
  font-size: 28px;
  line-height: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.pca-table-block .pca-table .head__price small {
  font-size: 14px;
  line-height: 20px;
  margin-left: 4px;
}
.pca-table-block .pca-table .head__buttons a, .pca-table-block .pca-table .head__buttons .btn {
  margin-bottom: 14px;
}
.pca-table-block .pca-table .head__buttons a:last-child, .pca-table-block .pca-table .head__buttons .btn:last-child {
  margin-bottom: 0;
}
.pca-table-block .pca-table .cta-sm {
  display: none;
}
.pca-table-block .pca-table__row {
  position: relative;
  display: grid;
  grid-template-columns: 312px auto auto auto;
}
.pca-table-block .pca-table__th {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.pca-table-block .pca-table__th.has-bg {
  background-color: #F2F4F7;
}
.pca-table-block .pca-table__td {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 16px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.pca-table-block .pca-table__td.has-bg {
  background-color: #F2F4F7;
}
.pca-table-block__title {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 48px;
  text-align: center;
}
.pca-table-block__wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pca-table-block .tnc {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  color: #545465;
  margin-top: 16px;
}
.pca-table-block.alt .pca-table-block__title {
  margin-bottom: 68px;
}
.pca-table-block.alt .pca-table__row {
  grid-template-columns: 392px auto auto;
}
.pca-table-block.alt .pca-table__th.head, .pca-table-block.alt .pca-table__td.head {
  background: #F2F4F7;
}
.pca-table-block.alt .pca-table__th.head.highlight, .pca-table-block.alt .pca-table__td.head.highlight {
  font-size: 24px;
  line-height: 32px;
  color: #005FBF;
  background: #EDF6FB;
  margin-top: -10%;
  padding-top: 24px;
  padding-bottom: 24px;
  border: 1.5px solid #005FBF;
  border-radius: 8px 8px 0 0;
}
.pca-table-block.alt .pca-table__th.highlight, .pca-table-block.alt .pca-table__td.highlight {
  border-left: 1.5px solid #005FBF;
  border-right: 1.5px solid #005FBF;
}
.pca-table-block.alt .pca-table__th.highlight.last, .pca-table-block.alt .pca-table__td.highlight.last {
  border-bottom: 1.5px solid #005FBF;
  border-radius: 0 0 8px 8px;
}
.pca-table-block.alt .pca-table-block__action {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .pca-table-block .pca-table .hide-sm {
    display: none;
  }
  .pca-table-block .pca-table .cta-sm {
    display: block;
    background: #FFF;
  }
  .pca-table-block .pca-table .cta-sm .btn {
    margin-bottom: 0 !important;
  }
  .pca-table-block .pca-table .head__title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .pca-table-block .pca-table .head__price {
    margin-bottom: 0;
  }
  .pca-table-block .pca-table .head__price span {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    display: block;
  }
  .pca-table-block .pca-table .head__price small {
    display: block;
    margin: 0;
  }
  .pca-table-block .pca-table .head__buttons {
    display: none;
  }
  .pca-table-block .pca-table__th {
    padding: 14px;
    grid-column-start: 1;
    grid-column-end: 4;
    background: #F2F4F7;
  }
  .pca-table-block .pca-table__td {
    padding: 14px;
  }
  .pca-table-block .pca-table__td.has-bg {
    background: #FFF;
  }
  .pca-table-block .pca-table__row {
    width: 100%;
    grid-template-columns: auto auto auto;
  }
  .pca-table-block.alt .pca-table-block__title {
    font-size: 28px;
    line-height: 36px;
  }
  .pca-table-block.alt .pca-table__row {
    grid-template-columns: auto auto;
  }
  .pca-table-block.alt .pca-table__th {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .pca-table-block.alt .pca-table__th.head, .pca-table-block.alt .pca-table__td.head {
    background: #F2F4F7;
  }
  .pca-table-block.alt .pca-table__th.head.highlight, .pca-table-block.alt .pca-table__td.head.highlight {
    font-size: 18px;
    line-height: 24px;
    color: #005FBF;
    background: #EDF6FB;
    margin-top: -10%;
    padding: 14px 24px;
    border: 1.5px solid #005FBF;
    border-radius: 8px 8px 0 0;
  }
  .pca-table-block.alt .pca-table__th.highlight, .pca-table-block.alt .pca-table__td.highlight {
    border-left: 1px solid #E3E3E8;
    border-right: 1px solid #E3E3E8;
  }
  .pca-table-block.alt .pca-table__th.highlight.last, .pca-table-block.alt .pca-table__td.highlight.last {
    border-bottom: 1px solid #E3E3E8;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .pca-testi.pricing-testi--alt {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 64px;
  }
  .pca-testi.pricing-testi--alt .product-testi__block-img {
    margin: 0 auto;
    padding-top: 70%;
  }
  .pca-testi.pricing-testi--alt .product-testi__block-img .btn-play {
    right: 20%;
  }
  .pca-testi.pricing-testi--alt .product-testi__block-img img {
    border-radius: 8px;
    width: 70%;
    height: 100%;
    left: 15%;
    bottom: 0;
    top: auto;
  }
  .pca-testi.pricing-testi--alt .product-testi__block-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background: #10253E;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-radius: 6px 6px 0 0;
  }
  .pca-testi.pricing-testi--alt .testi {
    padding: 24px;
  }
  .pca-testi.pricing-testi--alt .testi__body {
    padding: 0;
  }
  .pca-testi.pricing-testi--alt .owl-dots {
    border-radius: 0 0 6px 6px;
  }
}

.form-footer {
  padding-top: 64px;
  text-align: center;
}
.form-footer .img {
  display: block;
  margin-bottom: 24px;
}
.form-footer .title {
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 12px;
}
.form-footer p a {
  color: #1357FF;
}
.form-footer p a:hover {
  text-decoration: underline;
}

.masthead-inapp {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.masthead-inapp__logo {
  margin-bottom: 40px;
}
.masthead-inapp__logo img {
  display: block;
  height: 40px;
  width: auto;
}
.masthead-inapp__title {
  font-size: 40px;
  line-height: 48px;
}
.masthead-inapp__desc {
  font-size: 14px;
  line-height: 20px;
}
.masthead-inapp__img {
  padding-top: 40px;
}
.masthead-inapp__form {
  padding: 32px;
  box-shadow: 0px 4px 8px rgba(119, 119, 119, 0.1), 0px 12px 20px rgba(119, 119, 119, 0.2);
  border-radius: 8px;
}
.masthead-inapp__form .form-group > label {
  font-size: 14px;
  line-height: 20px;
}
.masthead-inapp__form .form-control {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.masthead-inapp__form .dropdown.bootstrap-select .btn, .masthead-inapp__form .dropdown.bootstrap-select button {
  font-size: 14px;
  line-height: 36px;
}
.masthead-inapp__form .form-action {
  padding-top: 24px;
}
.masthead-inapp__form .form-action .btn {
  line-height: 18px;
}
.masthead-inapp__wrap {
  padding-top: 48px;
  padding-bottom: 64px;
}

.block-clients--in-talenta,
.block-clients--in-klikpajak {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: transparent;
  padding: 0;
}
.block-clients--in-talenta .block-clients__title,
.block-clients--in-klikpajak .block-clients__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
}
.block-clients--in-talenta .block-clients__list,
.block-clients--in-klikpajak .block-clients__list {
  display: flex;
  flex-wrap: wrap;
}
.block-clients--in-talenta .block-clients__list .item,
.block-clients--in-klikpajak .block-clients__list .item {
  width: 100%;
  max-width: 16.666666%;
  flex: 0 0 16.666666%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
}
.block-clients--in-talenta .block-clients__list .item img,
.block-clients--in-klikpajak .block-clients__list .item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.block-clients--in-talenta .block-clients__buttons,
.block-clients--in-klikpajak .block-clients__buttons {
  padding-top: 24px;
  text-align: center;
}
.block-clients--in-talenta .block-clients__wrap,
.block-clients--in-klikpajak .block-clients__wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .block-clients--in-talenta,
  .block-clients--in-klikpajak {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
  }
  .block-clients--in-talenta .block-clients__title,
  .block-clients--in-klikpajak .block-clients__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .block-clients--in-talenta .block-clients__title br,
  .block-clients--in-klikpajak .block-clients__title br {
    display: none;
  }
  .block-clients--in-talenta .block-clients__list .item,
  .block-clients--in-klikpajak .block-clients__list .item {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    height: 64px;
    padding: 12px 16px;
  }
  .block-clients--in-talenta .block-clients__wrap,
  .block-clients--in-klikpajak .block-clients__wrap {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

.advantage--in-talenta {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 0;
}
.advantage--in-talenta .advantage__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.advantage--in-talenta .advantage__wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}

.howjurnal--in-talenta,
.howjurnal--in-klikpajak {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.howjurnal--in-talenta .section-head,
.howjurnal--in-klikpajak .section-head {
  margin-bottom: 40px;
}
.howjurnal--in-talenta .section-head__title,
.howjurnal--in-klikpajak .section-head__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
  text-align: center;
}
.howjurnal--in-talenta .section-head__buttons,
.howjurnal--in-klikpajak .section-head__buttons {
  text-align: center;
}
.howjurnal--in-talenta .accordion .card__title,
.howjurnal--in-klikpajak .accordion .card__title {
  font-size: 14px;
  line-height: 20px;
}
.howjurnal--in-talenta .accordion .card__header,
.howjurnal--in-klikpajak .accordion .card__header {
  padding-top: 16px;
  padding-bottom: 16px;
}
.howjurnal--in-talenta .howjurnal__wrap,
.howjurnal--in-klikpajak .howjurnal__wrap {
  padding-top: 64px;
  padding-bottom: 64px;
}

.pricing-testi--in-talenta,
.pricing-testi--in-klikpajak {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, Inter, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #FFF;
  margin-bottom: 80px;
}
.pricing-testi--in-talenta .testi .quote p,
.pricing-testi--in-klikpajak .testi .quote p {
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 24px;
}
.pricing-testi--in-talenta .testi .quote span,
.pricing-testi--in-klikpajak .testi .quote span {
  font-size: 12px;
  line-height: 16px;
}
.pricing-testi--in-talenta .link-more-white,
.pricing-testi--in-klikpajak .link-more-white {
  font-size: 14px;
  line-height: 20px;
}
.pricing-testi--in-talenta .slider-testi-alt,
.pricing-testi--in-klikpajak .slider-testi-alt {
  padding-left: 0;
}
.pricing-testi--in-talenta .slider-testi-alt:not(.owl-carousel) .testi__body,
.pricing-testi--in-klikpajak .slider-testi-alt:not(.owl-carousel) .testi__body {
  padding-bottom: 0;
}
.pricing-testi--in-talenta .pricing-testi__img-custom,
.pricing-testi--in-klikpajak .pricing-testi__img-custom {
  max-width: 260px;
}
.pricing-testi--in-talenta .pricing-testi__wrap,
.pricing-testi--in-klikpajak .pricing-testi__wrap {
  max-width: 100%;
}
.pricing-testi--in-talenta .pricing-testi__wrap::before,
.pricing-testi--in-klikpajak .pricing-testi__wrap::before {
  border-radius: 4px;
}

.footertop-inapp {
  background: #143A72;
  border-radius: 0 0 4px 4px;
}
.footertop-inapp__title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  color: #FFF;
  margin-bottom: 24px;
}
.footertop-inapp--in-klikpajak {
  background: #1C1D1E;
}

.product-article article {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .product-article article {
    margin-bottom: 64px;
  }
}

.form-box {
  background: #FFFFFF;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 64px 54px;
}
@media (max-width: 991px) {
  .form-box {
    padding: 24px;
  }
}

#tnc ol {
  counter-reset: item;
  padding-left: 0;
  position: relative;
}
#tnc ol > li {
  position: relative;
  display: block;
  padding-left: 40px;
  margin-bottom: 20px;
}
#tnc ol > li p {
  margin-bottom: 12px;
}
#tnc ol > li h2 {
  font-size: 24px;
  line-height: 36px;
}
#tnc ol > li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
#tnc ol > li > ol > li {
  position: relative;
  padding-left: 50px;
  margin-bottom: 12px;
}
#tnc ol > li > ol > li p {
  margin-bottom: 12px;
}
#tnc ol > li > ol > li h3 {
  font-size: 18px;
  line-height: 28px;
}
#tnc ol > li > ol > li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
#tnc ol > li > ol > li > ol > li {
  position: relative;
  padding-left: 55px;
  margin-bottom: 12px;
}
#tnc ol > li > ol > li > ol > li p {
  margin-bottom: 12px;
}
#tnc ol > li > ol > li > ol > li h4, #tnc ol > li > ol > li > ol > li h5 {
  font-size: 16px;
  line-height: 24px;
}
#tnc ol > li > ol > li > ol > li::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
#tnc ul {
  list-style: disc;
  position: relative;
  padding-left: 15px;
}
#tnc ul li {
  display: list-item;
  margin-bottom: 12px;
}
#tnc ul li p {
  margin-bottom: 12px;
}
#tnc ul li::before {
  display: none;
}

.device-info {
  background: #F2F2F3;
  padding: 100px 20px 35px;
}
.device-info__box {
  padding: 25px;
  background: #FFF;
  border-radius: 6px;
}
.device-info__img {
  margin-bottom: 16px;
}
.device-info__img img {
  margin: 0 auto;
}
.device-info__desc p {
  font-size: 24px;
  line-height: 32;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

/* ------------------------------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------------------------------ */
.footer_sc1 {
  background: #F2F4F7;
}
.footer_sc11 {
  padding: 64px 0;
}
.footer h3,
.footer .footer-menu__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0 0 8px;
}
.footer_menu li:not(:last-child) {
  margin: 0 0 8px;
}
.footer a {
  color: #232933;
}
.footer a:hover {
  color: #4B61DD;
  text-decoration: underline;
}
.footer a span.tag {
  display: inline-block;
  color: #4B61DD;
  margin-left: 16px;
}
.footer hr {
  margin: 0;
}
.footer_sc12 {
  padding: 25px 0 56px;
}
.footer_addr p:nth-last-child(2) {
  margin: 0;
}
.footer_addr_item {
  margin: 0 0 8px;
  padding-left: 85px;
  position: relative;
}
.footer_addr_item h3, .footer_addr_item p, .footer_addr_item b, .footer_addr_item .footer-menu__title {
  margin: 0;
}
.footer_addr_item b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  .footer_addr_item {
    padding-left: 0 !important;
  }
  .footer_addr_item b {
    position: relative;
    display: block;
  }
}
.footer_social a:hover {
  text-decoration: none;
  opacity: 0.5;
}
.footer_social a:not(:last-child) {
  margin-right: 10px;
}
.footer_lang.bootstrap-select .filter-option {
  display: inline-block;
  vertical-align: middle;
}
.footer_lang.bootstrap-select .bttn {
  border: none;
  font-weight: 400;
  text-align: right;
  padding-right: 0;
}
.footer_lang.bootstrap-select .bttn:before {
  content: "";
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  background: url("../images/icon-lang.svg") center;
  background-size: cover;
  vertical-align: middle;
  margin-right: 10px;
}
.footer_lang.bootstrap-select .bttn:after {
  display: none;
}
.footer_lang.bootstrap-select div.dropdown-menu {
  max-width: 160px;
  right: 0;
  left: auto !important;
  border: none;
}
.footer_lang.bootstrap-select div.dropdown-menu a {
  border: solid #afafaf;
  border-width: 0 1px;
}
.footer_lang.bootstrap-select div.dropdown-menu li:first-child a {
  border-top-width: 1px;
  border-radius: 4px 4px 0 0;
}
.footer_lang.bootstrap-select div.dropdown-menu li:last-child a {
  border-bottom-width: 1px;
  border-radius: 0 0 4px 4px;
}
.footer_sc2 {
  padding: 35px 0;
  border-top: 1px solid #e2e2e2;
}
.footer_sc2 a {
  color: #4A26C4;
}
@media (max-width: 991px) {
  .footer_sc2 .col-md-8 {
    text-align: left;
  }
}
@media (max-width: 479px) {
  .footer_sc2 .col-md-8 {
    text-align: center;
  }
}
.footer_mekari {
  display: inline-block;
  margin-right: 30px;
}
.footer_logo {
  display: block;
  height: 55px;
  width: auto;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .footer_logo {
    height: 50px;
  }
}
.footer_menu {
  margin-bottom: 16px;
}
.footer .cert {
  margin: 8px -7px 24px;
}
.footer .cert .img {
  display: inline-block;
  vertical-align: top;
  max-width: 100px;
  padding: 0 7px;
}
.footer .cert .img img {
  display: block;
}
@media (max-width: 1024px) {
  .footer .cert .img {
    margin-bottom: 24px;
  }
  .footer .cert .img:last-child {
    margin-bottom: 0;
  }
}
.footer_social {
  margin-bottom: 24px;
}
.footer_social a:not(:last-child) {
  margin-right: 10px;
}
.footer .link-more {
  margin-right: 36px;
}
.footer .wpml-ls-legacy-dropdown .wpml-ls-flag {
  margin-right: 12px;
}

.footer_sc2.footer_sc2_alt {
  background: #FAFBFA;
  padding: 24px 0;
}

.footer-alt-small {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #E6E9EF;
}
.footer-alt-small__logo {
  display: inline-block;
  vertical-align: middle;
}
.footer-alt-small__logo a {
  display: inline-block;
}
.footer-alt-small__logo img {
  display: block;
  height: 55px;
  width: auto;
}
.footer-alt-small .copyright {
  display: inline-block;
  vertical-align: middle;
  padding-left: 56px;
  font-size: 14px;
  line-height: 20px;
}
.footer-alt-small .link-external {
  font-size: 14px;
  line-height: 24px;
}
.footer-alt-small .link-external::before {
  position: relative;
  top: -2px;
}
.footer-alt-small__buttons {
  text-align: right;
}
@media (max-width: 991px) {
  .footer-alt-small {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
  }
  .footer-alt-small__logo {
    margin-bottom: 16px;
  }
  .footer-alt-small .copyright {
    padding: 0 24px;
  }
  .footer-alt-small__buttons {
    padding-top: 16px;
    text-align: center;
  }
}

/* ------------------------------------------------------------------------------------------------ */
/* responsive */
/* ------------------------------------------------------------------------------------------------ */
@media (max-width: 1600px) and (min-width: 1200px) {
  .moz .web-wrapper {
    transform: scale(0.8);
    transform-origin: 0 0;
    width: 125%;
    float: left;
  }
  .webkit {
    zoom: 0.8;
    zoom: 80%;
  }
  .slist_colimg img, .ss2_colimg img {
    max-height: 80vh;
  }
  .modal-backdrop {
    width: 120%;
    height: 120%;
  }
  .modal-open .web-wrapper {
    transform: none !important;
  }
  .modal-download iframe {
    height: 100vh;
  }
}
@media (min-width: 1600px) {
  .web-wrapper {
    height: auto !important;
  }
}
@media (max-width: 1200px) {
  .web-wrapper {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .hs1 .container {
    padding-bottom: 30px;
  }
  .hs2, .ins, .cs2 {
    padding-bottom: 80px;
  }
  .hs3 {
    padding: 80px 0;
  }
  .pr2 .container {
    padding: 80px 0;
  }
  .pr2 + .ss2 {
    margin-top: 40px;
  }
  .pr4, .pr1, .in1 {
    padding-bottom: 80px;
  }
  .ptb-80, .cmp .container {
    padding: 80px 0;
  }
  .s1_vwrap {
    margin-top: 100px;
  }
  .slist_item {
    padding: 80px 0;
  }
  .ss2 {
    padding-bottom: 40px;
  }
  .ss2_item {
    padding: 40px 0;
  }
  .ins2 {
    padding: 30px 0 80px;
  }
  .css {
    padding-bottom: 80px;
  }
  .css_testimony {
    padding: 80px 0;
  }
}
@media (max-width: 1200px) {
  .footer_social a:not(:last-child) {
    margin-right: 5px;
  }
}
@media (min-width: 992px) {
  .visible-md-down {
    display: none;
  }
  .ss2_item:nth-child(even) .ss2_coltext {
    margin-left: 8.33%;
  }
  .cs2 .col-lg-4:nth-child(n+4) {
    margin-top: 32px;
  }
  .css .col-lg-8 {
    padding-right: 10%;
  }
}
@media (min-width: 768px) {
  .visible-xs {
    display: none;
  }
  .modal h2 {
    font-size: 24px;
    line-height: 1.33;
  }
  .hs2_colimg {
    flex: 0 0 59.77%;
    max-width: 59.77%;
  }
  .hs2_coltext {
    flex: 0 0 40%;
    max-width: 40%;
  }
  h1.small, article h1 {
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1.25;
  }
  .in1_item {
    margin: 0 0 24px;
  }
  .in1 .col-md-6:nth-child(2n) {
    transform: translateY(15%);
  }
  .in1 .col-md-6:nth-child(2n):last-child {
    margin-bottom: 9.61%;
  }
  .ins2_item2:nth-child(n+4) {
    margin-top: 48px;
  }
  .slist_item:nth-child(even) .slist_colimg {
    order: 2;
  }
  .ss2 {
    padding-bottom: 60px;
  }
  .ss2 img {
    max-width: 90%;
  }
  .ss2_item:nth-child(even) .ss2_colimg {
    order: 2;
    text-align: right;
  }
  .in2_item {
    margin: 0 0 24px;
  }
  .in2_items .col-md-6:nth-child(even) {
    transform: translateY(24px);
  }
  .footer_addr_item h3, .footer_addr_item p {
    display: inline;
  }
  .footer_addr_item {
    padding-left: 85px;
    position: relative;
  }
  .footer_addr_item h3 {
    position: absolute;
    top: 0;
    left: 0;
  }
  .css .row.justify-content-between:not(:first-child) .css_sidebar {
    margin-top: -200px;
  }
  .ebk h3 {
    font-size: 24px;
    line-height: 1.33;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .menu-insight-header-container {
    margin: 0 -10px;
  }
  .pr1_item {
    padding: 10.67% 12.67%;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .footer .col-lg-2 {
    margin-bottom: 24px;
  }
  .footer_sc11 {
    padding-top: 40px;
    padding-bottom: 16px;
  }
  .footer_sc12 {
    padding-bottom: 40px;
  }
  .footer_sc12 div.col-6:not(.footer_addr) {
    left: auto;
    right: 16px;
    top: -58px;
  }
  .pr4 h2 {
    font-size: 28px;
  }
  .slist_coltext {
    padding-top: 5%;
  }
  .cs2 .col-lg-4:nth-child(n+3) {
    margin-top: 32px;
  }
  .hero_imgs {
    max-height: 550px;
  }
}
@media (max-width: 991px) {
  .burger-menu {
    display: block;
  }
  .menu-insight-header-container {
    margin: -8px 0;
  }
  .hidden-md-down {
    display: none;
  }
  .footer_sc12 .col-6:not(.footer_addr) {
    position: absolute;
    left: -36%;
    top: 32px;
    display: block;
    width: auto;
  }
  .blog_slider .blog_item-img {
    border-radius: 6px 6px 0 0;
  }
  .blog_slider .blog_item-text {
    padding: 32px 16px 24px;
  }
  .blog_slider .blog_item-cat {
    padding: 16px 16px 32px;
  }
  .blog_slider .blog_item-cat:before {
    display: block;
  }
  .blog_slider .owl-nav {
    top: 30%;
  }
  .blog_related .blog_wrap .col-lg-4:last-child {
    display: none;
  }
  .modal:not(.proto) .modal-dialog {
    max-width: 100%;
  }
  .masthead--contact .masthead__media {
    margin-top: 2rem;
  }
  .masthead--contact .masthead__media img {
    display: block;
    width: 100%;
    height: auto;
  }
  .masthead__action a {
    margin-left: 0;
  }
  .masthead__action a.first {
    margin-bottom: 16px;
  }
  .our-customer__list {
    margin-left: -12px;
    margin-right: -12px;
  }
  .our-customer__list .item {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    padding: 6px 12px;
  }
}
@media (max-width: 768px) {
  html, body {
    font-size: 16px;
    line-height: 24px;
  }
  .slider-xs {
    margin: 0;
  }
  .slider-xs .tab-pane {
    display: block;
  }
  .hidden-xs {
    display: none;
  }
  .show-xs {
    display: block;
  }
  .block-xs {
    display: block !important;
  }
  .not-found h1 {
    font-size: 160px;
  }
  .not-found p {
    font-size: 16px;
  }
  .hero {
    padding-bottom: 50px;
  }
  .hero_action a + a {
    margin-left: 12px;
  }
  .hero_imgs {
    max-height: 260px;
  }
  .hs1 .container {
    padding: 50px 12px;
  }
  .hs1_stat {
    padding-left: 122px;
  }
  .hs1_stat p {
    font-size: 18px;
  }
  .hs2_item {
    margin-top: 20px;
  }
  .hs2_item.active:after {
    top: -23px;
    transform: rotate(-90deg);
    right: calc(50% - 10px);
  }
  .hs2 .owl-item.active .hs2_item {
    background: #2AC397;
    color: #fff;
  }
  .hs25 {
    padding: 0 0 50px;
  }
  .ptd-120 {
    padding: 50px 0;
  }
  .ptd-162 {
    padding-bottom: 50px;
  }
  .footer_sc11 {
    padding: 40px 0 20px;
  }
  .footer_sc12 {
    padding-bottom: 40px;
  }
  .footer_sc12 .col-6:not(.footer_addr) {
    right: 16px;
    top: -58px;
    left: auto;
    padding: 0;
    width: 165px;
    max-width: none;
  }
  .footer_lang.bootstrap-select .bttn {
    text-align: left;
    padding: 0;
  }
  .footer_sc2 {
    text-align: center;
  }
  .footer_sc2 span {
    display: block;
    margin-top: 8px;
  }
  .footer_sc2 .text-right {
    text-align: center;
  }
  .footer_addr {
    margin: 0 !important;
  }
  .footer_addr_item h3 {
    display: block;
  }
  .pr1_item {
    padding: 30px 0;
  }
  .pr1_action .btn {
    padding: 0 12px;
  }
  .pr1 .col-md-6:not(:last-child) {
    margin: 0;
    border-bottom: 1px solid #aaa;
  }
  .pr4 {
    padding-bottom: 50px;
  }
  .ins_title {
    margin: 0 0 32px;
  }
  .ins_logos img {
    margin: 5px;
    max-height: 35px;
  }
  .ins_img {
    margin: 0 0 36px;
  }
  .ins_box {
    margin: 32px 0;
  }
  .ins_link {
    max-width: 48px;
  }
  .ins_link:not(:last-child) {
    margin: 0 0 32px;
  }
  .ins_link:not(:last-child):before {
    height: 32px;
  }
  .ins_row {
    position: relative;
  }
  .ins_colnav {
    flex: 0 0 75px;
    max-width: 75px;
  }
  .ins_coltext {
    flex: 0 0 calc(100% - 76px);
    max-width: calc(100% - 76px);
  }
  .ins2 {
    padding: 50px 0;
  }
  .cmp .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cmp .row {
    margin: 0 30px;
  }
  .cmp .row .col-md-4 {
    margin: 0;
  }
  .cmp_item:not(.active) .cmp_box {
    margin: 0;
  }
  .s1 {
    padding: 120px 0 50px;
  }
  .s1_vwrap {
    margin-top: 50px;
  }
  .s1_vtext {
    display: block;
    margin-top: 12px;
  }
  .s1_video {
    width: 100%;
  }
  .ss2_item + .ss2_item {
    padding-top: 0;
  }
  .slist_item {
    padding: 50px 0;
  }
  .slist_coltext {
    padding-top: 0;
  }
  .cs2 {
    padding-bottom: 60px;
  }
  .css_hero {
    margin: 0 -12px;
    margin: 0 0 24px;
  }
  .css_testimony {
    padding: 60px 0;
  }
  .css_wrap {
    position: static !important;
  }
  .sform_box {
    padding: 32px;
  }
  .sform h1 {
    font-size: 18px;
  }
  .static {
    padding-top: 120px;
  }
  .blog_related .blog_wrap .col-lg-4 {
    margin-bottom: 32px;
  }
  .blog_related .blog_wrap .col-lg-4:last-child {
    display: block;
    margin-bottom: 0;
  }
  .blog_category {
    display: block;
  }
  .blog_category-wrap {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .blog_category-wrap .blog_category-item {
    display: inline-block;
    float: none;
    padding: 4px 10px;
  }
  .blog_category .blog_search {
    margin-top: 16px;
    width: 100%;
    background: #fff;
    padding: 5px 0;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
  }
  .blog_category .blog_search .btn-search:before {
    left: 5px;
  }
  .blog_category .blog_search .btn-search span {
    max-width: 0;
    opacity: 0;
  }
  .blog_category .blog_search form {
    display: flex;
    justify-content: center;
  }
  .blog_category .blog_search form input {
    text-align: left;
  }
  .blog_category .blog_search.search-open input {
    max-width: 100% !important;
    width: 100% !important;
    opacity: 1;
  }
  .blog_search.search-open input {
    max-width: 120px;
  }
  .blog_slider .blog_item-img {
    border-radius: 6px 6px 0 0;
  }
  .blog_slider .blog_item-text {
    padding: 0 16px 24px;
  }
  .blog_slider .owl-nav {
    top: 18%;
  }
  .bs-share {
    flex-wrap: wrap;
  }
  .bs-share .col-left {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .bs-share .tags {
    padding: 24px 0 0;
  }
  .bs-subscription_wrap {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .ebk {
    padding-top: 120px;
  }
  .ebk_item:not(:last-child) {
    margin: 0 0 50px;
  }
  .modal.proto .modal-dialog {
    padding: 32px 20px;
  }
  .select-tab {
    padding: 0;
    width: 100%;
  }
  .bs .gform_wrapper .field_description_below .gfield_description {
    position: relative;
  }
  .bs .gform_wrapper .gform_body {
    width: 100%;
    max-width: 100%;
  }
  .bs .gform_wrapper .gform_footer {
    width: 100%;
    max-width: 100%;
    padding-top: 16px !important;
  }
  .our-customer {
    padding: 0 12px;
  }
  .form-meeting {
    padding: 5rem 0;
  }
  .form-meeting__img {
    display: none;
  }
  .col-reverse-sm {
    flex-direction: column-reverse;
  }
  .block-clients {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .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: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
  }
  .block-clients ul.clients li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
    margin: 16px 0;
    padding: 0 16px;
  }
  .block-clients ul.clients li img {
    width: auto;
    height: 32px;
  }
  .block-clients ul.clients li .img--2 {
    display: none;
  }
  .block-clients--pricing {
    background: #F2F4F7;
    padding-top: 0;
  }
}
.modal--custom {
  text-align: center;
}
.modal--custom:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal--custom .modal-dialog {
  margin: 0 auto;
  max-width: 801px;
  width: 100%;
  background: #E0EEFF;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.modal--custom .modal-dialog .modal-content {
  background: #E0EEFF;
  padding: 0;
  margin: 0;
}
.modal--custom .modal-dialog .modal-content .modal-header {
  padding: 32px 0;
  text-align: center;
}
.modal--custom .modal-dialog .modal-content .modal-body {
  padding: 0 50px 24px 50px;
}
.modal--custom .modal-dialog .modal-content .modal-footer {
  background: #B4D3F2;
  padding: 24px 12px 32px;
  text-align: center;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 991px) {
  .modal--custom::before {
    display: none;
  }
  .modal--custom .modal-dialog .modal-content .modal-body {
    padding: 0 12px 24px 12px;
  }
}

.mp__subtitle {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
.mp__testimonial {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
.mp__testimonial p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.mp__box {
  height: 100%;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 24px;
}
.mp__box-head {
  background: #009BDE;
  color: #FFF;
  text-align: center;
  padding: 8px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.mp__box-body {
  background: #FFF;
  color: #2B2A35;
  border-radius: 0 0 8px 8px;
  height: calc(100% - 65px);
}
.mp__box-number {
  display: inline-block;
  width: 132px;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 56px;
  vertical-align: middle;
}
.mp__box-desc {
  display: inline-block;
  width: calc(100% - 137px);
  text-align: left;
  vertical-align: middle;
  padding: 12px 8px 12px 0;
}
.mp__meta {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 182px);
}
.mp__img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
  display: inline-block;
  vertical-align: middle;
}
.mp__img img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mp__info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 81px);
}
.mp__name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.mp__client-logo {
  display: inline-block;
  vertical-align: middle;
  width: 170px;
  padding: 12px 0 12px 12px;
  border-left: 1px solid #009BDE;
}
.mp__client-logo img {
  height: 60px;
  width: auto;
}
@media (max-width: 991px) {
  .mp__meta {
    display: block;
    width: 100%;
    margin: 0 auto 18px auto;
  }
  .mp__client-logo {
    display: block;
    text-align: left;
    width: 100%;
    padding: 12px 0;
    border: none;
  }
}

.mp-testi {
  height: 100%;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
.mp-testi__head {
  display: inline-block;
  padding: 14px 12px;
  border: 1px solid #009BDE;
  border-bottom: 1px solid transparent;
  border-radius: 8px 8px 0 0;
  color: #009BDE;
  text-align: center;
  background: #FFF;
}
.mp-testi__head span {
  vertical-align: middle;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.mp-testi__head .ico {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.mp-testi__body {
  padding: 24px 20px 12px;
  background: #FFF;
  border: 1px solid #009BDE;
  border-radius: 8px;
  height: calc(100% - 75px);
}
.mp-testi__logo {
  margin-bottom: 24px;
}
.mp-testi__logo img {
  height: 46px;
  width: auto;
}
.mp-testi__content {
  margin-bottom: 24px;
  min-height: 170px;
}
.mp-testi__meta-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 14px auto;
}
.mp-testi__meta-img img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mp-testi__name {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}

.modal-success .modal-dialog {
  margin: 0 auto;
  padding: 64px 0;
}
.modal-success .modal-dialog .modal-content {
  text-align: center;
  padding: 32px;
  max-width: 632px;
  width: 100%;
}
@media (max-width: 991px) {
  .modal-success .modal-dialog .modal-content {
    padding: 16px;
  }
}
.modal-success .modal-dialog .modal-icon {
  margin-bottom: 16px;
}
.modal-success .modal-dialog .modal-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-success .modal-dialog .modal-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .modal-success .modal-dialog .modal-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.modal-success .modal-dialog .modal-desc {
  font-size: 16px;
  line-height: 24px;
}

.modal-trial {
  width: 100%;
}
.modal-trial__content {
  padding: 24px;
  text-align: center;
  color: #232933;
}
.modal-trial__action {
  padding: 0 24px 24px;
  text-align: center;
}
.modal-trial .modal-close {
  background: url("../images/ic-cancel-blue.svg") no-repeat;
  background-size: contain;
}
.modal-trial .modal-dialog {
  display: flex;
  align-items: center;
  max-width: 340px;
  min-height: calc(100vh - 96px);
  margin: 48px auto;
}
.modal-trial .modal-content {
  border-radius: 8px;
  padding: 0;
}
@media (max-width: 991px) {
  .modal-trial .modal-content {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.blog__header {
  font-size: 14px;
  line-height: 20px;
}
.blog__header .container {
  position: relative;
  padding-top: 64px;
  padding-bottom: 32px;
}
.blog__header .container::after {
  content: "";
  width: calc(100% - 24px);
  height: 1px;
  left: 12px;
  bottom: 0;
  background: #D0D6DE;
  position: absolute;
}
.blog__header .blog__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0;
  justify-content: flex-start;
  align-items: center;
}
.blog__header .blog__meta-top, .blog__header .blog__meta-bottom {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  width: 100%;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
.blog__header .blog__meta-top {
  gap: 40px;
  margin-top: 24px;
}
.blog__header .blog__meta .blog__cat a {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #232933;
  text-decoration: none;
  transition: all linear 0.2s;
}
.blog__header .blog__meta .blog__cat a:hover {
  color: black;
  text-decoration: underline;
  transition: all linear 0.2s;
}
.blog__header .blog__meta .blog__read {
  position: relative;
  margin-left: 20px;
}
.blog__header .blog__meta .blog__read::before {
  content: "•";
  color: #232933;
  height: 4px;
  width: 4px;
  position: absolute;
  left: -13px;
  top: 0;
}
.blog__header .blog__meta .blog__author {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.blog__header .blog__meta .blog__author .label {
  color: #626B79;
  font-size: 12px;
  line-height: 16px;
}
.blog__header .blog__meta .blog__author a {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  color: #4B61DD;
  text-decoration: none;
  transition: all linear 0.2s;
  position: relative;
}
.blog__header .blog__meta .blog__author a:hover {
  color: rgb(34.8738317757, 57.4392523364, 184.6261682243);
  text-decoration: underline;
  transition: all linear 0.2s;
}
.blog__header .blog__meta .blog__author a img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.blog__header .blog__meta .blog__reviewer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.blog__header .blog__meta .blog__reviewer .label {
  color: #626B79;
  font-size: 12px;
  line-height: 16px;
}
.blog__header .blog__meta .blog__reviewer a {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  color: #4B61DD;
  text-decoration: none;
  transition: all linear 0.2s;
  position: relative;
}
.blog__header .blog__meta .blog__reviewer a:hover {
  color: rgb(34.8738317757, 57.4392523364, 184.6261682243);
  text-decoration: underline;
  transition: all linear 0.2s;
}
.blog__header .blog__meta .blog__reviewer a img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.blog__header .blog__meta .blog__reviewer a .badge {
  background-color: #009BDE;
  display: inline-flex;
  gap: 4px;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.blog__header .blog__meta .blog__reviewer a .expert-mark-sm {
  display: none;
  width: 16px;
  height: 16px;
}
.blog__header .blog__meta .blog__reviewer a .expert-mark {
  display: inline-flex;
  height: 20px;
  width: auto;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .blog__header .blog__meta .blog__reviewer a .expert-mark-sm {
    display: none;
  }
  .blog__header .blog__meta .blog__reviewer a .expert-mark {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    flex-wrap: wrap;
  }
}
.blog__header .blog__meta .blog__date {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  position: relative;
  color: #626B79;
}
.blog__header .blog__meta .blog__date .label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__header .blog__meta .blog__modified {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  position: relative;
  color: #626B79;
}
.blog__header .blog__meta .blog__modified .label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__header .blog__shares {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
}
.blog__header .blog__shares > span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #232933;
  margin-right: 18px;
}
.blog__header .blog__shares a {
  display: inline-flex;
  margin-right: 18px;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background-color: #F1F5F9;
  border-radius: 200px;
  overflow: hidden;
  transition: all background-color 0.2s;
}
.blog__header .blog__shares a img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0) brightness(0.57);
  transition: all filter 0.2s;
}
.blog__header .blog__shares a span {
  position: absolute;
  color: transparent;
  font-size: 0;
  line-height: 0;
}
.blog__header .blog__shares a:last-child {
  margin-right: 0;
}
.blog__header .blog__shares a:hover {
  background-color: #4B61DD;
  transition: all background-color 0.2s;
}
.blog__header .blog__shares a:hover img {
  filter: grayscale(0) brightness(1);
  transition: all filter 0.2s;
}
.blog__header .blog__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .blog__header {
    margin-top: 48px;
  }
  .blog__header .container {
    padding-top: 34px;
    padding-bottom: 32px;
  }
  .blog__header .blog__title {
    font-size: 32px;
    line-height: 40px;
  }
  .blog__header .blog__meta {
    width: 100%;
    flex: 0 0 100%;
  }
  .blog__header .blog__meta .blog__cat {
    display: inline-block;
  }
  .blog__header .blog__meta .blog__read {
    display: inline-block;
  }
  .blog__header .blog__meta .blog__read::before {
    left: -15px;
  }
  .blog__header .blog__shares {
    justify-content: flex-start;
  }
  .blog__header .blog__shares > span {
    margin-right: 17px;
  }
}

.blog__content {
  padding: 64px 0 40px 0;
  position: relative;
}
@media screen and (min-width: 1240px) {
  .blog__content .col-sidebar-left {
    flex: 0 0 250px;
    max-width: 250px;
  }
  .blog__content .col-sidebar-center {
    flex: 0 0 700px;
    max-width: 700px;
  }
  .blog__content .col-sidebar-right {
    flex: 0 0 230px;
    max-width: 230px;
  }
}
.blog__content .blog__wrap .col-lg-3 {
  align-items: flex-start;
}
.blog__content .blog__sidebar {
  position: sticky;
  top: 85px;
  left: 0;
  height: -moz-max-content;
  height: max-content;
  max-width: 100%;
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar.left {
  padding-right: 16px;
}
.blog__content .blog__sidebar.right {
  padding: 0 12px 0 16px;
}
.blog__content .blog__sidebar.stick-bottom {
  position: absolute;
  bottom: 0;
  top: unset;
  height: auto;
}
.blog__content .blog__sidebar.stick-bottom .blog__box img {
  height: auto;
  opacity: 1;
  position: relative;
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__search {
  position: relative;
  margin-bottom: 24px;
}
.blog__content .blog__sidebar .blog__search form {
  position: relative;
}
.blog__content .blog__sidebar .blog__search form input[type=text] {
  height: 40px;
  padding: 10px 62px 10px 12px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 6px;
}
.blog__content .blog__sidebar .blog__search form button {
  background: #4B61DD;
  border-color: #4B61DD;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 8px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  position: absolute;
  right: 2px;
  top: 2px;
  border-radius: 6px;
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__search form button:hover {
  background: rgb(38.9252336449, 64.1121495327, 206.0747663551);
  border-color: rgb(38.9252336449, 64.1121495327, 206.0747663551);
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__toc {
  padding-bottom: 30px;
}
.blog__content .blog__sidebar .blog__toc b {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #232933;
  margin-bottom: 24px;
  display: block;
}
.blog__content .blog__sidebar .blog__toc ul {
  list-style: none;
}
.blog__content .blog__sidebar .blog__toc ul li a {
  display: block;
  padding: 4px 8px 4px 0;
  border-right: 1px solid #D0D6DE;
  font-size: 14px;
  line-height: 20px;
  color: #626B79;
  text-decoration: none;
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__toc ul li a:hover {
  text-decoration: underline;
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__toc ul li a.active {
  color: #0031BE;
  border-right-color: #0031BE;
}
.blog__content .blog__sidebar .blog__box {
  padding: 16px 0;
  position: relative;
  border-bottom: 1px dashed #D0D6DD;
}
.blog__content .blog__sidebar .blog__box img {
  transition: all linear 0.2s;
}
.blog__content .blog__sidebar .blog__box:first-child {
  padding-top: 0;
}
.blog__content .blog__sidebar .blog__box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.blog__content .blog__sidebar .blog__box.blog__shares {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.blog__content .blog__sidebar .blog__box.blog__shares > span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #232933;
  flex: 0 0 100%;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.blog__content .blog__sidebar .blog__box.blog__shares a {
  display: inline-flex;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background-color: #F1F5F9;
  border-radius: 200px;
  overflow: hidden;
  transition: all background-color 0.2s;
}
.blog__content .blog__sidebar .blog__box.blog__shares a img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0) brightness(0.57);
  transition: all filter 0.2s;
}
.blog__content .blog__sidebar .blog__box.blog__shares a span {
  position: absolute;
  color: transparent;
  font-size: 0;
  line-height: 0;
}
.blog__content .blog__sidebar .blog__box.blog__shares a:last-child {
  margin-right: 0;
}
.blog__content .blog__sidebar .blog__box.blog__shares a:hover {
  background-color: #4B61DD;
  transition: all background-color 0.2s;
}
.blog__content .blog__sidebar .blog__box.blog__shares a:hover img {
  filter: grayscale(0) brightness(1);
  transition: all filter 0.2s;
}
.blog__content .blog__sidebar strong, .blog__content .blog__sidebar b {
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  display: inline-block;
}
.blog__content .blog__sidebar .blog__subscribe .btn {
  display: block;
  width: 100%;
}
.blog__content .blog__sidebar .blog__sosmed ul {
  list-style: none;
  display: inline-flex;
}
.blog__content .blog__sidebar .blog__sosmed ul li {
  width: 24px;
  margin-right: 16px;
  margin-bottom: 8px;
}
.blog__content .blog__sidebar .blog__sosmed ul li a {
  display: inline-block;
  position: relative;
}
.blog__content .blog__sidebar .blog__sosmed ul li a img {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(0.8);
}
.blog__content .blog__sidebar .blog__sosmed ul li a span {
  position: absolute;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.blog__content .blog__sidebar .blog__sosmed ul li a:last-child {
  margin-right: 0;
}
.blog__content .blog__sidebar .blog__sosmed ul li a:hover img {
  filter: grayscale(0);
}
@media (max-width: 991px) {
  .blog__content {
    padding: 32px 0 0 0;
  }
  .blog__content .blog__box img {
    width: 100%;
    height: auto;
  }
  .blog__content .blog__sidebar {
    height: auto;
    top: inherit !important;
    position: relative !important;
  }
  .blog__content .blog__sosmed strong {
    display: block;
  }
}
.blog__content .blog__article {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.008em;
}
.blog__content .blog__article h2 {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article h4 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article b,
.blog__content .blog__article strong {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article p {
  margin-bottom: 24px;
}
.blog__content .blog__article ul {
  list-style: disc;
}
.blog__content .blog__article ul:last-child {
  margin-bottom: 24px;
}
.blog__content .blog__article ol {
  list-style: decimal;
}
.blog__content .blog__article ol:last-child {
  margin-bottom: 24px;
}
.blog__content .blog__article ul li,
.blog__content .blog__article ol li {
  word-break: break-word;
}
.blog__content .blog__article a {
  color: #4B61DD;
  text-decoration: underline;
  transition: 0.2s linear all;
}
.blog__content .blog__article a:hover {
  color: rgb(34.8738317757, 57.4392523364, 184.6261682243);
  text-decoration: none;
  transition: 0.2s linear all;
}
.blog__content .blog__article a.btn-primary, .blog__content .blog__article a.btn-blue {
  color: #FFF;
}
.blog__content .blog__article a.btn-primary:hover, .blog__content .blog__article a.btn-blue:hover {
  color: #FFF;
}
.blog__content .blog__article a.btn {
  text-decoration: none;
}
.blog__content .blog__article img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 24px;
}
.blog__content .blog__article figure {
  margin-bottom: 24px;
  width: 100% !important;
  height: auto;
}
.blog__content .blog__article figure img {
  margin-bottom: 0;
  border-radius: 16px;
}
.blog__content .blog__article figcaption {
  margin: 10px 0;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #232933;
}
.blog__content .blog__article .media--video {
  margin-bottom: 24px;
}
.blog__content .blog__article .media--video img {
  margin-bottom: 0;
}
.blog__content .blog__article blockquote {
  padding: 24px 24px 24px 60px;
  background: #EDF0F2;
  border: 1px solid #626B79;
  border-radius: 4px;
  display: block;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  position: relative;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
.blog__content .blog__article blockquote::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../images/ic-doc-bq.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 25px;
}
.blog__content .blog__article blockquote b {
  margin-bottom: 8px;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article blockquote p:last-child {
  margin-bottom: 0;
}
.blog__content .blog__article code {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 0 0 0 16px;
  border-left: 4px solid #4B61DD;
  margin-bottom: 24px;
  display: block;
  width: 100%;
}
.blog__content .blog__article code a {
  text-decoration: none;
}
.blog__content .blog__article code a:hover {
  text-decoration: underline;
}
.blog__content .blog__article .table-responsive {
  overflow-x: auto;
  margin-bottom: 24px;
}
.blog__content .blog__article .table-responsive::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.blog__content .blog__article .table-responsive::-webkit-scrollbar-track {
  background: #D0D6DD;
  border-radius: 10px;
}
.blog__content .blog__article .table-responsive::-webkit-scrollbar-thumb {
  background: rgba(75, 97, 221, 0.8);
  border-radius: 5px;
}
.blog__content .blog__article .table-responsive::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(51, 51, 51, 0.4);
}
.blog__content .blog__article .table,
.blog__content .blog__article table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}
.blog__content .blog__article .table thead,
.blog__content .blog__article table thead {
  background-color: #D0D6DD;
  color: #232933;
}
.blog__content .blog__article .table thead th,
.blog__content .blog__article table thead th {
  padding: 8px 16px;
  border: 1px solid #EED8DA;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article .table thead th:first-child,
.blog__content .blog__article table thead th:first-child {
  border-left-color: transparent;
}
.blog__content .blog__article .table thead th:last-child,
.blog__content .blog__article table thead th:last-child {
  border-right-color: transparent;
}
.blog__content .blog__article .table tbody tr,
.blog__content .blog__article table tbody tr {
  background-color: #FFF;
}
.blog__content .blog__article .table tbody tr:nth-child(even),
.blog__content .blog__article table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}
.blog__content .blog__article .table tbody tr:first-child td,
.blog__content .blog__article table tbody tr:first-child td {
  background-color: #d0d6dd;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__content .blog__article .table tbody td,
.blog__content .blog__article table tbody td {
  padding: 8px 16px;
  vertical-align: top;
  border: 1px solid #EED8DA;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.blog__content .blog__article .table tbody td:first-child,
.blog__content .blog__article table tbody td:first-child {
  border-left-color: transparent;
}
.blog__content .blog__article .table tbody td:last-child,
.blog__content .blog__article table tbody td:last-child {
  border-right-color: transparent;
}
.blog__content .blog__article iframe {
  width: 100%;
  min-height: auto;
}
.blog__content .blog__article mark {
  display: block;
  background: #EDF6FB;
  border: 2px solid #4B61DD;
  border-radius: 4px;
  margin-bottom: 24px;
  position: relative;
  padding: 12px;
}
.blog__content .blog__article mark a {
  color: #4B61DD;
  text-decoration: none;
}
.blog__content .blog__article mark a:hover {
  text-decoration: underline;
}
.blog__content .blog__article .table-comparison figcaption {
  margin: 0 auto;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height-step: 28px;
  text-align: center;
  background-color: #05b4f7;
}
.blog__content .blog__article .table-comparison table tr td {
  padding: 8px 16px;
  border: 1px solid #8b95a5;
  min-width: 200px;
}
.blog__content .blog__article .table-comparison table tr td img {
  border-radius: 0;
}
.blog__content .blog__article .table-comparison table tr:first-child td {
  background-color: #d0d6dd;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media (max-width: 991px) {
  .blog__content .blog__article h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
.blog__content .blog__cats {
  margin-bottom: 24px;
}
.blog__content .blog__cats b {
  color: #626B79;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
}
.blog__content .blog__cats a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 8px;
  background: #EDF0F2;
  border-radius: 4px;
  color: #626B79;
  margin-right: 8px;
  margin-bottom: 8px;
}
.blog__content .blog__cats a:last-child {
  margin-right: 0;
}
.blog__content .blog__cats a:hover {
  background: rgb(207.3870967742, 215.3225806452, 220.6129032258);
  color: rgb(75.1780821918, 82.0821917808, 92.8219178082);
}
@media (max-width: 991px) {
  .blog__content .blog__cats b {
    display: block;
    width: 100%;
    margin-bottom: 8px;
  }
}
.blog__content .blog__navs a {
  font-size: 16px;
  line-height: 24px;
  color: #4B61DD;
  text-decoration: none;
}
.blog__content .blog__navs a:hover {
  text-decoration: underline;
}
.blog__content .blog__navs a.link-btn {
  display: inline-block;
  position: relative;
}
.blog__content .blog__navs a.link-btn.with-arrow::after {
  background: url(../images/ic-arrow-r.svg) no-repeat center;
  background-size: contain;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 5px;
  left: 8px;
  position: relative;
}
.blog__content .blog__navs a.link-btn.with-arrow:hover::after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounceRev;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
.blog__content .blog__navs a.link-btn.with-arrow-invert::before {
  background: url(../images/ic-arrow-l.svg) no-repeat center;
  background-size: contain;
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 5px;
  right: 8px;
  position: relative;
}
.blog__content .blog__navs a.link-btn.with-arrow-invert:hover::before {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce2;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@media (max-width: 991px) {
  .blog__content .blog__navs {
    margin-bottom: 32px;
    padding-left: 7px;
    padding-right: 7px;
  }
}

.blog__footer .blog__author-detail {
  margin: 24px auto;
  padding: 24px;
  display: flex;
  background-color: #F1F5F9;
  border-radius: 16px;
}
.blog__footer .blog__author-detail .img {
  width: 80px;
  height: 80px;
  margin-right: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  flex: 0 0 80px;
}
.blog__footer .blog__author-detail .meta {
  flex: 0 0 calc(100% - 144px);
}
.blog__footer .blog__author-detail .meta .name {
  margin-bottom: 12px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  font-size: 20px;
  line-height: 28px;
  color: #4B61DD;
}
.blog__footer .blog__author-detail .meta .name a {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  color: #4B61DD;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__footer .blog__author-detail .meta .name a:hover {
  text-decoration: underline;
}
.blog__footer .blog__author-detail .meta .name .badge.badge--author {
  font-size: 12px;
  line-height: 16px;
  color: #FFF;
  padding: 2px 6px;
  border-radius: 50px;
  background-color: rgba(35, 41, 51, 0.8);
  margin: 0;
}
.blog__footer .blog__author-detail .meta p {
  font-size: 14px;
  line-height: 20px;
}
.blog__footer .blog__related h2, .blog__footer .blog__related h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.blog__footer .blog__related .blog__item {
  display: flex;
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E2E2E2;
  height: calc(100% - 32px);
}
.blog__footer .blog__related .blog__item > a {
  display: inline-block;
  margin-right: 16px;
  width: 120px;
  flex: 0 0 120px;
}
.blog__footer .blog__related .blog__item > a .img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.blog__footer .blog__related .blog__item .meta {
  display: grid;
}
.blog__footer .blog__related .blog__item .meta .cat a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #4B61DD;
  margin-bottom: 4px;
}
.blog__footer .blog__related .blog__item .meta .cat a:last-child {
  margin-right: 0;
}
.blog__footer .blog__related .blog__item .meta .cat a:hover {
  text-decoration: underline;
}
.blog__footer .blog__related .blog__item .meta .title a {
  font-size: 16px;
  line-height: 24px;
  color: #232933;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
  display: inline-block;
}
.blog__footer .blog__related .blog__item .meta .title a:hover {
  text-decoration: underline;
}
.blog__footer .blog__related .blog__item .meta .author {
  font-size: 14px;
  line-height: 20px;
  align-self: flex-end;
}
.blog__footer .blog__related .blog__item .meta .author a, .blog__footer .blog__related .blog__item .meta .author b, .blog__footer .blog__related .blog__item .meta .author span {
  color: #626B79;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.blog__footer .blog__related .blog__item .meta .author a::before, .blog__footer .blog__related .blog__item .meta .author b::before, .blog__footer .blog__related .blog__item .meta .author span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ic-employee.svg) no-repeat center;
  background-size: contain;
  position: relative;
  margin-right: 8px;
}
.blog__footer .blog__related .blog__item .meta .author a:hover, .blog__footer .blog__related .blog__item .meta .author b:hover, .blog__footer .blog__related .blog__item .meta .author span:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .blog__footer .blog__author-detail {
    flex-direction: column;
    padding: 24px;
    margin: 0 auto 10px auto;
  }
  .blog__footer .blog__author-detail:last-child {
    margin: 0 auto;
  }
  .blog__footer .blog__author-detail .img {
    margin-bottom: 24px;
  }
  .blog__footer .blog__related {
    padding: 32px 0 0 0;
  }
  .blog__footer .blog__related .col-lg-6.col-12:last-child .blog__item {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

@media (max-width: 991px) {
  .blog__meta .blog__date,
  .blog__meta .blog__modified {
    flex: 0 0 100%;
    width: 100%;
  }
  .blog__meta > svg {
    display: none;
  }
  .blog__meta .blog__meta-top {
    gap: 8px;
  }
  .blog__meta .blog__meta-top .blog__author .label, .blog__meta .blog__meta-top .blog__author > a,
  .blog__meta .blog__meta-top .blog__reviewer .label,
  .blog__meta .blog__meta-top .blog__reviewer > a {
    flex: 0 0 100%;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .blog__sticky {
    position: fixed;
    width: 100%;
    top: 78.5px;
    left: 0;
    background: #F1F5F9;
    padding: 0;
    z-index: 101;
    transition: top linear 0.2s;
  }
  .blog__sticky .blog__toc {
    cursor: pointer;
  }
  .blog__sticky b {
    display: block;
    padding: 12px 0;
    font-size: 16px;
    line-height: 24px;
    color: #4B61DD;
    border-bottom: 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    cursor: pointer;
  }
  .blog__sticky b::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/ic-caret-down.svg) no-repeat center;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 0;
    transform: rotate(0deg);
    transition: all linear 0.2s;
  }
  .blog__sticky ul {
    background: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 0;
    margin-bottom: 0;
    transition: all linear 0.2s;
  }
  .blog__sticky ul li a {
    color: #626B79;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 34px 24px 8px;
    display: block;
  }
  .blog__sticky ul li a.active {
    color: #4B61DD;
  }
  .blog__sticky ul li ul {
    padding: 0;
    margin: 0;
    max-height: 100%;
  }
  .blog__sticky.active b {
    border-bottom: 1px solid #D0D6DD;
  }
  .blog__sticky.active b::after {
    transform: rotate(180deg);
    transition: all linear 0.2s;
  }
  .blog__sticky.active ul {
    max-height: calc(50vh - 50px);
    margin-bottom: 32px;
    transition: all linear 0.2s;
  }
  .blog__sticky.active ul li ul {
    margin-bottom: 0;
    max-height: 100%;
  }
  .blog__sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #F8F9FB;
    padding: 24px 4px;
    display: block;
    width: 100%;
    z-index: 8;
  }
  .blog__sticky-footer span.close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/ic-close.svg) no-repeat center;
    background-size: contain;
    top: -15px;
    right: 0;
  }
  .blog__sticky-footer strong,
  .blog__sticky-footer b {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    display: block;
  }
  .blog__sticky-footer a:last-child {
    margin-bottom: 0;
  }
  .menu-open .blog__sticky {
    z-index: 7;
  }
  body.header-fixed .blog__sticky {
    top: 62.5px;
    transition: top linear 0.2s;
  }
  body.header-fixed.header-show-top .blog__sticky {
    top: 62.5px;
    transition: top linear 0.2s;
  }
}
@media screen and (max-width: 990px) {
  .blog__sticky {
    top: 49px;
    transition: top linear 0.2s;
  }
  body.header-fixed .blog__sticky {
    top: 49px;
    transition: top linear 0.2s;
  }
  body.header-fixed.header-show-top .blog__sticky {
    top: 49px;
    transition: top linear 0.2s;
  }
}
.modal-subs .modal-dialog {
  margin: 30px auto;
  max-width: 371px !important;
  border-radius: 4px;
}
.modal-subs .modal-dialog .modal-content {
  padding: 32px 20px;
  background: #F2F4F7;
}
.modal-subs .modal-dialog .modal-content .close {
  top: 10px;
  right: 10px;
}
.modal-subs .modal-dialog .modal-content .close img {
  width: 20px;
}
.modal-subs .modal-dialog .modal-content strong,
.modal-subs .modal-dialog .modal-content b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 32px;
  text-align: center;
}
.modal-subs .modal-dialog .modal-content .form-group {
  margin-bottom: 20px;
}
.modal-subs .modal-dialog .modal-content .form-group label {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}
.modal-subs .modal-dialog .modal-content .form-group .form-control {
  font-size: 14px;
  line-height: 20px;
}
.modal-subs .modal-dialog .modal-content .form-group .custom-checkbox label {
  font-size: 12px;
  line-height: 16px;
}

.modal-subs-success .modal-dialog {
  margin: 30px auto;
  max-width: 371px;
  border-radius: 4px;
}
.modal-subs-success .modal-dialog .modal-content {
  padding: 32px 20px;
  background: #F2F4F7;
}
.modal-subs-success .modal-dialog .modal-content .close {
  top: 10px;
  right: 10px;
}
.modal-subs-success .modal-dialog .modal-content .close img {
  width: 20px;
}
.modal-subs-success .modal-dialog .modal-content .icon {
  margin-bottom: 16px;
  text-align: center;
}
.modal-subs-success .modal-dialog .modal-content .icon img {
  height: 240px;
  width: auto;
  margin: 0 auto;
}
.modal-subs-success .modal-dialog .modal-content strong,
.modal-subs-success .modal-dialog .modal-content b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  display: block;
  margin-bottom: 16px;
  text-align: center;
}
.modal-subs-success .modal-dialog .modal-content p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

form #captcha .preview {
  color: #555;
  width: 100%;
  text-align: center;
  height: 36px;
  line-height: 36px;
  letter-spacing: 8px;
  border: 1px solid #e2e2e2;
  background: #F2F2F3;
  border-radius: 4px 4px 0 0;
  margin-bottom: 0;
  border-bottom: 0;
}
form #captcha .alert-error {
  color: #DA473F;
  font-size: 14px;
  line-height: 20px;
  padding-top: 4px;
  display: none;
}
form #captcha .preview span {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
form .captcha_form {
  position: relative;
}
form .captcha_form .field {
  padding-right: 40px;
  border-radius: 0 0 4px 4px;
}
form .captcha_form .captcha_refersh {
  position: absolute;
  top: 0;
  right: 16px;
  line-height: 36px;
  border: 0;
  background: transparent;
  color: #232933;
  padding: 0;
  box-shadow: none;
}

.blog__progress {
  z-index: 7;
  display: none;
  height: 4px;
  background: #4B61DD;
  position: fixed;
  top: 78.5px;
  left: 0;
  transition: all 0.2s ease;
}
.blog__progress.fixed {
  display: block;
  top: 72.5px;
}
.blog__progress.show-top {
  top: 72.5px;
}
@media (max-width: 991px) {
  .blog__progress {
    top: 126.5px;
    transition: top linear 0.2s;
  }
  .blog__progress.fixed {
    top: 110.5px;
    transition: top linear 0.2s;
  }
  .blog__progress.show-top {
    top: 110.5px;
    transition: top linear 0.2s;
  }
}
@media screen and (max-width: 990px) {
  .blog__progress {
    top: 102.5px;
    transition: top linear 0.2s;
  }
  .blog__progress.fixed {
    top: 97px;
    transition: top linear 0.2s;
  }
  .blog__progress.show-top {
    top: 97px;
    transition: top linear 0.2s;
  }
}

.masthead-blog {
  padding: 64px 0;
  margin-top: 112px;
}
.masthead-blog__slider .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
}
.masthead-blog__slider .item__left {
  width: calc(60% - 12px);
  flex: 0 0 calc(60% - 12px);
}
.masthead-blog__slider .item__right {
  width: calc(40% - 12px);
  flex: 0 0 calc(40% - 12px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.masthead-blog__slider .item__img {
  border-radius: 8px;
  overflow: hidden;
  max-height: 360px;
}
.masthead-blog__slider .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.masthead-blog__slider .item__subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  letter-spacing: 1.25px;
}
.masthead-blog__slider .item__subtitle a {
  color: #545465;
  text-transform: uppercase;
}
.masthead-blog__slider .item__subtitle:hover a {
  text-decoration: underline;
}
.masthead-blog__slider .item__title {
  font-size: 28px;
  line-height: 36px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.masthead-blog__slider .item__title a {
  color: #232933;
}
.masthead-blog__slider .item__title:hover a {
  text-decoration: underline;
}
.masthead-blog__slider .item__content {
  margin-bottom: 24px;
}
.masthead-blog__slider .item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.masthead-blog__slider .item__meta .author {
  margin-right: 30px;
  position: relative;
}
.masthead-blog__slider .item__meta .author b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding-left: 8px;
}
.masthead-blog__slider .item__meta .author::after {
  content: "\a";
  position: absolute;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  background: #545465;
  top: 9px;
  right: -18px;
}
.masthead-blog .items__dots {
  line-height: 0;
  bottom: 0;
  text-align: center;
}
.masthead-blog .items__dots .swiper-pagination-bullet {
  width: 32px;
  height: 6px;
  border-radius: 3px;
  margin: 2px 6px;
  background: #8B95A5;
  opacity: 1;
}
.masthead-blog .items__dots .swiper-pagination-bullet-active {
  background: #005FBF;
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .masthead-blog__slider .item__left, .masthead-blog__slider .item__right {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }
  .masthead-blog__slider .item__img {
    height: 100%;
  }
  .masthead-blog__slider .item__img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .masthead-blog__slider .item__content {
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .masthead-blog {
    margin-top: 57px;
    padding: 32px 0;
  }
}
@media (max-width: 991px) {
  .masthead-blog__slider .item__left, .masthead-blog__slider .item__right {
    width: 100%;
    flex: 0 0 100%;
  }
}

.ec__title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.ec__title b {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.ec__wrap {
  padding: 32px 0;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.ec__right {
  border-left: 1px solid #E2E2E2;
}
.ec__right .swiper-wrapper {
  padding-bottom: 0;
}
.ec__right .items {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  padding-left: 42px;
}
.ec__right .items__dots {
  line-height: 0;
  bottom: 0;
  text-align: center;
}
.ec__right .items__dots .swiper-pagination-bullet {
  width: 32px;
  height: 6px;
  border-radius: 3px;
  margin: 2px 6px;
  background: #8B95A5;
  opacity: 1;
}
.ec__right .items__dots .swiper-pagination-bullet-active {
  background: #005FBF;
}
.ec__right .item {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 0 0 calc(33.3333333333% - 24px);
}
.ec__right .item__subtitle {
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.ec__right .item__subtitle a {
  color: #2B2A35;
}
.ec__right .item__subtitle:hover a {
  text-decoration: underline;
}
.ec__right .item__title {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.ec__right .item__title a {
  color: #2B2A35;
}
.ec__right .item__title:hover a {
  text-decoration: underline;
}
.ec__right .item__content {
  margin-bottom: 24px;
}
.ec__right .item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.ec__right .item__meta .author {
  margin-right: 30px;
  position: relative;
}
.ec__right .item__meta .author b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding-left: 8px;
}
.ec__right .item__meta .author::after {
  content: "\a";
  position: absolute;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  background: #545465;
  top: 9px;
  right: -18px;
}
@media (max-width: 1200px) and (min-width: 1024px) {
  .ec__right .items {
    padding-left: 0;
    gap: 12px;
  }
  .ec__right .items .item {
    padding: 0 16px;
  }
}
@media (max-width: 1024px) {
  .ec__title {
    margin-bottom: 24px;
  }
  .ec__right {
    border-left: 0;
  }
  .ec__right .items {
    padding: 16px 0;
  }
}
@media (max-width: 991px) {
  .ec__title {
    margin-bottom: 24px;
  }
  .ec__right {
    border-left: 0;
  }
  .ec__right .items {
    padding: 16px 0;
  }
}
@media (max-width: 768px) {
  .ec .swiper-wrapper {
    padding-bottom: 24px;
  }
}
@media (max-width: 479px) {
  .ec__right .items {
    gap: 0;
  }
  .ec__right .items__dots {
    padding: 24px 0 0;
  }
  .ec__right .items .item {
    padding: 16px;
    width: 100%;
    flex: 0 0 100%;
  }
}

.new-post {
  padding: 64px 0;
}
.new-post.post-all {
  margin-top: 112px;
}
.new-post .section-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}
.new-post .section-head__title {
  margin-bottom: 0;
}
.new-post .section-head__action {
  text-align: right;
}
.new-post .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
}
.new-post .items .item {
  width: calc(33.3333333333% - 16px);
  flex: 0 0 calc(33.3333333333% - 16px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 24px;
}
.new-post .items .item__img {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 12px;
}
.new-post .items .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.new-post .items .item__subtitle {
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.new-post .items .item__subtitle a {
  color: #2B2A35;
}
.new-post .items .item__subtitle:hover a {
  text-decoration: underline;
}
.new-post .items .item__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.new-post .items .item__title a {
  color: #2B2A35;
}
.new-post .items .item__title:hover a {
  text-decoration: underline;
}
.new-post .items .item__content {
  margin-bottom: 24px;
}
.new-post .items .item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.new-post .items .item__meta .author {
  margin-right: 30px;
  position: relative;
}
.new-post .items .item__meta .author b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding-left: 8px;
}
.new-post .items .item__meta .author::after {
  content: "\a";
  position: absolute;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  background: #545465;
  top: 9px;
  right: -18px;
}
@media (max-width: 1024px) {
  .new-post {
    padding: 32px 0;
  }
  .new-post.post-all {
    margin-top: 57px;
  }
}
@media (max-width: 479px) {
  .new-post .items .item {
    width: 100%;
    flex: 0 0 100%;
  }
}

.publikasi {
  padding: 64px 0;
}
.publikasi .section-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}
.publikasi .section-head__title {
  margin-bottom: 0;
}
.publikasi .section-head__action {
  text-align: right;
}
.publikasi .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
}
.publikasi .items .item {
  width: calc(25% - 18px);
  flex: 0 0 calc(25% - 18px);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.publikasi .items .item__img {
  width: 100%;
  height: 100%;
  max-height: 350px;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 12px;
}
.publikasi .items .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.publikasi .items .item__subtitle {
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.publikasi .items .item__subtitle a {
  color: #2B2A35;
}
.publikasi .items .item__subtitle:hover a {
  text-decoration: underline;
}
.publikasi .items .item__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.publikasi .items .item__title a {
  color: #2B2A35;
}
.publikasi .items .item__title:hover a {
  text-decoration: underline;
}
.publikasi .items .item__content {
  margin-bottom: 24px;
}
.publikasi .items .item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.publikasi .items .item__meta .author {
  margin-right: 30px;
  position: relative;
}
.publikasi .items .item__meta .author b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding-left: 8px;
}
.publikasi .items .item__meta .author::after {
  content: "\a";
  position: absolute;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  background: #545465;
  top: 9px;
  right: -18px;
}
@media (max-width: 991px) {
  .publikasi .items .item {
    width: calc(50% - 18px);
    flex: 0 0 calc(50% - 18px);
  }
}
@media (max-width: 479px) {
  .publikasi {
    padding: 32px 0;
  }
  .publikasi .items .item {
    width: 100%;
    flex: 0 0 100%;
  }
  .publikasi .items .item__img {
    max-height: 100%;
  }
}

.multimedia {
  padding: 64px 0;
}
.multimedia .section-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}
.multimedia .section-head__title {
  margin-bottom: 0;
}
.multimedia .section-head__action {
  text-align: right;
}
.multimedia .items {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
}
.multimedia .items__dots {
  line-height: 0;
  bottom: 0;
  text-align: center;
}
.multimedia .items__dots .swiper-pagination-bullet {
  width: 32px;
  height: 6px;
  border-radius: 3px;
  margin: 2px 6px;
  background: #8B95A5;
  opacity: 1;
}
.multimedia .items__dots .swiper-pagination-bullet-active {
  background: #005FBF;
}
.multimedia .items .item {
  width: calc(50% - 18px);
  flex: 0 0 calc(50% - 18px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
}
.multimedia .items .item__video {
  position: relative;
  display: flex;
  height: 350px;
  margin-bottom: 8px;
}
.multimedia .items .item__video .play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.multimedia .items .item__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 12px;
}
.multimedia .items .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.multimedia .items .item__subtitle {
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}
.multimedia .items .item__subtitle a {
  color: #2B2A35;
}
.multimedia .items .item__subtitle:hover a {
  text-decoration: underline;
}
.multimedia .items .item__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.multimedia .items .item__title a {
  color: #2B2A35;
}
.multimedia .items .item__title:hover a {
  text-decoration: underline;
}
.multimedia .items .item__content {
  margin-bottom: 24px;
}
.multimedia .items .item__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.multimedia .items .item__meta .author {
  margin-right: 30px;
  position: relative;
}
.multimedia .items .item__meta .author b {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding-left: 8px;
}
.multimedia .items .item__meta .author::after {
  content: "\a";
  position: absolute;
  border-radius: 50%;
  height: 3px;
  width: 3px;
  background: #545465;
  top: 9px;
  right: -18px;
}
@media (max-width: 479px) {
  .multimedia {
    padding: 32px 0;
  }
  .multimedia .items {
    gap: 0;
  }
  .multimedia .items .item {
    width: 100%;
    flex: 0 0 100%;
  }
  .multimedia .items .item__video {
    height: 230px;
  }
}

.blog-banner {
  padding-bottom: 64px;
}
.blog-banner__wrap {
  background: #0055A2;
  padding: 48px 48px 0 48px;
  border-radius: 8px;
}
.blog-banner__content {
  color: #FFF;
}
.blog-banner__title {
  color: #FFF;
}
.blog-banner__left {
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .blog-banner {
    padding-bottom: 32px;
  }
  .blog-banner__wrap {
    padding: 32px 32px 0 32px;
  }
  .blog-banner__left {
    padding-bottom: 32px;
  }
}

.pagination-row {
  padding: 48px 0 0;
}
.pagination-row .pagination .page-item {
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagination-row .pagination .page-item.active {
  background: #4B61DD;
  color: #fff;
}
.pagination-row .pagination .page-item.active .page-link {
  color: #FFF;
}
.pagination-row .pagination .page-item:hover {
  color: #4B61DD;
}

body.header-show-top .blog__content .blog__sidebar {
  top: 115px;
  transition: all linear 0.2s;
}/*# sourceMappingURL=blog.css.map */