@charset "UTF-8";
/* Variables START*/
/* New Colors from here */
/* Variables END*/
/* Breakpoint mixins (mirror stathubs/Bootstrap-ish breakpoints) */
/* Fonts START*/
/* Inter (self-hosted) — weights 300 / 400 / 500 / 700 / 800 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Inter-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Inter-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Inter-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Inter-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Inter-ExtraBold.ttf) format("truetype");
}
/* Aliases — kept for backwards compatibility with existing rules that use
   var(--font-family-N). All point to the same "Inter" face; the weight is
   selected via `font-weight` at the call site. */
:root {
  --font-family-1: "Inter", system-ui, sans-serif;
  --font-family-2: "Inter", system-ui, sans-serif;
  --font-family-4: "Inter", system-ui, sans-serif;
  --font-family-5: "Inter", system-ui, sans-serif;
  --font-family-6: "Inter", system-ui, sans-serif;
}

body {
  font-family: "Inter", system-ui, sans-serif;
}

/* =========================
   TYPOGRAPHY SYSTEM
========================= */
:root {
  /* Font sizes (fluid) — clamp(min, preferred, max) */
  --fs-h1: clamp(28px, 2.5vw + 16px, 46px);
  --fs-h2: clamp(24px, 2.5vw + 14px, 40px);
  --fs-h3: clamp(22px, 2vw + 10px, 32px);
  --fs-h4: clamp(20px, 1.5vw + 12px, 28px);
  --fs-h5: clamp(18px, 1vw + 10px, 22px);
  --fs-h6: clamp(16px, 0.8vw + 10px, 20px);
  --fs-p: clamp(14px, 0.8vw + 12px, 16px);
  /* Line-heights — always font-size + 6px (auto-scales with --fs-*) */
  --lh-h1: calc(var(--fs-h1) + 6px);
  --lh-h2: calc(var(--fs-h2) + 6px);
  --lh-h3: calc(var(--fs-h3) + 6px);
  --lh-h4: calc(var(--fs-h4) + 6px);
  --lh-h5: calc(var(--fs-h5) + 6px);
  --lh-h6: calc(var(--fs-h6) + 6px);
  --lh-p: calc(var(--fs-p) + 6px);
}

/* Apply to headings + body copy */
h1, .h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
}

h2, .h2 {
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}

h3, .h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
}

h4, .h4 {
  font-size: var(--fs-h4);
  line-height: var(--lh-h4);
}

h5, .h5 {
  font-size: var(--fs-h5);
  line-height: var(--lh-h5);
}

h6, .h6 {
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}

p, .paragraph {
  font-size: var(--fs-p);
  line-height: var(--lh-p);
}

/* Fonts END*/
/* General style START*/
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}

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

ul,
li {
  list-style-type: none;
}

button {
  cursor: pointer;
}

button,
input {
  outline: none;
  border: none;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none !important;
}

@media (min-width: 991.98px) {
  .d-none-desktop {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .d-none-mobile {
    display: none !important;
  }
}

p,
h2,
h1,
h3 {
  margin-bottom: 0;
}

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

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

.fade {
  transition: opacity 0.15s linear;
}

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

.centerize {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

@media (min-width: 991.98px) {
  #primary {
    min-height: 90vh;
  }
}

.section-header {
  text-align: center;
  margin-bottom: 12px;
}

body.no-scroll {
  overflow: hidden;
}

body:not(.home) header {
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
}

.single-integrations .sideres .rights h2 {
  scroll-margin-top: 80px;
}

.site-default {
  padding: 40px 0;
}

.single-integrations .hero-banner-integrations .rightside video {
  display: none;
}

.custom-item {
  pointer-events: none;
}

.coming-soon a {
  pointer-events: none;
}

.mySwiper-team .img {
  height: 262px;
}

.make-unclickable {
  pointer-events: none;
}

.make-unclickable a:after {
  content: unset !important;
}

.blogpost__section .title h2 {
  margin-bottom: 0;
}

.privacy-acceptance {
  margin-top: -5px;
  margin-bottom: 12px;
}

.privacy-acceptance .wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 12px;
  padding-bottom: 0;
}

.privacy-acceptance .wpcf7-acceptance .wpcf7-list-item-label a {
  text-decoration: underline;
}

.privacy-acceptance .wpcf7-acceptance {
  padding-bottom: 0;
}

.privacy-acceptance .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
  padding: 0;
}

.privacy-acceptance .wpcf7-acceptance .wpcf7-list-item label {
  flex-direction: unset !important;
}

.privacy-acceptance .wpcf7-acceptance .wpcf7-list-item input {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
}

.single-content strong {
  font-family: var(--font-family-5);
}

.single-content .content h2 {
  font-size: 24px !important;
}

.single-content .content h3 {
  font-family: var(--font-family-2);
}

.single-content .content ul {
  padding-left: 15px;
}

.single-content .content li {
  list-style-type: disc;
}

.single-content .content p,
.single-content .content h3,
.single-content .content ul {
  margin-bottom: 10px;
}

.single-content .content h2 {
  margin-bottom: 20px;
}

.captcha-custom p {
  display: flex;
  margin-bottom: 24px !important;
  gap: 10px;
}

.captcha-custom p span {
  width: 110px;
}

.captcha-custom p img {
  border-radius: 8px;
}

.captcha-custom p span input {
  border-radius: 8px;
  background: #132462;
  font-size: 14px;
  width: 100%;
  height: 100%;
  color: white;
  padding-left: 10px;
  height: 25px;
  letter-spacing: 12px;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.captcha-custom p span input.wpcf7-not-valid {
  border-color: red;
}

.captcha-custom .wpcf7-not-valid-tip {
  display: none;
}

/* General style END*/
main #errorText {
  font-size: 22px;
  padding: 24px 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  main #errorText {
    margin-top: -30px;
  }
}
@media (max-width: 470px) {
  main #errorText {
    margin-top: -50px;
  }
}

main svg {
  width: 100%;
}

main #errorLink {
  font-size: 20px;
  padding: 12px;
  border: 1px solid;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  margin: auto;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--primary-color, #446BF6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px -2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
main #errorLink::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
main #errorLink:hover, main #errorLink:focus-visible {
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35), 0 6px 14px -6px rgba(0, 0, 0, 0.25);
}
main #errorLink:hover::before, main #errorLink:focus-visible::before {
  transform: translateX(100%);
}

main #errorLink:hover,
main #errorLink:active {
  color: #fff;
  background: #000;
}

main #g6219 {
  transform-origin: 85px 4px;
  animation: an1 12s 0.5s infinite ease-out;
}

@keyframes an1 {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(3deg);
  }
  15% {
    transform: rotate(-2.5deg);
  }
  25% {
    transform: rotate(2deg);
  }
  35% {
    transform: rotate(-1.5deg);
  }
  45% {
    transform: rotate(1deg);
  }
  55% {
    transform: rotate(-1.5deg);
  }
  65% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  85% {
    transform: rotate(2.5deg);
  }
  95% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0);
  }
}
.st0 {
  fill: #fff;
}

.st2 {
  fill: #5d89af;
}

.st3 {
  fill: #709abf;
}

.st4,
.st6 {
  fill: #fff;
  stroke: #b3dcdf;
  stroke-miterlimit: 10;
}

.st6 {
  stroke: #5d89af;
  stroke-width: 2;
}

.st7,
.st8,
.st9 {
  stroke: #709abf;
  stroke-miterlimit: 10;
}

.st7 {
  stroke-width: 5;
  stroke-linecap: round;
  fill: none;
}

.st8,
.st9 {
  fill: #fff;
}

.st9 {
  fill: none;
}

#cloud1 {
  animation: cloud003 15s linear infinite;
}

#cloud2 {
  animation: cloud002 25s linear infinite;
}

#cloud3 {
  animation: cloud003 20s linear infinite;
}

#cloud4 {
  animation: float 4s linear infinite;
}

#cloud5 {
  animation: float 8s linear infinite;
}

#cloud7 {
  animation: float 5s linear infinite;
}

#tracks {
  animation: slide 650ms linear infinite;
}

#bumps {
  animation: land 10000ms linear infinite;
}

@keyframes jig {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0px);
  }
}
#car-layers {
  animation: jig 0.35s linear infinite;
}

@keyframes land {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(1000px);
  }
}
@keyframes slide {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(100px);
  }
}
/* @keyframes cloudFloat {
	0% { transform: translateX(0) translateY(3px); }
	100% { transform: translateX(1000px) translateY(0); }
  } */
@keyframes cloud001 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes cloud002 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes cloud003 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes float {
  0% {
    transform: translateY(0px) translateX(0);
  }
  50% {
    transform: translateY(8px) translateX(5px);
  }
  100% {
    transform: translateY(0px) translateX(0);
  }
}
#bracefront,
#braceback {
  animation: braces 1s linear infinite;
}

@keyframes braces {
  0% {
    transform: translateX(-2px);
  }
  25% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(-2px);
  }
}
/* Hamburger START*/
.navbar-toggler {
  padding: 0 !important;
  outline: unset !important;
  border-color: unset !important;
  border: unset !important;
  z-index: 9;
}

.menu-m {
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 40px;
  height: 30px;
}
.menu-m .menu-bottom-click,
.menu-m .menu-top-click {
  border-color: #1A1A2E !important;
}
.menu-m .menu-global.menu-top-click,
.menu-m .menu-global.menu-bottom-click {
  left: 20%;
}
.menu-m span:nth-child(1) {
  border-color: #1A1A2E;
}
.menu-m span:nth-child(2) {
  border-color: #1A1A2E;
}
.menu-m span:nth-child(3) {
  border-color: #1A1A2E;
}

.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid;
  width: 23px;
  transition: 0.44s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s;
  -ms-transition: 0.44s;
  -o-transition: 0.44s;
  border-radius: 24px;
  border-radius: 8px;
}

.menu-top {
  top: 9px;
  border-radius: 4px;
}

.menu-middle {
  top: 14px;
}

.menu-bottom {
  top: 19px;
  border-radius: 4px;
}

.menu-top-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(50deg);
  transition: 0.44s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s;
  -ms-transition: 0.44s;
  -o-transition: 0.44s;
}

.menu-middle-click {
  opacity: 0;
}

.menu-bottom-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(-410deg);
  transition: 0.44s 0.4s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s 0.4s;
  -ms-transition: 0.44s 0.4s;
  -o-transition: 0.44s 0.4s;
}

/* Hamburger END*/
/* Header basic START*/
header {
  position: sticky;
  top: 0;
  z-index: 9;
}
header .scroll-imgchange img:first-child {
  display: none;
}
header .scroll-imgchange img:last-child {
  display: inherit !important;
}
header .scroll-imgchange li:first-child {
  display: none;
}
header .scroll-imgchange li:last-child {
  display: inherit !important;
}
header .headerbar {
  background: #fff;
  align-items: center;
  display: flex;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .headerbar nav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-wrap: unset;
}
@media (min-width: 991.98px) {
  header .headerbar nav .main-nav-toggle {
    flex: 1;
  }
}
header .headerbar nav .main-nav-toggle ul {
  gap: 20px;
}
header .headerbar nav .main-nav-toggle ul li {
  color: #1A1A2E;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .headerbar .collapsing {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}
header .headerbar .logo_header {
  z-index: 3;
}
header .headerbar .logo_header li {
  height: 27px;
  max-width: 170px;
}
header .headerbar .logo_header li img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}
@media (min-width: 991.98px) {
  header .headerbar .logo_header li:last-child {
    display: none;
  }
}
@media (max-width: 991.98px) {
  header .headerbar .logo_header li:first-child {
    display: none;
  }
}

.shadow-header {
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}

.scroll-headerchange {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  padding: 8px 0 !important;
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
}

@media (min-width: 991.98px) {
  .scroll-navchange li {
    color: #1A1A2E !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
}

.scroll-hamburger {
  top: 15px !important;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}

.background-nav {
  width: 300px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  visibility: hidden;
  display: none;
}

/* Header basic END*/
/* Header with Menu from Rightside*/
header .header-right-menu {
  background: #fff;
  align-items: center;
  display: flex;
  height: 64px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .header-right-menu nav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
header .header-right-menu nav .menu-navigation-menu-en-container,
header .header-right-menu nav .menu-navigation-menu-de-container {
  width: 100%;
  justify-content: center;
  text-align: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container,
  header .header-right-menu nav .menu-navigation-menu-de-container {
    position: fixed;
    display: flex;
    right: -80%;
    height: 100%;
    width: 75%;
    bottom: 0;
    background: #fff;
    transition: 0.4s ease-out;
  }
}
@media (max-width: 575.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container,
  header .header-right-menu nav .menu-navigation-menu-de-container {
    width: 100%;
    right: -100%;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav {
  justify-content: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav {
    justify-content: flex-start;
    width: 100%;
    padding: 0 15px;
    gap: 8px;
    height: 98%;
    overflow-y: auto;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav:after,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav:after {
    position: relative;
    content: "";
    height: 20px;
    background: transparent;
  }
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li {
    height: 64px;
    display: flex;
    color: #1A1A2E;
    align-items: center;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li {
    background: #F0F2F6;
    border-radius: 16px;
    padding: 0 16px;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a {
    color: #111213;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family-2);
    height: 52px;
    text-align: left;
    display: flex;
    align-items: center;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: left;
  gap: 12px;
  position: relative;
  z-index: 1;
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a img,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a img,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a img {
    background: #F0F2F6;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465:hover .sub-menu {
  visibility: visible;
  display: grid;
  opacity: 1;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu {
    padding: 0;
    display: none;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    height: unset;
    margin-bottom: unset;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu.open {
    display: block;
    opacity: 1;
    max-height: unset;
  }
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu {
    display: none;
    grid-gap: 16px;
    top: 64px;
    text-align: left;
    padding: 24px 24px 24px 24px;
    position: absolute;
    width: 100%;
    border-radius: 12px;
    border: 4px solid rgba(217, 217, 217, 0.1960784314);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    max-width: 900px;
    left: 50%;
    transform: translate(-50%, 0);
    visibility: hidden;
    opacity: 0;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: unset;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li {
    padding: 0 0;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
  pointer-events: unset;
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu {
    grid-template-columns: repeat(3, 1fr);
    padding: 0px;
    position: relative;
    top: unset;
    visibility: visible;
    opacity: 1;
    border-radius: unset;
    border: unset;
    background: unset;
    max-width: unset;
    left: unset;
    transform: unset;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li {
    display: flex;
    color: #1A1A2E;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
    text-transform: capitalize;
    font-size: 14px !important;
    font-family: var(--font-family-1);
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li {
    width: 100%;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
    font-family: var(--font-family-1);
    font-size: 16px !important;
    text-transform: capitalize;
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .act {
    padding-top: 68px;
    position: fixed;
    display: flex;
    right: 0%;
    height: 100%;
    width: 100%;
    bottom: 0;
    background: #fff;
    transition: 0.4s ease-out;
    z-index: -1;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  header .header-right-menu nav .act {
    right: 0%;
  }
}

@media (max-width: 991.98px) {
  #menu-item-387,
  #menu-item-465 {
    position: relative;
  }
  #menu-item-387:after,
  #menu-item-465:after {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    height: 20px;
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12.5L10 7.5L15 12.5" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  #menu-item-387.open::after,
  #menu-item-465.open::after {
    transform: rotate(180deg);
    top: 16px;
  }
}
@media (min-width: 991.98px) {
  #menu-item-387:after,
  #menu-item-465:after {
    position: absolute;
    content: "";
    border-radius: 8px 0px 0px 0px;
    background: #fff;
    margin-left: 32px;
    width: 23px;
    height: 23px;
    transform: rotate(45deg);
    top: 58px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
  }
  #menu-item-387:before,
  #menu-item-465:before {
    position: absolute;
    content: "";
    border-radius: 8px 0px 0px 0px;
    background: rgba(217, 217, 217, 0.1960784314);
    margin-left: 31px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: 54px;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }
  #menu-item-387:hover:after,
  #menu-item-465:hover:after {
    opacity: 1;
    visibility: visible;
  }
  #menu-item-387:hover:before,
  #menu-item-465:hover:before {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 991.98px) {
  .right-widget {
    margin-left: auto;
    margin-right: 16px;
  }
}
.right-widget ul .lang-item-de a {
  display: flex;
  align-items: center;
}
.right-widget ul .lang-item-de a:before {
  background-image: url(../img/de-flag.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center;
  display: flex;
  border-radius: 50%;
  content: "";
}
.right-widget ul .lang-item-de a img {
  display: none;
}
.right-widget ul .lang-item-en a {
  display: flex;
  align-items: center;
}
.right-widget ul .lang-item-en a:before {
  background-image: url(../img/uk-flag.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center;
  display: flex;
  border-radius: 50%;
  content: "";
}
.right-widget ul .lang-item-en a img {
  display: none;
}
.right-widget ul .widget_polylang ul {
  cursor: pointer;
  background: #F0F2F6;
  display: inline-flex;
  height: 40px;
  padding: 13px 38px 13px 16px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  min-width: 133px;
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul {
    height: 32px;
    padding: 8px;
    min-width: unset;
    position: relative;
  }
  .right-widget ul .widget_polylang ul li span {
    display: none;
  }
}
.right-widget ul .widget_polylang ul:after {
  position: absolute;
  height: 18px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: non;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul:after {
    height: 18px;
    right: 2px;
    display: none;
  }
}
.right-widget ul .widget_polylang ul .lang-item a img {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}
.right-widget ul .widget_polylang ul .lang-item.show {
  display: block !important;
}
.right-widget ul .widget_polylang ul .current-lang {
  pointer-events: none;
}
.right-widget ul .widget_polylang ul .lang-item:not(.current-lang) {
  position: absolute;
  display: none;
  top: 44px;
  background: #F0F2F6;
  height: 40px;
  padding: 5px 33px 13px 16px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  right: 0;
  min-width: 133px;
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul .lang-item:not(.current-lang) {
    height: 32px;
    top: 24px;
    min-width: unset;
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.navigation-nolink-two,
.navigation-nolink-one {
  color: #1F1F1F;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: var(--font-family-2);
  height: 30px;
  display: flex;
}
@media (max-width: 991.98px) {
  .navigation-nolink-two,
  .navigation-nolink-one {
    font-size: 10px !important;
  }
  .navigation-nolink-two a,
  .navigation-nolink-one a {
    font-size: 10px !important;
    height: unset !important;
  }
}
.navigation-nolink-two a,
.navigation-nolink-one a {
  pointer-events: none;
}

/* Rightmenu END*/
/* Footer START*/
footer .columns a {
  font-size: 14px;
}
@media (max-width: 1200px) {
  footer .columns a {
    word-break: break-word;
  }
}
footer .columns .footer-3 ul li ul {
  display: grid !important;
}
@media (min-width: 575.98px) {
  footer .columns .footer-3 ul li ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
footer .columns .col-lg-2, footer .columns .col-lg-4 {
  margin: 16px 0;
}
@media (min-width: 575.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    margin: 30px 0;
  }
}
@media (max-width: 991.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    max-width: 600px;
  }
  footer .columns .col-lg-2:first-child, footer .columns .col-lg-4:first-child {
    margin-top: 0;
  }
  footer .columns .col-lg-2:last-child, footer .columns .col-lg-4:last-child {
    margin-bottom: 0;
  }
}
footer .columns .col-lg-2 ul li, footer .columns .col-lg-4 ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--font-family-4);
}
footer .columns .col-lg-2 ul li ul, footer .columns .col-lg-4 ul li ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    max-width: 90%;
  }
}
footer .columns h2 {
  font-family: var(--font-family-2);
  color: #1A1A2E;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}

footer {
  padding: 0px 0px;
}
footer .copyrights {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  background: linear-gradient(90deg, #F7F8F8 0%, #DDE1E5 100%);
  -moz-column-gap: 12px;
       column-gap: 12px;
}
footer .copyrights p {
  margin: 0;
  text-align: center;
  color: #1A1A2E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
footer .copyrights ul {
  display: flex;
  gap: 12px;
}
footer .copyrights ul li a img {
  height: 35px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 575.98px) {
  footer .copyrights ul li a img {
    height: 40px;
  }
}
footer .columns {
  padding: 10px 0;
  background: #F7F8F8;
}

/* Footer END*/
/*Single page Start*/
.single-integrations .integrations-main {
  top: 24px;
  position: relative;
}
@media (max-width: 991.98px) {
  .single-integrations .integrations-main {
    top: 16px;
  }
}
.single-integrations .hero-banner-integrations {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  background: #F7F8F8;
}
@media (max-width: 991.98px) {
  .single-integrations .hero-banner-integrations {
    flex-direction: column;
  }
}
.single-integrations .hero-banner-integrations .leftside {
  position: relative;
}
.single-integrations .hero-banner-integrations .leftside .play-btn {
  position: absolute;
  width: 40px;
  top: 50%;
  transform: translate(0, -50%);
  right: -20px;
  height: 40px;
  cursor: pointer;
  z-index: 1;
  content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group 1321314786"><circle id="Ellipse 219" cx="20" cy="20" r="20" fill="%23C1CEFC"/><g id="Group 1321314681"><path id="Vector" d="M14 12V28C13.9999 28.178 14.0474 28.3527 14.1374 28.5062C14.2274 28.6597 14.3567 28.7864 14.512 28.8732C14.6673 28.96 14.843 29.0038 15.0209 29.0001C15.1988 28.9964 15.3725 28.9453 15.524 28.852L28.524 20.852C28.6696 20.7626 28.7898 20.6373 28.8733 20.4881C28.9567 20.339 29.0005 20.1709 29.0005 20C29.0005 19.8291 28.9567 19.6611 28.8733 19.512C28.7898 19.3628 28.6696 19.2375 28.524 19.148L15.524 11.148C15.3725 11.0548 15.1988 11.0037 15.0209 11C14.843 10.9963 14.6673 11.0401 14.512 11.1269C14.3567 11.2137 14.2274 11.3404 14.1374 11.4939C14.0474 11.6474 13.9999 11.8221 14 12Z" fill="%23111213"/></g></g></svg>');
}
@media (max-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .play-btn {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
    top: unset;
  }
}
.single-integrations .hero-banner-integrations .leftside {
  background: #0E1B49;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside {
    width: 50%;
  }
}
.single-integrations .hero-banner-integrations .leftside .content {
  padding: 30px 24px 36px 24px;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .content {
    padding: 60px 50px 40px 60px;
  }
}
.single-integrations .hero-banner-integrations .leftside .content h2 {
  color: #D5DEFD;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.12px;
  margin-bottom: 16px;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .content h2 {
    font-size: 40px;
    letter-spacing: -1.6px;
    margin-bottom: 24px;
  }
}
.single-integrations .hero-banner-integrations .leftside .content h2 strong {
  color: #6D8CF8;
}
.single-integrations .hero-banner-integrations .leftside .content .parag {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.single-integrations .hero-banner-integrations .rightside {
  height: 230px;
  overflow: hidden;
  position: relative;
}
.single-integrations .hero-banner-integrations .rightside img {
  position: absolute;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .rightside {
    width: 50%;
    height: auto;
  }
}
.single-integrations .hero-banner-integrations .rightside video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-integrations .sideres {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .single-integrations .sideres {
    margin-top: 16px;
  }
}
@media (max-width: 991.98px) {
  .single-integrations .sideres .lefts {
    margin-bottom: 30px;
  }
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table {
    position: sticky;
    top: 80px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups {
  padding: 24px;
  border-radius: 24px;
  background: #F7F8F8;
  margin-bottom: 24px;
}
.single-integrations .sideres .lefts .sticky-table .ups ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .ups ul {
    gap: 12px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups ul li a {
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font-family-4);
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .ups ul li a {
    font-size: 16px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups ul li a.active {
  font-family: var(--font-family-2);
}
.single-integrations .sideres .lefts .sticky-table .ups .title-box {
  color: #111213;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile {
  width: -moz-fit-content;
  width: fit-content;
  right: 15px;
  position: absolute;
  bottom: 5px;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile a {
  position: relative;
  border-radius: 20px;
  background: linear-gradient(121deg, rgba(47, 90, 245, 0.9) 15.58%, rgba(160, 51, 255, 0.9) 87.23%);
  color: #fff;
  height: 37px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0 15px;
  padding-left: 40px;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile a:before {
  position: absolute;
  left: 15px;
  height: 100%;
  display: flex;
  align-items: center;
  top: 2px;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.68685 1.178C9.07088 0.966222 9.49964 0.848483 9.93796 0.834433C10.3763 0.820382 10.8117 0.910419 11.2085 1.09716L11.3668 1.178L17.0127 4.50716L17.0927 4.55966L17.1693 4.62383L17.2585 4.68633C17.5481 4.9035 17.7909 5.17696 17.9722 5.49028C18.1535 5.80361 18.2696 6.15034 18.3135 6.50966L18.3285 6.678L18.3327 6.848V12.918C18.3327 13.8397 17.8577 14.6922 17.121 15.1622L16.9793 15.2455L11.3102 18.8305C10.5452 19.2505 9.62768 19.2763 8.80685 18.8872L8.64351 18.8038L3.06435 15.273C2.66725 15.0559 2.33141 14.742 2.08798 14.3605C1.84455 13.9789 1.70141 13.5421 1.67185 13.0905L1.66602 12.918V6.84716C1.66602 5.9255 2.14102 5.07383 2.89602 4.593L8.68685 1.178ZM9.99935 12.4997C9.79524 12.4997 9.59823 12.5746 9.4457 12.7103C9.29317 12.8459 9.19573 13.0328 9.17185 13.2355L9.16601 13.333L9.17185 13.4388C9.19594 13.6414 9.29348 13.828 9.44599 13.9635C9.59849 14.0989 9.79538 14.1737 9.99935 14.1737C10.2033 14.1737 10.4002 14.0989 10.5527 13.9635C10.7052 13.828 10.8028 13.6414 10.8268 13.4388L10.8327 13.3413L10.8268 13.2355C10.803 13.0328 10.7055 12.8459 10.553 12.7103C10.4005 12.5746 10.2035 12.4997 9.99935 12.4997ZM11.1393 6.93883C10.6405 6.6838 10.0701 6.60495 9.52075 6.71509C8.97143 6.82522 8.47549 7.11788 8.11351 7.5455C7.9755 7.70717 7.90448 7.91547 7.915 8.12777C7.92551 8.34008 8.01676 8.54035 8.17007 8.68759C8.32338 8.83483 8.52717 8.91792 8.73973 8.91986C8.95228 8.92179 9.15755 8.84242 9.31351 8.698L9.45601 8.548C9.57896 8.43515 9.73352 8.36267 9.8989 8.34032C10.0643 8.31797 10.2325 8.34683 10.381 8.423C10.5411 8.50401 10.6707 8.63451 10.7507 8.79511C10.8307 8.95571 10.8567 9.13782 10.8248 9.31438C10.793 9.49094 10.705 9.65251 10.574 9.77507C10.443 9.89764 10.276 9.97465 10.0977 9.99466L9.90435 10.0047C9.6924 10.028 9.49745 10.1317 9.35962 10.2944C9.2218 10.4571 9.15159 10.6664 9.16344 10.8793C9.17529 11.0922 9.26831 11.2925 9.42334 11.4389C9.57837 11.5853 9.78362 11.6667 9.99685 11.6663C10.559 11.668 11.1054 11.4802 11.5477 11.1331C11.9899 10.7861 12.3023 10.3001 12.4344 9.75361C12.5665 9.20715 12.5105 8.63213 12.2755 8.12141C12.0405 7.61068 11.6403 7.19406 11.1393 6.93883Z" fill="white"/></svg>');
}
.single-integrations .sideres .lefts .sticky-table .downs {
  padding: 24px;
  border-radius: 20px;
  background: linear-gradient(141deg, rgba(47, 90, 245, 0.9) 31.55%, rgba(160, 51, 255, 0.9) 97.43%);
  box-shadow: 0px 6px 16px 0px rgba(41, 44, 51, 0.16);
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .downs {
    display: none;
  }
}
.single-integrations .sideres .lefts .sticky-table .downs h2 {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
}
.single-integrations .sideres .lefts .sticky-table .downs h3 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
}
.single-integrations .sideres .lefts .sticky-table .downs a {
  display: flex;
  min-width: 150px;
  padding: 13px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: #fff;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .rights {
    padding-left: 80px;
  }
}
.single-integrations .sideres .rights p {
  color: #1A1A2E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.64px;
  margin-bottom: 24px;
  font-family: var(--font-family-4);
}
.single-integrations .sideres .rights p strong {
  font-family: var(--font-family-2);
}
.single-integrations .sideres .rights p:last-of-type {
  margin-bottom: 0;
}
.single-integrations .sideres .rights img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-integrations .sideres .rights h2 {
  color: #111213;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin: 24px 0;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .rights h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.single-integrations #popup-video {
  width: 100%;
  height: auto;
}
.single-integrations .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.single-integrations .modal-content {
  position: relative;
  margin: 5% auto;
  padding: 0;
  width: 80%;
  max-width: 700px;
}
.single-integrations .modal-content iframe {
  height: 400px !important;
}
.single-integrations .close-btn {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1;
}

.single-blog-post .single-content {
  max-width: 800px;
  margin: auto;
  padding-top: 16px;
}
@media (min-width: 991.98px) {
  .single-blog-post .single-content {
    padding-top: 40px;
  }
}
.single-blog-post .single-content .intro-single-blog .img {
  height: 200px;
  border-radius: 24px;
  overflow: hidden;
}
@media (min-width: 767.98px) {
  .single-blog-post .single-content .intro-single-blog .img {
    height: 450px;
  }
}
.single-blog-post .single-content .intro-single-blog .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-blog-post .single-content .intro-single-blog .more-info {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}
.single-blog-post .single-content .intro-single-blog .more-info span, .single-blog-post .single-content .intro-single-blog .more-info p {
  color: #1F1F1F;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
}
.single-blog-post .single-content .intro-single-blog .title-blog-post {
  color: #1F1F1F;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.12px;
  margin-bottom: 40px;
}
@media (min-width: 991.98px) {
  .single-blog-post .single-content .intro-single-blog .title-blog-post {
    font-size: 40px;
    line-height: 50px; /* 125% */
    letter-spacing: -1.6px;
  }
}
.single-blog-post .single-content .content {
  margin-bottom: 60px;
}
.single-blog-post .single-content .content h2 {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 187.5% */
  letter-spacing: -0.64px;
  font-family: var(--font-family-2);
}
.single-blog-post .single-content .content h2:not(h2:first-of-type) {
  margin-top: 40px;
}
.single-blog-post .single-content .content p {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.64px;
  font-family: var(--font-family-1);
}

/*Single page END*/
/* single-integrations drift migrated from style.css */
.single-integrations .sideres .lefts .sticky-table .ups ul li {
  list-style-type: none;
}
.single-integrations .sideres .rights ul {
  padding-left: 18px;
  margin-bottom: 20px;
}
.single-integrations .sideres .rights ul li {
  list-style-type: disc;
}
.single-integrations .sideres .rights ul li strong {
  font-family: var(--font-family-2);
}
.single-integrations .sideres .rights .video-intro .video-frame {
  margin: 0 0 24px 0;
}
@media (max-width: 575.98px) {
  .single-integrations .sideres .rights .video-intro .video-frame {
    margin: 0 0 8px 0;
  }
  .single-integrations .sideres .rights .video-intro .video-frame iframe {
    height: 240px;
  }
}
.single-integrations .sideres .rights .title-intro {
  margin-bottom: 24px;
}
@media (max-width: 575.98px) {
  .single-integrations .sideres .rights .title-intro {
    margin-bottom: 12px;
  }
}
.single-integrations .sideres .rights .title-intro p {
  color: #1A1A2E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.64px;
  margin-bottom: 24px;
  font-family: var(--font-family-4);
  margin: 0;
}
.single-integrations .sideres .rights .title-intro h3 {
  font-size: 36px;
  line-height: 48px;
  font-family: var(--font-family-1);
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .single-integrations .sideres .rights .title-intro h3 {
    font-size: 24px;
    line-height: normal;
  }
}

/*Archive page Start*/
.site-archive.archive-page .archive-content {
  padding: 40px 0;
}
.site-archive.archive-page .archive-content .page-header {
  margin-bottom: 10px;
}
.site-archive.archive-page .archive-content .articles {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/*Archive page END*/
/* Blogs */
.site-blog {
  padding-top: 60px;
}

.blog__section {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .blog__section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .blog__section .container {
    overflow: unset !important;
  }
}
.blog__section .section-header {
  margin-bottom: 0px;
}
.blog__section .section-header h2 {
  color: #111213;
  text-align: left;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .blog__section .section-header h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
  }
}
.blog__section .section-header h3 {
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blog__section .main-blogs {
  display: flex;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs {
    overflow: unset;
  }
  .blog__section .main-blogs .swiper-slide-prev {
    opacity: 0;
  }
}
@media (max-width: 767.98px) {
  .blog__section .main-blogs {
    flex-direction: column;
    row-gap: 24px;
  }
}
.blog__section .main-blogs .cat-date {
  margin: 16px 0 12px 0;
  display: flex;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .cat-date {
    margin: 12px 0 6px 0;
  }
}
.blog__section .main-blogs .cat-date h2 {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .cat-date h2 {
    font-size: 14px;
  }
}
.blog__section .main-blogs .bottom-content {
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .bottom-content {
    margin-bottom: 0px;
  }
}
.blog__section .main-blogs .bottom-content h3 {
  color: #111213;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: -0.96px;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .bottom-content h3 {
    font-size: 20px;
  }
}
.blog__section .main-blogs .bottom-content h3:not(:first-child) {
  margin-top: 8px;
}
.blog__section .main-blogs .img {
  height: 225px;
  border-radius: 16px;
}
.blog__section .main-blogs .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

.blog__page {
  padding-top: 80px;
}
.blog__page .main-box .cat-date {
  margin: 16px 0 12px 0;
  display: flex;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .cat-date {
    margin: 12px 0 6px 0;
  }
}
.blog__page .main-box .cat-date h2 {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .cat-date h2 {
    font-size: 14px;
  }
}
.blog__page .main-box .bottom-content {
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .bottom-content {
    margin-bottom: 0px;
  }
}
.blog__page .main-box .bottom-content h3 {
  color: #111213;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: -0.96px;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .bottom-content h3 {
    font-size: 20px;
  }
}
.blog__page .main-box .bottom-content h3:not(:first-child) {
  margin-top: 8px;
}
.blog__page .main-box .img {
  height: 225px;
  border-radius: 16px;
}
.blog__page .main-box .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

.hero-blog {
  display: flex;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .hero-blog {
    flex-direction: column;
    gap: 60px;
  }
}
@media (min-width: 767.98px) {
  .hero-blog .lefts, .hero-blog .rights {
    width: 50%;
  }
}
.hero-blog .lefts, .hero-blog .rights {
  align-self: center;
}
.hero-blog .lefts p {
  color: #1F1F1F;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
  font-family: var(--font-family-2);
}
@media (max-width: 767.98px) {
  .hero-blog .lefts p {
    font-size: 16px;
  }
}
.hero-blog .lefts h2 {
  color: #1F1F1F;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -1.6px;
  margin-bottom: 35px;
}
@media (max-width: 767.98px) {
  .hero-blog .lefts h2 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 30px;
  }
}
.hero-blog .lefts a {
  display: flex;
  min-width: 180px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #111213;
  gap: 10px;
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.hero-blog .rights {
  height: 588px;
  height: 100%;
}
@media (max-width: 991.98px) {
  .hero-blog .rights {
    height: 443px;
  }
}
@media (max-width: 575.98px) {
  .hero-blog .rights {
    height: 343px;
  }
}
.hero-blog .rights img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}

.blogpost__section {
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .blogpost__section {
    padding: 40px 0;
  }
}
.blogpost__section .show-all {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  background: transparent;
  border: 1px solid #111213;
  border-radius: 8px;
  color: #111213;
  min-width: 170px;
  padding: 0 24px;
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .blogpost__section .container {
    padding: 0;
  }
}
.blogpost__section .title h2 {
  color: #1F1F1F;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}
@media (min-width: 991.98px) {
  .blogpost__section .title h2 {
    margin-bottom: 40px;
    font-size: 24px;
  }
}
.blogpost__section .tab {
  padding: 0;
}
.blogpost__section .tab nav ul::-webkit-scrollbar {
  display: none;
}
.blogpost__section .tab nav ul {
  justify-content: center;
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
  gap: 16px;
  flex-wrap: unset;
}
@media (max-width: 1200px) {
  .blogpost__section .tab nav ul {
    justify-content: left;
    gap: 8px;
  }
}
.blogpost__section .tab nav ul li:first-of-type {
  margin-left: 15px;
}
.blogpost__section .tab nav ul li:last-of-type {
  margin-right: 15px;
}
.blogpost__section .tab nav ul li .active {
  background-color: #111213 !important;
  color: #fff !important;
  border: 1px solid;
  border-color: transparent;
}
.blogpost__section .tab nav ul li .nav-link {
  text-wrap: nowrap;
  border-radius: 8px;
  color: #1A1A2E;
  border: 1px solid;
  border-color: #111213;
  padding: 13px 24px;
  height: 42px;
  align-items: center;
  display: flex;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab nav ul li .nav-link {
    height: 40px;
  }
  .blogpost__section .tab nav ul li .nav-link:first-child {
    margin-left: 0;
  }
}
.blogpost__section .tab nav ul li .nav-link:hover {
  background-color: rgba(17, 18, 19, 0.6470588235);
  color: #fff;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.blogpost__section .tab nav ul {
  margin: 0;
}
.blogpost__section .projects__titletab {
  padding-bottom: 3rem;
}
.blogpost__section .projects__titletab h2 {
  text-align: center;
  color: #1A1A2E;
  font-size: 3.4rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  position: relative;
  padding-bottom: 0.4rem;
}
.blogpost__section .projects__titletab i {
  margin: auto;
  font-size: 28px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  display: flex;
  position: relative;
  color: #446BF6;
}
.blogpost__section .projects__titletab i:after {
  bottom: 0.75rem;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 2px;
  position: absolute;
  background: linear-gradient(to right, #e1e7eb 0%, #e1e7eb 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #e1e7eb 75%);
}
.blogpost__section .tab-content {
  margin: 40px 0;
}
@media (max-width: 1200px) {
  .blogpost__section .tab-content {
    padding: 0 15px;
  }
}
@media (max-width: 991.98px) {
  .blogpost__section .tab-content {
    margin: 40px 0 0 0;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas {
  margin-bottom: 30px;
}
.blogpost__section .tab-content .tab-pane .all .klas:last-of-type {
  margin-bottom: 0;
}
.blogpost__section .tab-content .tab-pane .all .klas a h3 {
  color: #1F1F1F;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.9px;
}
@media (min-width: 991.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas a h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.96px;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under {
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span {
  opacity: 1;
  display: inline-block;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span:nth-child(1) {
  margin-left: -13px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span:nth-child(3) {
  margin-left: 13px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover img {
  transform: scale(1.1);
  transition: all 1s;
}
.blogpost__section .tab-content .tab-pane .all .klas .under a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0 10px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under a h3 {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  opacity: 0;
  text-transform: uppercase;
  width: 100%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under a h3 {
    opacity: 1;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under a i {
  background: rgba(25, 25, 25, 0.15);
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under a i {
    display: none;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under a i:hover {
  background: #1A1A2E;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.blogpost__section .tab-content .tab-pane .all .klas .under img {
  width: 100%;
  height: 270px;
  background-color: #1A1A2E;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s;
}
@media (max-width: 470px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under img {
    height: 240px;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under .layer {
  width: 100%;
  height: 100%;
  background: rgba(128, 255, 0, 0.302);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover .layer {
    opacity: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index: 1;
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover .layer {
    opacity: 0;
  }
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover i {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    opacity: 1;
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover i {
    display: none;
  }
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover h3 {
    opacity: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover img {
    transform: scale(1.1);
    transition: all 1s;
  }
}

.post-date {
  margin: 12px 0 16px 0;
  color: #1F1F1F;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Blogs END */
/* Banner Stathubs (Home banner) */
.banner-stathubs {
  position: relative;
  background: linear-gradient(103.22deg, #0E1B49 2.06%, #182D7B 50.27%);
  color: #fff;
  padding: 40px 0 0px 0;
  overflow: hidden;
}
.banner-stathubs .container {
  position: relative;
  z-index: 1;
}
.banner-stathubs .row {
  row-gap: 40px;
  align-items: flex-end;
}
.banner-stathubs .lefts {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (min-width: 991.98px) {
  .banner-stathubs .lefts {
    padding-bottom: 100px;
    padding-top: 60px;
  }
}
.banner-stathubs .lefts .badge-pill {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(172, 189, 251, 0.2) 0%, rgba(172, 189, 251, 0) 100%);
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.banner-stathubs .lefts h1 {
  color: #fff;
  margin: 0;
  font-weight: 500;
  letter-spacing: -2%;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}
.banner-stathubs .lefts .content p {
  color: inherit;
  margin: 0 0 8px;
}
.banner-stathubs .lefts .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.banner-stathubs .lefts .content ul li {
  position: relative;
  padding-left: 24px;
  font-weight: 400;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
}
.banner-stathubs .lefts .content ul li::before {
  content: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.600098 4.76676L4.76676 8.93343L13.1001 0.600098" stroke="%23D5DEFD" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-weight: 700;
}
.banner-stathubs .lefts .content ul li strong {
  font-weight: 700;
}
.banner-stathubs .lefts .buttons {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 10px;
  flex-wrap: wrap;
}
@media (min-width: 991.98px) {
  .banner-stathubs .lefts .buttons {
    margin-top: 16px;
  }
}
@media (max-width: 450px) {
  .banner-stathubs .lefts .buttons {
    flex-direction: column;
  }
}
.banner-stathubs .lefts .buttons .first-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--primary-color, #446BF6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px -2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
.banner-stathubs .lefts .buttons .first-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.banner-stathubs .lefts .buttons .first-btn:hover, .banner-stathubs .lefts .buttons .first-btn:focus-visible {
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35), 0 6px 14px -6px rgba(0, 0, 0, 0.25);
}
.banner-stathubs .lefts .buttons .first-btn:hover::before, .banner-stathubs .lefts .buttons .first-btn:focus-visible::before {
  transform: translateX(100%);
}
.banner-stathubs .lefts .buttons .second-btn {
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 200% auto;
  background-position: right center;
  transition: background-position 0.5s ease, color 0.25s ease;
}
.banner-stathubs .lefts .buttons .second-btn:hover, .banner-stathubs .lefts .buttons .second-btn:focus-visible {
  color: #0E1B49;
  background-position: left center;
}
.banner-stathubs .lefts .buttons .second-btn--whatsapp {
  gap: 10px;
}
.banner-stathubs .lefts .buttons .second-btn--whatsapp::before {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.52 3.48A11.86 11.86 0 0012.04 0C5.5 0 .2 5.3.2 11.84a11.8 11.8 0 001.62 5.96L0 24l6.36-1.66a11.86 11.86 0 005.68 1.44h.01c6.54 0 11.84-5.3 11.84-11.84a11.78 11.78 0 00-3.37-8.46zM12.05 21.5h-.01a9.65 9.65 0 01-4.92-1.35l-.35-.21-3.78.99 1.01-3.68-.23-.38a9.66 9.66 0 01-1.48-5.13c0-5.33 4.34-9.67 9.68-9.67 2.58 0 5.01 1.01 6.84 2.83a9.6 9.6 0 012.83 6.84c-.01 5.34-4.35 9.76-9.59 9.76zm5.31-7.24c-.29-.15-1.72-.85-1.99-.95-.27-.1-.46-.15-.66.15-.2.29-.76.95-.93 1.14-.17.2-.34.22-.63.07a8.06 8.06 0 01-2.36-1.46 8.92 8.92 0 01-1.64-2.04c-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.51.15-.17.2-.29.29-.49.1-.2.05-.37-.02-.51-.07-.15-.66-1.59-.9-2.18-.24-.57-.48-.5-.66-.5l-.56-.01c-.2 0-.51.07-.78.37s-1.03 1-1.03 2.43c0 1.43 1.05 2.81 1.2 3.01.15.2 2.07 3.16 5.03 4.43.7.3 1.25.48 1.68.62.7.22 1.34.19 1.84.12.56-.08 1.72-.7 1.97-1.38.24-.68.24-1.27.17-1.38-.07-.12-.27-.2-.56-.34z"/></svg>');
}
.banner-stathubs .lefts .reviews {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}
@media (min-width: 991.98px) {
  .banner-stathubs .lefts .reviews {
    margin-top: 16px;
  }
}
@media (max-width: 450px) {
  .banner-stathubs .lefts .reviews {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
.banner-stathubs .lefts .reviews__stars {
  display: inline-flex;
  gap: 2px;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 450px) {
  .banner-stathubs .lefts .reviews__stars {
    font-size: 14px;
  }
}
.banner-stathubs .lefts .reviews__stars .star {
  color: rgba(255, 255, 255, 0.25);
}
.banner-stathubs .lefts .reviews__stars .star.is-filled {
  color: #f5b50a;
}
.banner-stathubs .lefts .reviews__value {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .banner-stathubs .lefts .reviews__value {
    font-size: 11px;
    line-height: 18px;
  }
}
.banner-stathubs .lefts .reviews__text {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.banner-stathubs .lefts .reviews__text::before {
  background-image: url('data:image/svg+xml,<svg width="2" height="2" viewBox="0 0 2 2" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="1" cy="1" r="1" fill="%23D5DEFD"/></svg>');
  margin-right: 6px;
  content: "";
  width: 4px;
  height: 4px;
  display: flex;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .banner-stathubs .lefts .reviews__text {
    font-size: 11px;
    line-height: 18px;
  }
}
.banner-stathubs .rights {
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.banner-stathubs .rights .img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.banner-stathubs .rights .img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0;
}

.other-platforms-block {
  border-radius: 24px;
  background: #F7F8F8;
  padding: 40px 16px;
  margin-top: 60px;
}
@media (min-width: 991.98px) {
  .other-platforms-block {
    padding: 40px 40px;
  }
}
.other-platforms-block .section-header {
  margin-bottom: 40px;
  color: #132462;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media (min-width: 991.98px) {
  .other-platforms-block .section-header {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 48px;
  }
}
.other-platforms-block .content ul {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .other-platforms-block .content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .other-platforms-block .content ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.other-platforms-block .content ul a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-radius: 16px;
  background: #fff;
  height: 60px;
  gap: 12px;
  align-items: center;
  position: relative;
  padding: 5px 12px;
}
@media (min-width: 991.98px) {
  .other-platforms-block .content ul a {
    height: 64px;
  }
}
.other-platforms-block .content ul a p {
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 100% */
}
.other-platforms-block .content ul a img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: flex;
  -o-object-fit: contain;
  object-fit: contain;
}
.other-platforms-block .content ul a::after {
  position: absolute;
  right: 12px;
  transition: 0.2s ease-in-out;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group 1321314682"><path id="Vector" d="M17 7L7 17" stroke="%2399A2AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M8 7H17V16" stroke="%2399A2AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
.other-platforms-block .content ul a:hover::after {
  transition: 0.3s ease;
  transform: rotate(45deg);
}

/* Technologies — static logo grid (was a slider) */
.technologies-section {
  padding: 60px 0;
  background-color: #F7F8F8;
}
@media (max-width: 991.98px) {
  .technologies-section {
    padding: 40px 0;
  }
}
.technologies-section__title {
  text-align: center;
  color: #000;
  font-weight: 400;
  letter-spacing: -2%;
  margin: 0 0 40px;
}
@media (max-width: 991.98px) {
  .technologies-section__title {
    margin: 0 0 24px;
  }
}
.technologies-section__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 48px 56px;
}
@media (max-width: 767.98px) {
  .technologies-section__grid {
    gap: 48px 24px;
  }
}
.technologies-section__item {
  flex: 0 0 auto;
  width: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .technologies-section__item {
    width: 140px;
  }
}
@media (max-width: 767.98px) {
  .technologies-section__item {
    width: 100px;
  }
}
.technologies-section__item img {
  max-width: 100%;
  height: auto;
  max-height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 767.98px) {
  .technologies-section__item img {
    max-height: 32px;
  }
}

/* Features block — big left title, 2-col feature grid on the right */
.features-section {
  padding: 80px 0;
  background-color: #fff;
  color: var(--font-color, #1A1A2E);
}
@media (max-width: 991.98px) {
  .features-section {
    padding: 40px 0;
  }
}
.features-section__row {
  row-gap: 48px;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .features-section__row {
    row-gap: 24px;
  }
}
@media (min-width: 991.98px) {
  .features-section__row .col-lg-4 {
    padding-right: 48px;
  }
}
.features-section__title p, .features-section__title h1, .features-section__title h2, .features-section__title h3, .features-section__title h4 {
  margin: 0 0 12px;
  font-weight: 400;
  font-size: var(--fs-h2);
  letter-spacing: -2%;
  line-height: var(--lh-h2);
}
.features-section__title p:last-child, .features-section__title h1:last-child, .features-section__title h2:last-child, .features-section__title h3:last-child, .features-section__title h4:last-child {
  margin-bottom: 0;
}
.features-section__title strong, .features-section__title b {
  font-weight: 700;
}
.features-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 56px;
}
@media (max-width: 991.98px) {
  .features-section__grid {
    gap: 32px 40px;
  }
}
@media (max-width: 767.98px) {
  .features-section__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.features-section__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.features-section__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.features-section__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.features-section__item-title {
  margin: 0;
  font-weight: 500;
}
.features-section__item-text {
  margin: 0;
  color: #555A5F;
}

/* Pain Points — center image flanked by pill items on each side */
.pain-points-section {
  position: relative;
  padding: 80px 0 0px 0;
  background: linear-gradient(154.72deg, rgba(213, 222, 253, 0) 0.31%, #D5DEFD 83.82%);
  color: var(--font-color, #1A1A2E);
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .pain-points-section {
    padding: 40px 0 0 0;
  }
}
.pain-points-section__header {
  text-align: center;
  max-width: 840px;
  margin: 0 auto 64px;
}
@media (max-width: 991.98px) {
  .pain-points-section__header {
    margin-bottom: 40px;
  }
}
.pain-points-section__title {
  margin: 0 0 20px;
}
.pain-points-section__title p, .pain-points-section__title h1, .pain-points-section__title h2, .pain-points-section__title h3, .pain-points-section__title h4 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: inherit;
}
.pain-points-section__title strong, .pain-points-section__title b {
  font-weight: 700;
}
.pain-points-section__subtitle {
  max-width: 800px;
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(0, 0, 0, 0.65);
}
.pain-points-section__row {
  display: grid;
  grid-template-columns: 1fr minmax(0, 580px) 1fr;
  align-items: center;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 16px;
  position: relative;
}
@media (max-width: 1200px) {
  .pain-points-section__row {
    grid-template-columns: 1fr minmax(0, 380px) 1fr;
  }
}
@media (max-width: 991.98px) {
  .pain-points-section__row {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
.pain-points-section__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  z-index: 2;
}
.pain-points-section__list--left {
  align-items: flex-end;
}
@media (min-width: 991.98px) {
  .pain-points-section__list--left {
    margin-right: -40px;
  }
}
.pain-points-section__list--right {
  align-items: flex-start;
}
@media (min-width: 991.98px) {
  .pain-points-section__list--right {
    margin-left: -40px;
  }
}
@media (max-width: 991.98px) {
  .pain-points-section__list {
    gap: 12px;
  }
  .pain-points-section__list--left, .pain-points-section__list--right {
    align-items: stretch;
  }
}
.pain-points-section__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 560px;
  padding: 14px 12px;
  border-radius: 8px;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(2px);
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 991.98px) {
  .pain-points-section__item {
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (min-width: 991.98px) {
  .pain-points-section__list--right .pain-points-section__item {
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.pain-points-section__x {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #FBE7E2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path d="M2.5 2.5L11.5 11.5M11.5 2.5L2.5 11.5" stroke="%23E2613E" stroke-width="2" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}
.pain-points-section__item-text {
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: #1A1A2E;
  letter-spacing: -2%;
}
.pain-points-section__col--image {
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .pain-points-section__col--image {
    order: 1;
    margin-top: 48px;
  }
}
@media (min-width: 991.98px) {
  .pain-points-section__col--image img {
    width: 150%;
    max-width: none;
    margin: 0 -25%;
  }
}
.pain-points-section__col--image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 991.98px) {
  .pain-points-section__col--image .pain-points-section__image--desktop {
    display: none;
  }
}
.pain-points-section__col--image .pain-points-section__image--mobile {
  max-height: 420px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  .pain-points-section__col--image .pain-points-section__image--mobile {
    display: none;
  }
}

/* Benefits — center image flanked by 3 left + 3 right feature items */
.benefits-section {
  padding: 80px 0 0px 0;
  background: linear-gradient(111.55deg, #FFFFFF 0.71%, #F0F4F7 99.29%);
  color: var(--font-color, #1A1A2E);
}
@media (max-width: 991.98px) {
  .benefits-section {
    padding: 40px 0;
  }
}
.benefits-section__title {
  text-align: center;
  margin: 0 auto 60px;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .benefits-section__title {
    margin-bottom: 40px;
  }
}
.benefits-section__title p, .benefits-section__title h1, .benefits-section__title h2, .benefits-section__title h3, .benefits-section__title h4 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: inherit;
}
.benefits-section__title strong, .benefits-section__title b {
  font-weight: 700;
}
.benefits-section__row {
  display: grid;
  grid-template-columns: 1fr minmax(0, 380px) 1fr;
  align-items: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
  row-gap: 40px;
}
@media (max-width: 991.98px) {
  .benefits-section__row {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.benefits-section__col {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 991.98px) {
  .benefits-section__col {
    padding-bottom: 80px;
  }
}
@media (max-width: 991.98px) {
  .benefits-section__col {
    gap: 40px;
  }
}
.benefits-section__col--image {
  align-items: center;
  justify-content: center;
}
@media (min-width: 991.98px) {
  .benefits-section__col--image {
    padding-bottom: 0;
  }
}
.benefits-section__col--image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 991.98px) {
  .benefits-section__col--image {
    order: -1;
  }
  .benefits-section__col--image img {
    max-width: 320px;
  }
}
@media (max-width: 991.98px) {
  .benefits-section__col--image .benefits-section__image--desktop {
    display: none;
  }
}
.benefits-section__col--image .benefits-section__image--mobile {
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  .benefits-section__col--image .benefits-section__image--mobile {
    display: none;
  }
}
.benefits-section__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.benefits-section__icon {
  width: 32px;
  height: 32px;
}
.benefits-section__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.benefits-section__item-title {
  margin: 0;
  font-weight: 500;
}
.benefits-section__item-text {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: #4C4C4C;
}

/* Steps — 4 numbered steps in a row with a phone screenshot per step. */
.steps-section {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background-color: #fff;
  color: var(--font-color, #1A1A2E);
  text-align: center;
  isolation: isolate;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .steps-section {
    padding: 40px 0;
  }
}
.steps-section {
  /* Soft blurred blue circle in the top-left corner */
}
.steps-section::before {
  content: "";
  position: absolute;
  top: -260px;
  left: -260px;
  width: 1043px;
  height: 1043px;
  z-index: -1;
  pointer-events: none;
  background-image: url('data:image/svg+xml;utf8,<svg width="586" height="723" viewBox="0 0 586 723" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6" filter="url(%23filter0_f_3252_3757)"><circle cx="521.5" cy="521.5" r="291.5" fill="%23D5DEFD"/></g><defs><filter id="filter0_f_3252_3757" x="0" y="0" width="1043" height="1043" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="115" result="effect1_foregroundBlur_3252_3757"/></filter></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .steps-section::before {
    width: 400px;
    height: 400px;
    top: -50px;
    left: -90px;
  }
}
.steps-section {
  /* Same soft blurred circle mirrored into the bottom-right corner */
}
.steps-section::after {
  content: "";
  position: absolute;
  bottom: -170px;
  right: -220px;
  width: 1043px;
  height: 1043px;
  z-index: -1;
  pointer-events: none;
  background-image: url('data:image/svg+xml;utf8,<svg width="586" height="723" viewBox="0 0 586 723" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.6" filter="url(%23filter0_f_3252_3757)"><circle cx="521.5" cy="521.5" r="291.5" fill="%23D5DEFD"/></g><defs><filter id="filter0_f_3252_3757" x="0" y="0" width="1043" height="1043" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="115" result="effect1_foregroundBlur_3252_3757"/></filter></defs></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(0);
  border-radius: 50%;
}
@media (max-width: 767.98px) {
  .steps-section::after {
    width: 400px;
    height: 400px;
  }
}
.steps-section .container {
  position: relative;
  z-index: 1;
}
.steps-section__header {
  max-width: 1000px;
  margin: 0 auto 40px;
}
@media (max-width: 991.98px) {
  .steps-section__header {
    margin-bottom: 32px;
  }
}
.steps-section__title p, .steps-section__title h1, .steps-section__title h2, .steps-section__title h3, .steps-section__title h4 {
  margin: 0;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 400;
  letter-spacing: -2%;
}
.steps-section__title strong, .steps-section__title b {
  font-weight: 700;
}
.steps-section__subtitle {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(0, 0, 0, 0.6);
}
.steps-section {
  /* ===== Steps row ===== */
}
.steps-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 80px;
}
@media (max-width: 1200px) {
  .steps-section__list {
    gap: 24px;
  }
}
.steps-section__list {
  /* Mobile: horizontal scroll, one (and a peek of next) per viewport. */
}
@media (max-width: 991.98px) {
  .steps-section__list {
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    scrollbar-width: none;
  }
  .steps-section__list::-webkit-scrollbar {
    display: none;
  }
}
.steps-section__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 991.98px) {
  .steps-section__step {
    flex: 0 0 auto;
    width: 78%;
    max-width: 320px;
    scroll-snap-align: start;
  }
}
.steps-section__step-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  width: 100%;
}
.steps-section__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--primary-color, #446BF6);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .steps-section__number {
    width: 30px;
    height: 30px;
  }
}
.steps-section {
  /* Gradient-arrow connector between consecutive steps.
     Sits to the right of the current number and extends into the next step's
     column. Background SVG is a row of chevrons each with a fade-in gradient. */
}
.steps-section__step:not(:last-child) .steps-section__number::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  width: calc(100% + 100vw);
  max-width: 245px;
  height: 14px;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="260" height="14" viewBox="0 0 260 14" fill="none"><path d="M15.6686 6.51055L0.811792 0.0485527C0.575226 -0.0526852 0.292947 0.00762681 0.12838 0.199333C-0.0373304 0.391039 -0.0430446 0.663519 0.114666 0.86061L5.00026 6.99951L0.114666 13.1384C-0.0430446 13.3355 -0.0373304 13.609 0.127237 13.7997C0.238092 13.93 0.403802 14 0.571798 14C0.652939 14 0.73408 13.9838 0.810649 13.9505L15.6674 7.48846C15.8709 7.40015 16 7.20952 16 6.99951C16 6.78949 15.8709 6.59886 15.6686 6.51055Z" fill="url(%23g0)"/><path d="M46.1686 6.51055L31.3118 0.0485527C31.0752 -0.0526852 30.7929 0.00762681 30.6284 0.199333C30.4627 0.391039 30.457 0.663519 30.6147 0.86061L35.5003 6.99951L30.6147 13.1384C30.457 13.3355 30.4627 13.609 30.6272 13.7997C30.7381 13.93 30.9038 14 31.0718 14C31.1529 14 31.2341 13.9838 31.3106 13.9505L46.1674 7.48846C46.3709 7.40015 46.5 7.20952 46.5 6.99951C46.5 6.78949 46.3709 6.59886 46.1686 6.51055Z" fill="url(%23g1)"/><path d="M76.6686 6.51055L61.8118 0.0485527C61.5752 -0.0526852 61.2929 0.00762681 61.1284 0.199333C60.9627 0.391039 60.957 0.663519 61.1147 0.86061L66.0003 6.99951L61.1147 13.1384C60.957 13.3355 60.9627 13.609 61.1272 13.7997C61.2381 13.93 61.4038 14 61.5718 14C61.6529 14 61.7341 13.9838 61.8106 13.9505L76.6674 7.48846C76.8709 7.40015 77 7.20952 77 6.99951C77 6.78949 76.8709 6.59886 76.6686 6.51055Z" fill="url(%23g2)"/><path d="M107.169 6.51055L92.3118 0.0485527C92.0752 -0.0526852 91.7929 0.00762681 91.6284 0.199333C91.4627 0.391039 91.457 0.663519 91.6147 0.86061L96.5003 6.99951L91.6147 13.1384C91.457 13.3355 91.4627 13.609 91.6272 13.7997C91.7381 13.93 91.9038 14 92.0718 14C92.1529 14 92.2341 13.9838 92.3106 13.9505L107.167 7.48846C107.371 7.40015 107.5 7.20952 107.5 6.99951C107.5 6.78949 107.371 6.59886 107.169 6.51055Z" fill="url(%23g3)"/><path d="M137.669 6.51055L122.812 0.0485527C122.575 -0.0526852 122.293 0.00762681 122.128 0.199333C121.963 0.391039 121.957 0.663519 122.115 0.86061L127 6.99951L122.115 13.1384C121.957 13.3355 121.963 13.609 122.127 13.7997C122.238 13.93 122.404 14 122.572 14C122.653 14 122.734 13.9838 122.811 13.9505L137.667 7.48846C137.871 7.40015 138 7.20952 138 6.99951C138 6.78949 137.871 6.59886 137.669 6.51055Z" fill="url(%23g4)"/><path d="M168.169 6.51055L153.312 0.0485527C153.075 -0.0526852 152.793 0.00762681 152.628 0.199333C152.463 0.391039 152.457 0.663519 152.615 0.86061L157.5 6.99951L152.615 13.1384C152.457 13.3355 152.463 13.609 152.627 13.7997C152.738 13.93 152.904 14 153.072 14C153.153 14 153.234 13.9838 153.311 13.9505L168.167 7.48846C168.371 7.40015 168.5 7.20952 168.5 6.99951C168.5 6.78949 168.371 6.59886 168.169 6.51055Z" fill="url(%23g5)"/><path d="M198.669 6.51055L183.812 0.0485527C183.575 -0.0526852 183.293 0.00762681 183.128 0.199333C182.963 0.391039 182.957 0.663519 183.115 0.86061L188 6.99951L183.115 13.1384C182.957 13.3355 182.963 13.609 183.127 13.7997C183.238 13.93 183.404 14 183.572 14C183.653 14 183.734 13.9838 183.811 13.9505L198.667 7.48846C198.871 7.40015 199 7.20952 199 6.99951C199 6.78949 198.871 6.59886 198.669 6.51055Z" fill="url(%23g6)"/><path d="M229.169 6.51055L214.312 0.0485527C214.075 -0.0526852 213.793 0.00762681 213.628 0.199333C213.463 0.391039 213.457 0.663519 213.615 0.86061L218.5 6.99951L213.615 13.1384C213.457 13.3355 213.463 13.609 213.627 13.7997C213.738 13.93 213.904 14 214.072 14C214.153 14 214.234 13.9838 214.311 13.9505L229.167 7.48846C229.371 7.40015 229.5 7.20952 229.5 6.99951C229.5 6.78949 229.371 6.59886 229.169 6.51055Z" fill="url(%23g7)"/><path d="M259.669 6.51055L244.812 0.0485527C244.575 -0.0526852 244.293 0.00762681 244.128 0.199333C243.963 0.391039 243.957 0.663519 244.115 0.86061L249 6.99951L244.115 13.1384C243.957 13.3355 243.963 13.609 244.127 13.7997C244.238 13.93 244.404 14 244.572 14C244.653 14 244.734 13.9838 244.811 13.9505L259.667 7.48846C259.871 7.40015 260 7.20952 260 6.99951C260 6.78949 259.871 6.59886 259.669 6.51055Z" fill="url(%23g8)"/><defs><linearGradient id="g0" x1="0" y1="7" x2="16" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g1" x1="30.5" y1="7" x2="46.5" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g2" x1="61" y1="7" x2="77" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g3" x1="91.5" y1="7" x2="107.5" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g4" x1="122" y1="7" x2="138" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g5" x1="152.5" y1="7" x2="168.5" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g6" x1="183" y1="7" x2="199" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g7" x1="213.5" y1="7" x2="229.5" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient><linearGradient id="g8" x1="244" y1="7" x2="260" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="%232F5AF5" stop-opacity="0"/><stop offset="1" stop-color="%232F5AF5"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
@media (max-width: 1200px) {
  .steps-section__step:not(:last-child) .steps-section__number::after {
    max-width: 175px;
  }
}
@media (max-width: 991.98px) {
  .steps-section__step:not(:last-child) .steps-section__number::after {
    max-width: 265px;
    left: calc(100% + 20px);
  }
}
.steps-section__step-title {
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  font-weight: 400;
  color: #1A1A2E;
}
.steps-section__step-image {
  margin-top: 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}
.steps-section__image {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
}
.steps-section {
  /* ===== Buttons ===== */
}
.steps-section__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .steps-section__buttons {
    margin-top: 32px;
  }
}
.steps-section__buttons .first-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--primary-color, #446BF6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px -2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
.steps-section__buttons .first-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.steps-section__buttons .first-btn:hover, .steps-section__buttons .first-btn:focus-visible {
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35), 0 6px 14px -6px rgba(0, 0, 0, 0.25);
}
.steps-section__buttons .first-btn:hover::before, .steps-section__buttons .first-btn:focus-visible::before {
  transform: translateX(100%);
}
.steps-section__buttons .second-btn {
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 200% auto;
  background-position: right center;
  transition: background-position 0.5s ease, color 0.25s ease;
}
.steps-section__buttons .second-btn:hover, .steps-section__buttons .second-btn:focus-visible {
  color: #0E1B49;
  background-position: left center;
}
.steps-section__buttons .second-btn {
  border-color: #1A1A2E;
  color: #1A1A2E;
  background-image: linear-gradient(to right, #1A1A2E 0%, #1A1A2E 50%, transparent 50%, transparent 100%);
}
.steps-section__buttons .second-btn:hover, .steps-section__buttons .second-btn:focus-visible {
  color: #fff;
}
@media (max-width: 450px) {
  .steps-section__buttons .first-btn, .steps-section__buttons .second-btn {
    width: 100%;
  }
}

/* Text - Image style END */
.block-multishops {
  background: #fff;
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .block-multishops {
    padding: 40px 0;
  }
}
.block-multishops .multishops-box {
  border-radius: 24px;
  background: linear-gradient(283deg, #0E1B49 51.11%, #182D7B 98.08%);
  overflow: hidden;
  padding: 60px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box {
    padding: 32px;
    background: linear-gradient(0deg, var(--Natural-colorLightGrey900, #F7F8F8) 0%, var(--Natural-colorLightGrey900, #F7F8F8) 100%), var(--Natural-colorLightGrey900, #F7F8F8);
  }
}
.block-multishops .multishops-box h2 {
  color: #D5DEFD;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box h2 {
    color: #132462;
    font-size: 24px;
    line-height: 30px;
  }
}
.block-multishops .multishops-box h3 {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box h3 {
    color: #132462;
  }
}
.block-multishops .multishops-box .ul-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.block-multishops .multishops-box .ul-bottom ul {
  display: grid;
  gap: 60px;
}
@media (min-width: 1200px) {
  .block-multishops .multishops-box .ul-bottom ul {
    grid-template-columns: repeat(7, 90px);
  }
}
@media (max-width: 1200px) and (min-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul {
    gap: 90px;
    grid-template-columns: repeat(5, 90px);
  }
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul {
    grid-template-columns: repeat(4, 65px);
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .block-multishops .multishops-box .ul-bottom ul li:nth-last-child(-n+7) {
    margin-left: 70px;
  }
}
.block-multishops .multishops-box .ul-bottom ul li, .block-multishops .multishops-box .ul-bottom ul a {
  width: 90px;
  height: 90px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul li, .block-multishops .multishops-box .ul-bottom ul a {
    width: 65px;
    height: 65px;
    border: 1px solid #D5DEFE;
  }
}
.block-multishops .multishops-box .ul-bottom ul li img, .block-multishops .multishops-box .ul-bottom ul a img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul li img, .block-multishops .multishops-box .ul-bottom ul a img {
    width: 30px;
    height: 30px;
  }
}

/* Text - Image style END */
/* Platforms — text+button left, categorized integration logos right */
.platforms-section {
  padding: 80px 0;
  background-color: #fff;
  color: var(--font-color, #1A1A2E);
}
@media (max-width: 991.98px) {
  .platforms-section {
    padding: 40px 0;
  }
}
.platforms-section__row {
  row-gap: 48px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .platforms-section__row {
    row-gap: 40px;
  }
}
.platforms-section__lefts {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-self: flex-start;
}
@media (max-width: 991.98px) {
  .platforms-section__lefts {
    text-align: left;
  }
}
.platforms-section__title p, .platforms-section__title h1, .platforms-section__title h2, .platforms-section__title h3, .platforms-section__title h4 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  letter-spacing: -2%;
}
.platforms-section__title strong, .platforms-section__title b {
  font-weight: 700;
}
.platforms-section__subtitle {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(0, 0, 0, 0.6);
}
.platforms-section__cta .second-btn {
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 200% auto;
  background-position: right center;
  transition: background-position 0.5s ease, color 0.25s ease;
}
.platforms-section__cta .second-btn:hover, .platforms-section__cta .second-btn:focus-visible {
  color: #0E1B49;
  background-position: left center;
}
.platforms-section__cta .second-btn {
  border-color: #1A1A2E;
  color: #1A1A2E;
  background-image: linear-gradient(to right, #1A1A2E 0%, #1A1A2E 50%, transparent 50%, transparent 100%);
}
.platforms-section__cta .second-btn:hover, .platforms-section__cta .second-btn:focus-visible {
  color: #fff;
}
.platforms-section {
  /* ===== Right side: category groups ===== */
}
.platforms-section__rights {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 991.98px) {
  .platforms-section__rights {
    padding-left: 60px;
  }
}
.platforms-section__group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .platforms-section__group {
    row-gap: 8px;
  }
}
.platforms-section__group-title {
  margin: 0;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  font-weight: 500;
  color: #333639;
}
.platforms-section__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .platforms-section__logos {
    gap: 16px;
  }
}
.platforms-section__logo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 20px rgba(31, 50, 110, 0.08), 0 1px 3px rgba(31, 50, 110, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  flex-shrink: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (max-width: 991.98px) {
  .platforms-section__logo {
    width: 50px;
    height: 50px;
    padding: 12px;
  }
}
.platforms-section__logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  width: 30px;
  height: 30px;
}
.platforms-section__logo:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(31, 50, 110, 0.14), 0 2px 4px rgba(31, 50, 110, 0.08);
}

/* CTA — full-width blue card with text+buttons left, image right */
.cta-section {
  padding: 40px 0 40px;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .cta-section {
    padding: 32px 0 56px;
  }
}
.cta-section__card {
  position: relative;
  background-color: #2A51DD;
  color: #fff;
  border-radius: 16px;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr minmax(0, 445px);
  -moz-column-gap: 48px;
       column-gap: 48px;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .cta-section__card {
    padding: 48px;
    -moz-column-gap: 32px;
         column-gap: 32px;
    grid-template-columns: 1fr minmax(0, 360px);
  }
}
@media (max-width: 991.98px) {
  .cta-section__card {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    row-gap: 32px;
  }
}
.cta-section__lefts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cta-section__title p, .cta-section__title h1, .cta-section__title h2, .cta-section__title h3, .cta-section__title h4 {
  margin: 0;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  font-weight: 400;
  color: inherit;
}
.cta-section__title strong, .cta-section__title b {
  font-weight: 700;
}
.cta-section__subtitle {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(255, 255, 255, 0.85);
  max-width: 560px;
}
.cta-section__buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}
@media (max-width: 767.98px) {
  .cta-section__buttons {
    flex-direction: column;
  }
}
.cta-section__buttons {
  /* White knockout primary (white bg, dark text). */
}
.cta-section__buttons .first-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--primary-color, #446BF6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px -2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
.cta-section__buttons .first-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.cta-section__buttons .first-btn:hover, .cta-section__buttons .first-btn:focus-visible {
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35), 0 6px 14px -6px rgba(0, 0, 0, 0.25);
}
.cta-section__buttons .first-btn:hover::before, .cta-section__buttons .first-btn:focus-visible::before {
  transform: translateX(100%);
}
.cta-section__buttons .first-btn {
  background-color: #fff;
  color: #1A1A2E;
  box-shadow: none;
}
.cta-section__buttons .first-btn::before {
  background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.06) 50%, transparent 100%);
}
.cta-section__buttons .first-btn:hover, .cta-section__buttons .first-btn:focus-visible {
  color: #1A1A2E;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35);
}
.cta-section__buttons {
  /* Outline white (default button-2 styling — designed for dark sections). */
}
.cta-section__buttons .second-btn {
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 200% auto;
  background-position: right center;
  transition: background-position 0.5s ease, color 0.25s ease;
}
.cta-section__buttons .second-btn:hover, .cta-section__buttons .second-btn:focus-visible {
  color: #0E1B49;
  background-position: left center;
}
@media (max-width: 767.98px) {
  .cta-section__buttons .first-btn, .cta-section__buttons .second-btn {
    width: 100%;
  }
}
.cta-section {
  /* ===== Right image (light blue frame) ===== */
}
.cta-section__rights {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta-section__image-wrap {
  width: 100%;
  border-radius: 20px;
  background: #EAEFFE;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/11;
  border-radius: 16px;
}
@media (max-width: 991.98px) {
  .cta-section__image-wrap {
    aspect-ratio: 5/3;
  }
}
.cta-section__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-radius: 16px;
}

/* FAQs — left title, right accordion. Sourced from Theme Settings options. */
.faqs-section {
  padding: 80px 0;
  background: linear-gradient(108.21deg, rgba(234, 239, 254, 0) 37.62%, #D5DEFD 100%);
  color: var(--font-color, #1A1A2E);
}
@media (max-width: 991.98px) {
  .faqs-section {
    padding: 40px 0;
  }
}
.faqs-section__row {
  row-gap: 32px;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  .faqs-section__row {
    row-gap: 16px;
  }
}
.faqs-section__title {
  margin: 0;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
}
.faqs-section {
  /* ===== Accordion ===== */
}
.faqs-section__accordion .card,
.faqs-section__accordion .card-header {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.faqs-section__accordion .card {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.faqs-section__accordion .card:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.faqs-section__item-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 16px 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
  color: inherit;
}
.faqs-section__item-toggle:focus, .faqs-section__item-toggle:focus-visible {
  outline: none;
  box-shadow: none;
}
.faqs-section__question {
  flex: 1;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  font-weight: 400;
  color: #1A1A2E;
}
.faqs-section {
  /* Toggle marker — circle with arrow. Arrow points down when open, right when closed. */
}
.faqs-section__marker {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  /* Default state: expanded (= no .collapsed) → arrow down */
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28 16C28 14.4241 27.6896 12.8637 27.0866 11.4078C26.4835 9.95189 25.5996 8.62902 24.4853 7.51472C23.371 6.40042 22.0481 5.5165 20.5922 4.91345C19.1363 4.31039 17.5759 4 16 4C14.4241 4 12.8637 4.31039 11.4078 4.91345C9.95189 5.5165 8.62902 6.40042 7.51472 7.51472C6.40042 8.62902 5.5165 9.95189 4.91344 11.4078C4.31039 12.8637 4 14.4241 4 16C4 19.1826 5.26428 22.2348 7.51472 24.4853C9.76516 26.7357 12.8174 28 16 28C19.1826 28 22.2348 26.7357 24.4853 24.4853C26.7357 22.2348 28 19.1826 28 16Z" stroke="%23333639" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.9997 21.3333L21.333 16" stroke="%23333639" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 21.3337L16 10.667" stroke="%23333639" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6667 16L16 21.3333" stroke="%23333639" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.faqs-section {
  /* Collapsed → arrow points right. */
}
.faqs-section__item-toggle.collapsed .faqs-section__marker {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 4C14.4241 4 12.8637 4.31039 11.4078 4.91345C9.95189 5.5165 8.62902 6.40042 7.51472 7.51472C6.40042 8.62902 5.5165 9.95189 4.91345 11.4078C4.31039 12.8637 4 14.4241 4 16C4 17.5759 4.31039 19.1363 4.91345 20.5922C5.5165 22.0481 6.40042 23.371 7.51472 24.4853C8.62902 25.5996 9.95189 26.4835 11.4078 27.0866C12.8637 27.6896 14.4241 28 16 28C19.1826 28 22.2348 26.7357 24.4853 24.4853C26.7357 22.2348 28 19.1826 28 16C28 12.8174 26.7357 9.76516 24.4853 7.51472C22.2348 5.26428 19.1826 4 16 4Z" stroke="%23555A5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.3333 16.0003L16 10.667" stroke="%23555A5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.3337 16H10.667" stroke="%23555A5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 21.3333L21.3333 16" stroke="%23555A5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.faqs-section__item-body {
  padding: 0 0 16px 0;
  max-width: 920px;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(0, 0, 0, 0.65);
}
.faqs-section__item-body p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 22px;
}
.faqs-section__item-body p:last-child {
  margin-bottom: 0;
}
.faqs-section__item-body ul, .faqs-section__item-body ol {
  margin: 0 0 12px 18px;
}

/* Performance — title + 2-col row (accordion left, phone in light frame right) */
.performance-section {
  background-color: #fff;
  color: var(--font-color, #1A1A2E);
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 991.98px) {
  .performance-section {
    padding: 40px 0;
  }
}
.performance-section__header {
  max-width: 880px;
  margin: 0 auto 40px;
}
@media (max-width: 991.98px) {
  .performance-section__header {
    margin-bottom: 50px;
  }
}
.performance-section__title {
  margin: 0 0 16px;
}
.performance-section__title p, .performance-section__title h1, .performance-section__title h2, .performance-section__title h3, .performance-section__title h4 {
  margin: 0;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 400;
  color: inherit;
}
.performance-section__title strong, .performance-section__title b {
  font-weight: 700;
}
.performance-section__subtitle {
  margin: 0;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  color: rgba(0, 0, 0, 0.55);
}
.performance-section__row {
  text-align: left;
  align-items: center;
  row-gap: 40px;
}
@media (max-width: 991.98px) {
  .performance-section__row {
    row-gap: 50px;
  }
  .performance-section__row .performance-section__lefts {
    order: 1;
  }
}
.performance-section {
  /* ===== Accordion ===== */
}
.performance-section__accordion .card,
.performance-section__accordion .card-header {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border-top: 0.5px solid #EDEDED !important;
}
.performance-section__item-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  padding: 16px 0 12px 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}
.performance-section__item-toggle:focus, .performance-section__item-toggle:focus-visible {
  outline: none;
  box-shadow: none;
}
.performance-section__item-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.performance-section__item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.performance-section__item-title {
  flex: 1;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  font-weight: 400;
  color: #1A1A2E;
  letter-spacing: -2%;
}
.performance-section {
  /* Plus / minus toggle on the right */
}
.performance-section__item-marker {
  position: relative;
  flex-shrink: 0;
}
.performance-section__item-marker:after {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  content: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 6.6665V25.3332" stroke="%234C4C4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.6665 16H25.3332" stroke="%234C4C4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.performance-section__item-toggle:not(.collapsed) .performance-section__item-marker::after {
  content: unset;
}
.performance-section__item-toggle:not(.collapsed) .performance-section__item-marker::after {
  content: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.6665 16H25.3332" stroke="%234C4C4C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.performance-section__item-body {
  padding: 0 0 22px 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.performance-section__item-body p {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(0, 0, 0, 0.65);
}
.performance-section {
  /* ===== Right image (rounded light frame) ===== */
}
.performance-section__rights {
  display: flex;
  justify-content: center;
  align-items: center;
}
.performance-section__image-wrap {
  width: 100%;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.performance-section__image {
  max-width: 100%;
  width: auto;
  max-height: 560px;
  height: auto;
  display: block;
  border-radius: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .performance-section__image {
    max-height: 350px;
  }
}
@media (max-width: 991.98px) {
  .performance-section__image-wrap .performance-section__image--desktop {
    display: none;
  }
}
@media (min-width: 991.98px) {
  .performance-section__image-wrap .performance-section__image--mobile {
    display: none;
  }
}

/* Security — dark blue section, central shield image, feature lists on each side */
.security-section {
  background: linear-gradient(103.22deg, #0E1B49 2.06%, #182D7B 50.27%);
  color: #fff;
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 991.98px) {
  .security-section {
    padding: 40px 0;
    background: linear-gradient(105.19deg, #0E1B49 48.75%, #182D7B 100%);
  }
}
.security-section__header {
  max-width: 880px;
  margin: 0 auto 40px;
}
@media (max-width: 991.98px) {
  .security-section__header {
    margin-bottom: 40px;
  }
}
.security-section__title {
  margin: 0 0 16px;
}
.security-section__title p, .security-section__title h1, .security-section__title h2, .security-section__title h3, .security-section__title h4 {
  margin: 0;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: 400;
  color: inherit;
}
.security-section__title strong, .security-section__title b {
  font-weight: 700;
}
.security-section__subtitle {
  margin: 0;
  font-size: var(--fs-p);
  line-height: var(--lh-p);
  color: rgba(255, 255, 255, 0.75);
}
.security-section__row {
  display: grid;
  grid-template-columns: 1fr minmax(0, 440px) 1fr;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 40px;
  text-align: left;
}
@media (max-width: 1200px) {
  .security-section__row {
    grid-template-columns: 1fr minmax(0, 280px) 1fr;
  }
}
@media (max-width: 991.98px) {
  .security-section__row {
    grid-template-columns: 1fr;
    row-gap: 24px;
    text-align: left;
  }
}
.security-section__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 991.98px) {
  .security-section__list {
    gap: 24px;
  }
}
.security-section__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.security-section__check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #C1CEFC;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33203 7.99447L6.66536 11.3278L13.332 4.66113" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}
.security-section__item-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .security-section__item-body {
    gap: 8px;
  }
}
.security-section__item-title {
  margin: 0;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  font-weight: 400;
  color: #EAEFFE;
}
.security-section__item-text {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #EAEFFE;
}
.security-section__col--image {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .security-section__col--image {
    order: -1;
  }
}
.security-section__col--image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 991.98px) {
  .security-section__col--image .security-section__image--desktop {
    display: none;
  }
}
.security-section__col--image .security-section__image--mobile {
  max-height: 380px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  .security-section__col--image .security-section__image--mobile {
    display: none;
  }
}
.security-section__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .security-section__buttons {
    margin-top: 40px;
    flex-direction: column;
  }
}
.security-section__buttons .first-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--primary-color, #446BF6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px -2px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
.security-section__buttons .first-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.28) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.security-section__buttons .first-btn:hover, .security-section__buttons .first-btn:focus-visible {
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.35), 0 6px 14px -6px rgba(0, 0, 0, 0.25);
}
.security-section__buttons .first-btn:hover::before, .security-section__buttons .first-btn:focus-visible::before {
  transform: translateX(100%);
}
.security-section__buttons .second-btn {
  min-width: 185px;
  padding: 0 18px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%, transparent 100%);
  background-size: 200% auto;
  background-position: right center;
  transition: background-position 0.5s ease, color 0.25s ease;
}
.security-section__buttons .second-btn:hover, .security-section__buttons .second-btn:focus-visible {
  color: #0E1B49;
  background-position: left center;
}
@media (max-width: 991.98px) {
  .security-section__buttons .first-btn, .security-section__buttons .second-btn {
    width: 100%;
  }
}

/* Reviews — header + two-row marquee of customer quotes */
.reviews-section {
  padding: 80px 0;
  background: linear-gradient(97.58deg, #F0F4F7 0.88%, #F0F4F7 99.12%);
  color: var(--font-color, #1A1A2E);
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .reviews-section {
    padding: 40px 0;
  }
}
.reviews-section {
  /* ===== Header ===== */
}
.reviews-section__header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .reviews-section__header {
    margin-bottom: 40px;
    gap: 16px;
  }
}
.reviews-section__title {
  margin: 0;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  font-weight: 400;
}
.reviews-section__subtitle {
  margin: 0;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
  color: #4C4C4C;
}
.reviews-section__rating {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.reviews-section__stars {
  color: var(--primary-color, #446BF6);
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 1;
}
.reviews-section__rating-value {
  font-weight: 700;
  color: #1A1A2E;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}
.reviews-section__rating-text {
  color: #1A1A2E;
  font-weight: 400;
  font-size: var(--fs-h6);
  line-height: var(--lh-h6);
}
.reviews-section {
  /* ===== Marquee rows ===== */
}
.reviews-section__marquee {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
@media (max-width: 991.98px) {
  .reviews-section__marquee {
    gap: 16px;
  }
}
.reviews-section__marquee {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
@media (max-width: 991.98px) {
  .reviews-section__marquee {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%);
  }
}
.reviews-section__row {
  overflow: hidden;
  width: 100%;
}
.reviews-section__track {
  display: flex;
  gap: 24px;
  width: -moz-max-content;
  width: max-content;
  animation: reviews-marquee 50s linear infinite;
  will-change: transform;
}
.reviews-section__row--ltr .reviews-section__track {
  animation-direction: normal;
}
.reviews-section__row--rtl .reviews-section__track {
  animation-direction: reverse;
  animation-delay: -25s;
}
.reviews-section__row:hover .reviews-section__track {
  animation-play-state: paused;
}
@keyframes reviews-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.reviews-section {
  /* ===== Card ===== */
}
.reviews-section__card {
  flex-shrink: 0;
  width: 420px;
  min-height: 240px;
  padding: 32px 32px 24px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(31, 50, 110, 0.06);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reviews-section__track > .reviews-section__card:nth-child(3n+2) {
  background-color: #EAEFFE;
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .reviews-section__card {
    width: clamp(280px, 86vw, 360px);
    min-height: 0;
    padding: 24px 24px 20px;
    border-radius: 18px;
  }
}
.reviews-section__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.reviews-section__brand {
  max-width: 140px;
  max-height: 32px;
  display: flex;
  align-items: center;
}
.reviews-section__brand img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.reviews-section__quote {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none"><path d="M4 22h8l4-8V6H6v12h6l-4 8v-4H4v4h0zm16 0h8l4-8V6H22v12h6l-4 8v-4h-4v4h0z" fill="%23446BF6"/></svg>');
}
.reviews-section__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0, 0, 0, 0.78);
  flex: 1;
}
.reviews-section__author {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}
.reviews-section__avatar {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #0E1B49;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.reviews-section__avatar--blank {
  background-color: #0E1B49;
}
.reviews-section__author-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.reviews-section__author-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: #1A1A2E;
}
.reviews-section__author-role {
  font-size: 13px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.55);
}
/*# sourceMappingURL=style.css.map */