@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 {
  color: #1C44D5;
}
a.link: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 {
  text-decoration: underline;
  font-size: 13px;
  line-height: 1.5em;
}
.tbs__cta .link: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 {
    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 {
    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 {
    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 {
    color: #4B61DD;
    text-decoration: underline;
  }
  .top-banner--alt .top-banner-sticky .tb__wrap .tb__text span.action .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-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 {
    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 a.more-link, .header-inline.blue .header-inline__cta a.link,
.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 a.more-link:hover, .header-inline.blue .header-inline__cta a.link: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 a.more-link, .header-inline.blue.fixed .header-inline__cta a.link,
.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 a.more-link:hover, .header-inline.blue.fixed .header-inline__cta a.link: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 a.more-link {
  color: #272B32;
}
.header-inline.cream .header-inline__cta a.link: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 a.more-link {
  color: #4B61DD;
}
.header-inline.cream.fixed .header-inline__cta a.link: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 {
  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 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 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 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 a.more-link {
    color: #4B61DD;
  }
  .header-inline.soft-blue .header-inline__cta a.link: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 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 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 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 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 {
    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;
}

.masthead__meta, .masthead__subtitle {
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 8px;
  color: #232933;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.masthead__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #2B2A35;
  margin-bottom: 16px;
  font-size: 48px;
  line-height: 56px;
  color: #2B2A35;
}
@media (max-width: 768px) {
  .masthead__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.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 .masthead__wrap {
    padding: 1.875rem 8px;
  }
  .masthead .masthead__content {
    padding: 0 12px 40px 12px;
  }
  .masthead .masthead__meta,
  .masthead .masthead__subtitle {
    font-size: 12px;
    line-height: 19px;
    display: block;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
  }
  .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;
  }
}

.our-customer__title {
  max-width: 650px;
  margin: 0 auto 16px;
  text-align: center;
}
.our-customer__content {
  max-width: 600px;
  margin: 0 auto 48px;
  text-align: center;
}
.our-customer__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.our-customer__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 {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .our-customer__list .item:nth-child(n+10) {
    display: none;
  }
}
.our-customer__slider {
  margin-bottom: 32px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.our-customer__slider .item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 24px;
}
.our-customer__slider .item img {
  display: block;
  width: auto;
  height: auto;
  max-height: 56px;
  margin: 0 auto;
}
.our-customer__slider .owl-stage-outer {
  overflow: visible;
}
.our-customer__action {
  text-align: center;
  margin-bottom: 64px;
}

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

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

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

.masthead-f__slider .items {
  position: relative;
  padding-bottom: 0;
}
.masthead-f__slider .item {
  position: relative;
  min-height: calc(100vh - 117px);
  background: #F1F5F9;
  align-items: center;
  display: flex;
}
.masthead-f__slider .item__logo {
  width: auto;
  height: 37px;
  margin-bottom: 8px;
}
.masthead-f__slider .item__title {
  color: #FFF;
  font-size: 40px;
  line-height: 56px;
  max-width: 600px;
  margin: 0 0 24px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
.masthead-f__slider .item__desc {
  max-width: 600px;
  color: #FFF;
  margin-bottom: 8px;
}
.masthead-f__slider .item__action {
  max-width: 600px;
  padding-top: 16px;
}
.masthead-f__slider .item__action a {
  margin-right: 16px;
}
.masthead-f__slider .item__action a:last-child {
  margin-right: 0;
}
.masthead-f__slider .item__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.masthead-f__slider .item__bg .item__video {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.masthead-f__slider .item__bg::before {
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(250deg, rgba(30, 127, 229, 0.06) 25.67%, rgb(1, 47, 95) 97.38%);
}
.masthead-f__slider .item__bg-img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -o-object-position: center center;
     object-position: center center;
}
.masthead-f__slider .item__wrap {
  position: relative;
  z-index: 2;
}
.masthead-f__slider .swiper-pagination {
  bottom: 32px !important;
  left: calc(50% - 624px) !important;
  text-align: left !important;
  max-width: 1248px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.masthead-f__slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #FFF;
}
.masthead-f__acv {
  padding-top: 64px;
  padding-bottom: 64px;
  background: #F1F5F9;
}
.masthead-f__acv-stars {
  display: flex;
  max-width: 120px;
  margin: 0 auto 8px;
}
.masthead-f__acv-stars .star {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
}
.masthead-f__acv-stars .star::before {
  content: "";
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/ic-star-w.svg) no-repeat;
  background-position: left;
  background-size: cover;
}
.masthead-f__acv-stars .star span {
  z-index: 2;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/ic-star.svg) no-repeat;
  background-position: left;
  background-size: cover;
}
.masthead-f__acv-label {
  color: #232933;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: block;
  margin: 0 0 8px;
  text-align: center;
}
.masthead-f__acv-logos .items {
  padding: 0;
}
.masthead-f__acv-logos .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 24px;
}
.masthead-f__acv-logos .item {
  padding: 0 8px;
  width: auto;
}
.masthead-f__acv-logos img {
  display: block;
  width: auto;
  height: 40px;
}
.masthead-f__acv-testimonial {
  max-width: 552px;
  margin: 0 auto;
}
.masthead-f__acv-testimonial .swiper-wrapper {
  align-items: stretch;
}
.masthead-f__acv-testimonial .item {
  height: auto;
  color: #232933;
  background: #FFF;
  border-radius: 16px;
}
.masthead-f__acv-testimonial .item__quote {
  display: block;
  width: 100%;
  margin: 0;
  padding-bottom: 32px;
  max-width: 600px;
}
.masthead-f__acv-testimonial .item__name {
  font-weight: 600;
}
.masthead-f__acv-testimonial .item__author {
  display: block;
  width: 100%;
  max-width: 60%;
  flex: 0 0 60%;
  margin-top: auto;
}
.masthead-f__acv-testimonial .item__logo {
  display: block;
  width: 100%;
  max-width: 40%;
  flex: 0 0 40%;
  text-align: right;
  margin-top: auto;
}
.masthead-f__acv-testimonial .item__wrap {
  padding: 32px;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
}
.masthead-f.heading-lg .masthead-f__slider .item__title {
  font-size: 40px;
  line-height: 56px;
  max-width: 600px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .masthead-f__slider .swiper-pagination {
    left: 0;
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .masthead-f__slider .item {
    min-height: 460px;
  }
  .masthead-f__slider .item__title {
    font-size: 32px;
    line-height: 40px;
  }
  .masthead-f__slider .item__bg {
    background-color: #0055A2;
  }
  .masthead-f__slider .item__bg img {
    display: none;
  }
  .masthead-f__slider .swiper-pagination {
    left: 0;
    max-width: 100%;
    text-align: center;
    bottom: 16px;
  }
  .masthead-f__acv {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .masthead-f__acv-testimonial .item__author {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .masthead-f__acv-testimonial .item__logo {
    display: none;
  }
  .masthead-f__acv-testimonial .item__wrap {
    padding: 24px;
  }
  .masthead-f.heading-lg .masthead-f__slider .item__title {
    font-size: 32px;
    line-height: 40px;
    max-width: 900px;
  }
  .masthead-f .item__action a {
    width: auto;
    display: inline-block;
  }
}
@media (max-width: 479px) {
  .masthead-f__slider {
    display: flex;
  }
  .masthead-f__slider .item {
    display: flex;
    align-items: flex-end;
  }
  .masthead-f__slider .item__bg-img {
    -o-object-position: 65% center;
       object-position: 65% center;
  }
  .masthead-f__slider .item__wrap {
    padding-bottom: 32px;
  }
  .masthead-f__slider .item__action a {
    width: 100%;
    display: block;
  }
}

.clients {
  padding: 64px 0;
  background: #F2F4F7;
  text-align: center;
}
.clients__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 56px;
}
.clients.white, .clients.bg-white {
  background: #FFF;
}
.clients.white .logo-marquee, .clients.bg-white .logo-marquee {
  padding-top: 64px;
  padding-bottom: 64px;
}
.clients.white .logo-marquee__title, .clients.bg-white .logo-marquee__title {
  text-align: center;
  margin: 0 0 32px;
}
.clients.white .logo-marquee__desc, .clients.bg-white .logo-marquee__desc {
  margin-bottom: 24px;
}
.clients.white .logo-marquee__desc p, .clients.bg-white .logo-marquee__desc p {
  margin-bottom: 16px;
}
.clients.white .logo-marquee__desc p:last-child, .clients.bg-white .logo-marquee__desc p:last-child {
  margin-bottom: 0;
}
.clients.white .logo-marquee__group, .clients.bg-white .logo-marquee__group {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.clients.white .logo-marquee__group::before, .clients.white .logo-marquee__group::after, .clients.bg-white .logo-marquee__group::before, .clients.bg-white .logo-marquee__group::after {
  content: "";
  z-index: 2;
  display: block;
  width: 64px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(89.8deg, #FFF 49.02%, rgba(255, 255, 255, 0) 113.2%);
}
.clients.white .logo-marquee__group::after, .clients.bg-white .logo-marquee__group::after {
  left: auto;
  right: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.clients.white .logo-marquee__group.reverse .logo-marquee__list, .clients.bg-white .logo-marquee__group.reverse .logo-marquee__list {
  animation-direction: reverse;
  animation-delay: -3s;
}
.clients.white .logo-marquee__group:last-child .logo-marquee__list, .clients.bg-white .logo-marquee__group:last-child .logo-marquee__list {
  margin-bottom: 0;
}
.clients.white .logo-marquee__list, .clients.bg-white .logo-marquee__list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
  margin-bottom: 24px;
  animation: scroll-x 60s linear infinite;
}
.clients.white .logo-marquee__list .item, .clients.bg-white .logo-marquee__list .item {
  display: grid;
  place-items: center;
  margin: 0 24px;
  width: 148px;
  height: 56px;
}
.clients.white .logo-marquee__list .item img, .clients.bg-white .logo-marquee__list .item img {
  display: block;
  max-width: 100%;
  max-height: 56px;
  width: auto;
  height: auto;
}
.clients.white .logo-marquee__action, .clients.bg-white .logo-marquee__action {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .clients.white .logo-marquee, .clients.bg-white .logo-marquee {
    padding: 32px 0;
  }
  .clients.white .logo-marquee__title br, .clients.bg-white .logo-marquee__title br {
    display: none;
  }
  .clients.white .logo-marquee__list, .clients.bg-white .logo-marquee__list {
    animation-duration: 30s;
  }
}
@media (max-width: 991px) {
  .clients {
    padding: 32px 14px;
  }
  .clients .clients__title br {
    display: none;
  }
}
@media (max-width: 479px) {
  .clients .clients__title {
    margin-bottom: 24px;
  }
}

.tab-features {
  padding: 64px 0;
}
.tab-features.alt .tab-features__tabs .nav .nav-item .nav-link {
  font-size: 20px;
  line-height: 28px;
  padding: 24px 0;
}
.tab-features__head {
  text-align: center;
  margin-bottom: 24px;
}
.tab-features__tabs {
  justify-content: center;
}
.tab-features__tabs.block {
  margin-bottom: 32px;
}
.tab-features__tabs.block .nav {
  background: #EDF0F2;
  border-radius: 48px;
  padding: 12px;
  border-bottom: none;
}
.tab-features__tabs.block .nav .nav-item .nav-link {
  padding: 12px;
  border-radius: 48px;
  border-bottom: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.tab-features__tabs.block .nav .nav-item .nav-link.active {
  background: #4B61DD;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.tab-features__tabs .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid #D0D6DD;
  padding: 0 24px;
}
.tab-features__tabs .nav .nav-item .nav-link {
  padding: 12px 0;
  font-size: 16px;
  line-height: 24px;
  color: #626B79;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  display: inline-flex;
  border-block: 2px solid transparent;
}
.tab-features__tabs .nav .nav-item .nav-link.active {
  border-bottom-color: #0055A2;
}
.tab-features__tabs .nav .nav-item .nav-link:hover, .tab-features__tabs .nav .nav-item .nav-link.active {
  color: #232933;
}
.tab-features .tab-content .tab-pane .toggle-sm {
  display: none;
}
.tab-features .tab-content .tab-pane .content > section {
  padding: 32px 0 16px 0;
}
@media (max-width: 991px) {
  .tab-features {
    padding: 32px 0;
  }
  .tab-features .tab-content .tab-pane:not(.active) {
    opacity: 1;
    display: block;
  }
  .tab-features .tab-content .tab-pane:not(.active) .toggle-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    color: #626B79;
    border-bottom: 1px solid #D0D6DD;
    padding: 12px 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    align-items: center;
  }
  .tab-features .tab-content .tab-pane:not(.active) .toggle-sm::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    margin-left: auto;
    background: url(../images/ic-caret-down.svg) no-repeat center;
    background-position: contain;
    transform: rotate(0deg);
    transition: transform linear 0.3s;
  }
  .tab-features .tab-content .tab-pane:not(.active) .content {
    height: 0;
    opacity: 0;
  }
  .tab-features .tab-content .tab-pane.active .toggle-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #009BDE;
    color: #232933;
    padding: 12px 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    align-items: center;
  }
  .tab-features .tab-content .tab-pane.active .toggle-sm::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    margin-left: auto;
    background: url(../images/ic-caret-down.svg) no-repeat center;
    background-position: contain;
    transform: rotate(180deg);
    transition: transform linear 0.3s;
  }
  .tab-features .tab-content .tab-pane.active .content {
    height: auto;
    opacity: 1;
    transition: opacity linear 0.3s;
  }
  .tab-features .tab-content .tab-pane.active .content > section {
    padding: 12px 0;
  }
}

.features {
  padding: 64px 0;
}
.features__outline, .features__sub, .features__subtitle {
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.features__title {
  font-size: 32px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}
.features h3.features__title {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
}
.features__desc {
  margin-bottom: 24px;
}
.features__actions {
  margin-top: 24px;
}
.features__actions a {
  margin-right: 16px;
}
.features__actions a:last-child {
  margin-right: 0;
}
.features__custom-list ul li {
  display: flex;
  position: relative;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.features__custom-list ul li:last-child {
  margin-bottom: 0;
}
.features__custom-list ul li span.icon {
  content: "";
  min-width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991px) {
  .features {
    padding: 32px 0;
  }
  .features__img {
    margin-top: 24px;
  }
  .features__img .media {
    text-align: center;
  }
  .features__actions a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .features__actions a:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 479px) {
  .features h3.features__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .features__custom-list ul li {
    align-items: flex-start;
  }
}

.sidebox-block {
  padding: 64px 0;
  background: #F1F5F9;
}
.sidebox-block__title {
  margin-bottom: 24px;
}
.sidebox-block .items {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 24px;
}
.sidebox-block .items .item {
  display: flex;
  flex: 0 0 calc(50% - 12px);
  padding: 24px;
  background: #FFF;
  border-radius: 4px;
  flex-wrap: wrap;
}
.sidebox-block .items .item__icon {
  margin-bottom: 8px;
  width: 100%;
}
.sidebox-block .items .item__icon img {
  height: 52px;
  width: auto;
}
.sidebox-block .items .item__title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .sidebox-block {
    padding: 32px 0;
  }
  .sidebox-block__img {
    margin-top: 24px;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .sidebox-block {
    background: #FFF;
  }
  .sidebox-block__title {
    text-align: center;
  }
  .sidebox-block .items .item {
    flex: 0 0 100%;
    padding: 0;
  }
}

.integrations-block {
  padding: 64px 0;
}
.integrations-block__actions {
  margin-top: 24px;
}
.integrations-block__actions a {
  margin-right: 16px;
}
.integrations-block__actions a:last-child {
  margin-right: 0;
}
.integrations-block__list .logo-marquee {
  padding-top: 64px;
  padding-bottom: 64px;
}
.integrations-block__list .logo-marquee__group {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.integrations-block__list .logo-marquee__group::before, .integrations-block__list .logo-marquee__group::after {
  content: "";
  z-index: 2;
  display: block;
  width: 64px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(89.8deg, #FFF 49.02%, rgba(255, 255, 255, 0) 113.2%);
}
.integrations-block__list .logo-marquee__group::after {
  left: auto;
  right: 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.integrations-block__list .logo-marquee__group.reverse .logo-marquee__list {
  animation-direction: reverse;
  animation-delay: -3s;
}
.integrations-block__list .logo-marquee__group:first-child .logo-marquee__list {
  padding-top: 15px;
}
.integrations-block__list .logo-marquee__group:last-child .logo-marquee__list {
  padding-bottom: 15px;
  margin-bottom: 0;
}
.integrations-block__list .logo-marquee__list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
  margin-bottom: 12px;
  animation: scroll-x 60s linear infinite;
}
.integrations-block__list .logo-marquee__list .item {
  display: grid;
  place-items: center;
  margin: 0 6px;
  width: 100px;
  height: 100px;
  border-radius: 24px;
  box-shadow: 0px 2.0299999714px 4.0599999428px -2.706666708px rgba(0, 0, 0, 0.12), 0px 4.0599999428px 10.826666832px 0px rgba(0, 0, 0, 0.08), 0px 6.0900001526px 18.9466667175px 5.413333416px rgba(0, 0, 0, 0.05);
}
.integrations-block__list .logo-marquee__list .item img {
  display: block;
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
}
@media (max-width: 991px) {
  .integrations-block__list .logo-marquee__list {
    animation-duration: 30s;
  }
}
@media (max-width: 479px) {
  .integrations-block__list .logo-marquee__group::after {
    width: 24px;
  }
  .integrations-block__list .logo-marquee__list .item {
    width: 68px;
    height: 68px;
  }
  .integrations-block__list .logo-marquee__list .item img {
    max-width: 68px;
    max-height: 68px;
  }
}
@media (max-width: 1024px) {
  .integrations-block__title br {
    display: none;
  }
}
@media (max-width: 991px) {
  .integrations-block {
    padding: 32px 0;
  }
  .integrations-block__list {
    margin-bottom: 24px;
  }
  .integrations-block__actions a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .integrations-block__actions a:last-child {
    margin-bottom: 0;
  }
}

.tab-testimonial {
  padding: 64px 0;
}
.tab-testimonial__title {
  margin-bottom: 24px;
}
.tab-testimonial__tabs .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  background: #EDFAFF;
  border-radius: 16px 16px 0 0;
}
.tab-testimonial__tabs .nav .nav-item .nav-link {
  display: inline-flex;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 24px;
  color: #232933;
  border-radius: 16px;
  border-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.tab-testimonial__tabs .nav .nav-item .nav-link.active {
  background: #FFF;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
  border-bottom: 0;
}
.tab-testimonial__tabs .nav .nav-item .nav-link:hover {
  border-bottom: 0;
}
.tab-testimonial .tab-content {
  width: auto;
}
.tab-testimonial .tab-content .tab-pane {
  width: auto;
}
.tab-testimonial .tab-content .tab-pane .toggle-sm {
  display: none;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap {
  background: #EDFAFF;
  border-radius: 0 16px 16px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: none;
  padding: 0;
  width: auto;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content {
  flex: 0 0 calc(100% - 500px);
  padding: 24px 64px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__title {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__custom-list ul li {
  display: flex;
  position: relative;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 12px;
  max-width: 640px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__custom-list ul li:last-child {
  margin-bottom: 0;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__custom-list ul li span.icon {
  content: "";
  min-width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__custom-list ul li span.text b {
  width: 100%;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions {
  margin-top: 24px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions a {
  margin-right: 16px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions a:last-child {
  margin-right: 0;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card {
  max-width: 500px;
  width: 100%;
  background: #0055A2;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__img {
  height: 240px;
  max-width: 500px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__img img {
  max-width: 500px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__testi {
  padding: 56px 24px 32px 24px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__msg {
  color: #FFF;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__meta {
  margin-top: 21px;
  color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__meta .meta__left {
  font-size: 14px;
  line-height: 20px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__meta .meta__left .name {
  display: block;
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 4px;
}
.tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__meta .meta__right .logo {
  height: 32px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  .tab-testimonial {
    padding: 32px 0;
  }
  .tab-testimonial .tab-content .tab-pane:not(.active) {
    opacity: 1;
    display: block;
  }
  .tab-testimonial .tab-content .tab-pane:not(.active) .toggle-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    color: #626B79;
    border-bottom: 1px solid #D0D6DD;
    padding: 12px 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    align-items: center;
  }
  .tab-testimonial .tab-content .tab-pane:not(.active) .toggle-sm::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    margin-left: auto;
    background: url(../images/ic-caret-down.svg) no-repeat center;
    background-position: contain;
    transform: rotate(0deg);
    transition: transform linear 0.3s;
  }
  .tab-testimonial .tab-content .tab-pane:not(.active) .content {
    height: 0;
    opacity: 0;
  }
  .tab-testimonial .tab-content .tab-pane.active .toggle-sm {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #009BDE;
    color: #232933;
    padding: 12px 0;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    position: relative;
    align-items: center;
  }
  .tab-testimonial .tab-content .tab-pane.active .toggle-sm::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    margin-left: auto;
    background: url(../images/ic-caret-down.svg) no-repeat center;
    background-position: contain;
    transform: rotate(180deg);
    transition: transform linear 0.3s;
  }
  .tab-testimonial .tab-content .tab-pane.active .content {
    height: auto;
    opacity: 1;
    transition: opacity linear 0.3s;
  }
  .tab-testimonial .tab-content .tab-pane.active .content > section {
    padding: 12px 0;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap {
    flex-direction: column;
    border-radius: 0;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content {
    padding: 24px;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions {
    margin-top: 24px;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions a {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__content .testimonial__actions a:last-child {
    margin-bottom: 0;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card {
    width: 100%;
    max-width: 100%;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__img {
    width: 100%;
    max-width: 100%;
  }
  .tab-testimonial .tab-content .tab-pane .testimonial__wrap .testimonial__card .testimonial__img img {
    width: 100%;
    max-width: 100%;
  }
}

.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 .card__body a {
  color: #1273CA;
}
.faq-block .card__body a:hover {
  color: rgb(13.8272727273, 88.3409090909, 155.1727272727);
}
.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.2s;
}
.faq-block.animate .section-head__action {
  transition-delay: 0.2s;
}
.faq-block.animate .accordion--faq {
  transition-delay: 0.2s;
}
.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;
  }
}
.faq-block .accordion {
  position: relative;
  margin-bottom: 32px;
}
.faq-block .accordion .card {
  position: relative;
  margin-bottom: 4px;
}
.faq-block .accordion .card__header {
  position: relative;
  display: block;
  padding: 20px 56px 20px 20px;
  cursor: pointer;
  border-bottom: 1px solid #E2E2E2;
  transition: all 0.2s ease-in-out;
}
.faq-block .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.2s ease-in-out;
}
.faq-block .accordion .card__header.collapsed:after {
  transform: none;
}
.faq-block .accordion .card__title {
  font-size: 16px;
  line-height: 24px;
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.faq-block .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;
}
.faq-block .accordion .card__body .img-sm {
  display: none;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .faq-block .accordion .card__body .img-sm {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
  }
}
.faq-block .accordion .card__action a {
  margin-right: 14px;
}
.faq-block .accordion .card__action a:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .faq-block .accordion .card__action {
    margin-right: 0;
  }
}
.faq-block .accordion--faq .card {
  margin-bottom: 16px;
  background: #FFF;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #E2E2E2;
  transition: all 0.2s ease-in-out;
}
.faq-block .accordion--faq .card.open {
  margin-bottom: 24px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.faq-block .accordion--faq .card__header {
  padding: 28px 80px 12px 24px;
  border: 0;
}
.faq-block .accordion--faq .card__header:after {
  top: 28px;
  right: 16px;
  background: url(../images/ic-cancel.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
}
.faq-block .accordion--faq .card__header.collapsed {
  padding-bottom: 28px;
}
.faq-block .accordion--faq .card__header.collapsed .card__title {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.faq-block .accordion--faq .card__header.collapsed:after {
  content: "";
  background: url(../images/ic-chevron-down.svg) no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.faq-block .accordion--faq .card__body {
  border-radius: 0;
  box-shadow: none;
  padding: 0 80px 52px 24px;
  margin: 0;
}
.faq-block .accordion--faq .card__body .img-sm {
  display: none;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .faq-block .accordion--faq .card__body .img-sm {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
  }
}

.faq-block--alt {
  background: #F2F4F7;
  padding: 64px 0;
}
.faq-block--alt .card__body ul {
  padding-left: 20px;
  list-style: disc;
}
.faq-block--alt .card__body ul li {
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .faq-block--alt {
    padding: 32px 8px;
  }
  .faq-block--alt .section-head__content {
    max-width: 100% !important;
  }
}

.cta-box {
  padding: 64px 0;
}
.cta-box__wrap {
  border-radius: 16px;
  background: #F7F4FF;
  padding: 54px 54px 86px 54px;
  display: flex;
  justify-content: space-between;
}
.cta-box__wrap .box__left {
  max-width: 600px;
}
.cta-box__wrap .box__left .box__icon {
  margin-bottom: 24px;
}
.cta-box__wrap .box__left .box__icon img {
  height: 48px;
  width: auto;
}
.cta-box__wrap .box__left .box__title {
  font-size: 32px;
  line-height: 48px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
}
.cta-box__wrap .box__right {
  display: flex;
  align-items: center;
}
.cta-box__wrap .box__right .box__action {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cta-box__meta {
  display: flex;
  justify-content: center;
  margin-top: -50px;
}
.cta-box__meta .items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 96px;
  background: #10243e;
  border-radius: 16px;
  padding: 24px;
  max-width: 1100px;
}
.cta-box__meta .items .item {
  max-width: 286px;
  width: 100%;
  text-align: center;
  color: #FFF;
  position: relative;
}
.cta-box__meta .items .item__icon {
  margin-bottom: 12px;
}
.cta-box__meta .items .item__icon img {
  height: 32px;
  width: auto;
}
.cta-box__meta .items .item__title {
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
.cta-box__meta .items .item::after {
  content: "";
  width: 2px;
  height: 88px;
  background: #FFF;
  border-radius: 34px;
  display: inline-block;
  position: absolute;
  right: -48px;
  top: calc((100% - 88px) / 2);
}
.cta-box__meta .items .item:last-child::after {
  display: none;
}
@media (max-width: 991px) {
  .cta-box {
    padding: 32px 0;
  }
  .cta-box__wrap {
    padding: 32px 32px 64px 32px;
    flex-direction: column;
  }
  .cta-box__wrap .box__left {
    margin-bottom: 24px;
  }
  .cta-box__wrap .box__right .box__action {
    flex-direction: row;
  }
}
@media (max-width: 479px) {
  .cta-box__wrap .box__left .box__title {
    font-size: 28px;
    line-height: 36px;
  }
  .cta-box__wrap .box__right .box__action {
    flex-wrap: wrap;
    gap: 16px;
  }
  .cta-box__wrap .box__right .box__action a {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
  }
  .cta-box__meta {
    margin: -40px auto 0 auto;
    max-width: 311px;
  }
  .cta-box__meta .items {
    flex-wrap: wrap;
    padding: 24px;
  }
  .cta-box__meta .items .item::after {
    width: 88px;
    height: 2px;
    bottom: -48px;
    right: calc((100% - 88px) / 2);
    top: unset;
  }
}/*# sourceMappingURL=home.css.map */