html {
  scroll-behavior: smooth;
}

a.btn, .btn {
  background: #172983;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 6rem;
  border: none;
  text-decoration: none;
  font-size: 1rem;
  margin-top: 1rem;
  width: fit-content;
  cursor: pointer;
}

a.btn:hover, .btn:hover {
  background: transparent;
  color: #172983;
  border: 1px solid #172983;
}

a.btn--small, .btn--small {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
}

a.btn--image, a.btn--image, .btn--image, .btn--image {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

a.btn--image img, a.btn--image img, .btn--image img, .btn--image img {
  width: auto;
  height: 75%;
}

a.btn--image img.image-default, a.btn--image img.image-default, .btn--image img.image-default, .btn--image img.image-default {
  display: block;
}

a.btn--image img.image-hover, a.btn--image img.image-hover, .btn--image img.image-hover, .btn--image img.image-hover {
  display: none;
}

a.btn--image:hover img.image-default, a.btn--image:hover img.image-default, .btn--image:hover img.image-default, .btn--image:hover img.image-default {
  display: none;
}

a.btn--image:hover img.image-hover, a.btn--image:hover img.image-hover, .btn--image:hover img.image-hover, .btn--image:hover img.image-hover {
  display: block;
}

a.btn--secondary, .btn--secondary {
  background: #31AFE1;
  color: #fff;
}

a.btn--secondary:hover, .btn--secondary:hover {
  background: transparent;
  color: #31AFE1;
  border: 1px solid #31AFE1;
}

a.btn--dark, .btn--dark {
  background: #000;
  color: #fff;
}

a.btn--dark:hover, .btn--dark:hover {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}

a.btn--light, .btn--light {
  background: #fff;
  color: #000;
}

a.btn--light:hover, .btn--light:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

a.btn--outlined, .btn--outlined {
  background: transparent;
  color: #172983;
  border: 1px solid #172983;
}

a.btn--outlined:hover, .btn--outlined:hover {
  background: #172983;
  color: #fff;
  border: 1px solid #172983;
}

a.btn--outlined-secondary, .btn--outlined-secondary {
  background: transparent;
  color: #31AFE1;
  border: 1px solid #31AFE1;
}

a.btn--outlined-secondary:hover, .btn--outlined-secondary:hover {
  background: #31AFE1;
  color: #fff;
  border: 1px solid #31AFE1;
}

a.btn--outlined-dark, .btn--outlined-dark {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}

a.btn--outlined-dark:hover, .btn--outlined-dark:hover {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

a.btn--outlined-light, .btn--outlined-light {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

a.btn--outlined-light:hover, .btn--outlined-light:hover {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}

@media screen and (max-width: 600px) {
  .tablepress thead th, .tablepress tbody td {
    font-size: 12px;
  }
  .tablepress img {
    height: 12px;
  }
}

.logo-animated {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

.logo-animated lottie-player {
  width: 400px;
}

section.image-introduction .vc_column-inner {
  position: relative;
}

section.image-introduction .solutions-text-apparition {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

section.image-introduction--one {
  padding-bottom: 18rem;
}

section.image-introduction--one .solutions-text-apparition {
  left: 8rem;
  top: 100%;
}

section.image-introduction--one .rounded-detail {
  position: absolute;
  left: 0;
  width: 500px;
  max-height: 400px;
  top: 50%;
  border-radius: 0 999rem 999rem 0;
}

section.image-introduction--one .rounded-detail div {
  background: #F3F4F9 !important;
  transform: translateY(20%);
}

section.image-introduction--two .solutions-text-apparition {
  left: 50%;
  transform: translateY(-50%) translateX(-55%);
}

section.image-introduction--two .rounded-detail {
  position: absolute;
  right: 0;
  width: 500px;
  max-height: 400px;
  top: 50%;
  border-radius: 999rem 0 0 999rem;
}

section.image-introduction--two .rounded-detail div {
  background: #F3F4F9 !important;
  transform: translateY(-50%);
}

section.image-introduction--three {
  padding-bottom: 18rem;
}

section.image-introduction--three .solutions-text-apparition {
  left: 8rem;
}

section.image-introduction--three .rounded-detail {
  position: absolute;
  left: 0;
  width: 500px;
  max-height: 400px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 999rem 999rem 0;
}

section.image-introduction--three .rounded-detail div {
  background: #F3F4F9 !important;
  transform: translateY(20%);
}

section.rounded-overlay {
  background: linear-gradient(0deg, rgb(243, 244, 249) 0%, rgb(243, 244, 249) 50%, rgba(243, 244, 249, 0) 51%, rgba(243, 244, 249, 0) 100%);
}

section.rounded-overlay .l-section-overlay {
  border-radius: 18px;
  overflow: hidden;
}

.w-counter-value {
  line-height: 1.2 !important;
}

.translated-ctn {
  transform: translateY(-12rem);
  background: #fff;
  border-radius: 18px;
  min-height: 33vh;
  padding: 2rem 4rem;
}

.translated-ctn .text-content {
  position: absolute;
  width: 33%;
  right: 8rem;
  top: calc(33% + 2rem);
  transform: translateY(-50%);
}

.translated-ctn-mobile {
  transform: translateY(-4rem);
  background: #fff;
  border-radius: 18px;
  min-height: 33vh;
  padding: 2rem 4rem;
}

.translated-ctn-mobile .text-content {
  position: absolute;
  width: 33%;
  right: 8rem;
  top: calc(33% + 2rem);
  transform: translateY(-50%);
}

.indicator-ctn p {
  margin: 0;
}

.image-parallax {
  overflow: hidden;
}

.image-parallax div {
  overflow: hidden;
}

.image-parallax img {
  width: 75vw;
}