@font-face {
  font-family: "HelveticaNowDisplay";
  src: url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Black.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-BlackIta.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Bold.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtraBold.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Light.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Regular.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-ExtLt.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Thin.ttf) format("truetype"), url(/assets/fonts/HelveticaNowDisplay/HelveticaNowDisplay-Medium.ttf) format("truetype");
}
.hero-title {
  color: #2e2e35;
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(28px, 6vw, 80px);
  font-style: normal;
  font-weight: 500;
  line-height: 108%; /* 86.4px */
}
.hero-title span {
  background: var(--Final-Purple_Linear_Text, linear-gradient(359deg, #6557ff 1.49%, rgba(101, 87, 255, 0) 196.42%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-subtitle {
  color: #393942;
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 4vw, 24px);
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 33.6px */
}

.section-title {
  color: var(--Black, #151515);
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(32px, 7vw, 64px);
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 70.4px */
  margin-bottom: 16px;
}
.section-title span {
  background: var(--Purp-Linear, linear-gradient(359deg, #6557ff 1.49%, rgba(101, 87, 255, 0) 196.42%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-subtitle {
  color: var(--Black, #151515);
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 3vw, 24px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.section-subtitle span {
  font-weight: 500;
}

.btn {
  padding: 10px 24px;
  border: 0;
  border-radius: 50px;
  background: var(--Final-Purp_Linear_Button, linear-gradient(331deg, #6557ff 25.85%, rgba(101, 87, 255, 0) 233.38%));
  color: #fff;
  text-align: center;
  font-feature-settings: "salt" on;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 3vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 155.556% */
  transition: 0.3s linear;
}
.btn.btn-primary {
  border-radius: 1000px;
}
.btn.btn-primary:hover {
  background: linear-gradient(283deg, rgba(255, 255, 255, 0) 13.68%, rgba(255, 255, 255, 0.32) 111.97%), linear-gradient(331deg, #6557ff 25.85%, rgba(101, 87, 255, 0) 233.38%);
}
.btn.btn-primary.light-bg {
  border-radius: 50px;
  background: var(--White, #fff);
  color: var(--Black, #151515);
  font-family: Helvetica Now Display;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 155.556% */
  letter-spacing: -0.3px;
  transition: all 0.15s linear;
}
.btn.btn-primary.light-bg:hover {
  background: linear-gradient(292deg, rgba(255, 255, 255, 0.24) 6.9%, rgba(255, 255, 255, 0.32) 65.2%);
  color: var(--White, #fff);
}
.btn.btn-secondary {
  border-radius: 8px;
  background: var(--Final-Purp_Linear_Button, linear-gradient(331deg, #6557ff 25.85%, rgba(101, 87, 255, 0) 233.38%));
}
@media (max-width: 576px) {
  .btn.btn-secondary {
    padding: 8.936px 13.405px;
    font-size: 12px;
    line-height: initial;
  }
}

@keyframes expandAnimation {
  0%, 35% {
    opacity: 0;
  }
  50% {
    opacity: 0.45;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  br {
    display: none;
  }
}

.divider {
  width: 100%;
  height: 402.999px;
  flex-shrink: 0;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .divider {
    height: initial;
    margin-bottom: 24px;
  }
}

.ms-hero-section {
  display: flex;
  flex-direction: column;
  gap: 100px;
  padding: 64px 0;
}
@media (max-width: 576px) {
  .ms-hero-section {
    gap: 64px;
    padding: 24px 0 48px;
  }
}
.ms-hero-section .top {
  background: url(/assets/hero-section/hero-title-bg.png) no-repeat 50% 50%;
  background-size: 100%;
}
@media (max-width: 1024px) {
  .ms-hero-section .top {
    background: url(/assets/hero-section/hero-title-bg.png) no-repeat 50% 20%;
    background-size: 96%;
  }
}
@media (max-width: 767px) {
  .ms-hero-section .top {
    background: initial;
  }
}
.ms-hero-section .top .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (max-width: 768px) {
  .ms-hero-section .top .inner {
    gap: 32px;
  }
}
.ms-hero-section .top .inner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media (max-width: 576px) {
  .ms-hero-section .top .inner-content {
    gap: 24px;
  }
}
.ms-hero-section .top .inner-content .badge-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  padding: 6px 12px 6px 6px;
  border-radius: 100px;
  background: var(--Final-Purple_Linear_Generic_12, linear-gradient(359deg, rgba(101, 87, 255, 0.12) 1.49%, rgba(101, 87, 255, 0) 196.42%));
  mix-blend-mode: multiply;
}
.ms-hero-section .top .inner-content .badge-row img {
  width: 18.327px;
  height: 18.327px;
}
.ms-hero-section .top .inner-content .badge-row .text {
  color: var(--Final-Purple, #6557ff);
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(14px, 3vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 18.327px;
  background: var(--Final-White, #fff);
}
.ms-hero-section .top .inner-content .badge-row .link a {
  text-decoration: none;
  color: var(--Final-Purple, #6557ff);
  font-family: Helvetica Now Display;
  font-size: clamp(14px, 3vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 21.6px */
}
.ms-hero-section .top .inner-content .badge-row .link div {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}
.ms-hero-section .top .inner .btn-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.ms-hero-section .top .inner .btn-row .link a {
  text-decoration: none;
  color: var(--Final-Black, #151515);
  font-family: Helvetica Now Display;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 175% */
  letter-spacing: -0.3px;
  transition: all 0.2s linear;
}
.ms-hero-section .top .inner .btn-row .link a:hover {
  color: var(--Final-Purple, #6557ff);
}
.ms-hero-section .main {
  background: url(/assets/hero-section/main-bg.png) no-repeat 50%;
  background-size: 100%;
}
.ms-hero-section .main img {
  max-width: 100%;
}

.ms-streaming-features {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 576px) {
  .ms-streaming-features {
    gap: 48px;
  }
}
.ms-streaming-features .main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
}
@media (max-width: 576px) {
  .ms-streaming-features .main {
    gap: 64px;
  }
}
.ms-streaming-features .main .feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
@media (max-width: 768px) {
  .ms-streaming-features .main .feature {
    flex-direction: column;
    gap: 20px;
  }
}
.ms-streaming-features .main .feature:nth-child(2) {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .ms-streaming-features .main .feature:nth-child(2) {
    flex-direction: column;
  }
}
.ms-streaming-features .main .feature:nth-child(2) .equipped-items {
  display: none;
}
.ms-streaming-features .main .feature-left {
  display: flex;
  flex-direction: column;
  gap: 36px;
  flex: 1 0 0;
}
@media (max-width: 576px) {
  .ms-streaming-features .main .feature-left {
    gap: 25px;
  }
}
.ms-streaming-features .main .feature-left-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 576px) {
  .ms-streaming-features .main .feature-left-top {
    gap: 15px;
  }
}
.ms-streaming-features .main .feature-left-top p {
  color: #374151;
  font-feature-settings: "salt" on;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 3vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
  margin: 8px 0 0;
}
.ms-streaming-features .main .feature-left-top .header {
  color: var(--Black, #151515);
  font-family: Helvetica Now Display;
  font-size: clamp(24px, 5vw, 40px);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.ms-streaming-features .main .feature-left-top .header span {
  background: var(--Purp-Linear, linear-gradient(359deg, #6557ff 1.49%, rgba(101, 87, 255, 0) 196.42%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ms-streaming-features .main .feature-left-top .equipped-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ms-streaming-features .main .feature-left-top .equipped-items-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 576px) {
  .ms-streaming-features .main .feature-left-top .equipped-items-main {
    gap: 0;
  }
}
.ms-streaming-features .main .feature-left-top .equipped-items-main .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.ms-streaming-features .main .feature-left-top .equipped-items-main .item img {
  width: 31px;
  height: 31px;
}
.ms-streaming-features .main .feature-right {
  padding: 24px;
  flex: 1 0 0;
}
@media (max-width: 576px) {
  .ms-streaming-features .main .feature-right {
    padding: 0;
  }
}
.ms-streaming-features .main .feature-right img {
  max-width: 100%;
}

.ms-message-brokers {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.ms-message-brokers .main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 187px;
}
@media (max-width: 768px) {
  .ms-message-brokers .main {
    padding-bottom: 88px;
  }
}
.ms-message-brokers .main img {
  max-width: 100%;
  width: 1004px;
}

.ms-operations {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-bottom: 48px;
}
@media (max-width: 768px) {
  .ms-operations {
    padding: 0;
    gap: 30px;
    padding-bottom: 32px;
  }
}
.ms-operations .main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ms-operations .main img {
  max-width: 100%;
}
.ms-operations .main .top,
.ms-operations .main .middle,
.ms-operations .main .bottom {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 768px) {
  .ms-operations .main .top,
  .ms-operations .main .middle,
  .ms-operations .main .bottom {
    flex-direction: column;
  }
}
.ms-operations .main .top .card-wrapper,
.ms-operations .main .middle .card-wrapper,
.ms-operations .main .bottom .card-wrapper {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 6px 8px 2px rgba(101, 87, 255, 0.06);
  border: 0;
  overflow: hidden;
}
.ms-operations .main .top .card-wrapper .card,
.ms-operations .main .middle .card-wrapper .card,
.ms-operations .main .bottom .card-wrapper .card {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border: 0;
}
@media (max-width: 768px) {
  .ms-operations .main .top .card-wrapper .card,
  .ms-operations .main .middle .card-wrapper .card,
  .ms-operations .main .bottom .card-wrapper .card {
    height: 280px;
  }
}
.ms-operations .main .top .card-wrapper .card .left,
.ms-operations .main .middle .card-wrapper .card .left,
.ms-operations .main .bottom .card-wrapper .card .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  flex: 0 0 50%;
  gap: 12px;
  padding: 24px;
}
@media (max-width: 400px) {
  .ms-operations .main .top .card-wrapper .card .left,
  .ms-operations .main .middle .card-wrapper .card .left,
  .ms-operations .main .bottom .card-wrapper .card .left {
    padding: 12px;
  }
}
.ms-operations .main .top .card-wrapper .card .left-title,
.ms-operations .main .middle .card-wrapper .card .left-title,
.ms-operations .main .bottom .card-wrapper .card .left-title {
  color: var(--Black, #151515);
  font-family: Helvetica Neue;
  font-size: clamp(20px, 3vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ms-operations .main .top .card-wrapper .card .left-subtitle,
.ms-operations .main .middle .card-wrapper .card .left-subtitle,
.ms-operations .main .bottom .card-wrapper .card .left-subtitle {
  color: #000;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 3vw, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
}
.ms-operations .main .top .card-wrapper .card .right,
.ms-operations .main .middle .card-wrapper .card .right,
.ms-operations .main .bottom .card-wrapper .card .right {
  flex: 1;
  overflow: hidden;
}
.ms-operations .main .middle .card-wrapper {
  flex: 1;
}
.ms-operations .main .middle .card-wrapper .card {
  flex-direction: column;
}
@media (max-width: 768px) {
  .ms-operations .main .middle .card-wrapper .card {
    flex-direction: row;
    flex: initial;
  }
  .ms-operations .main .middle .card-wrapper .card .right {
    display: flex;
    padding: 46px 12.202px 26px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex: 1;
  }
  .ms-operations .main .middle .card-wrapper .card .right img {
    max-width: 135%;
  }
  .ms-operations .main .middle .card-wrapper .card .left {
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex: 0 0 50%;
  }
}
@media (max-width: 768px) and (max-width: 400px) {
  .ms-operations .main .middle .card-wrapper .card .left {
    padding: 12px;
    flex: 0 0 60%;
  }
}
.ms-operations .main .middle .card-wrapper .card .left {
  gap: 8px;
  flex: 1;
}

.ms-scenarios {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding-bottom: 160px;
}
@media (max-width: 768px) {
  .ms-scenarios {
    padding-bottom: 88px;
    gap: 36px;
  }
}
.ms-scenarios .top {
  align-self: flex-start;
}
.ms-scenarios .top .section-subtitle {
  text-align: start;
}
.ms-scenarios .main {
  display: flex;
  flex-direction: row;
  gap: 81px;
}
@media (max-width: 1200px) {
  .ms-scenarios .main {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .ms-scenarios .main {
    flex-direction: column;
    gap: 32px;
  }
}
.ms-scenarios .main .left .nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav {
    flex-direction: row;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 16px;
    border-radius: 50px;
    background: linear-gradient(359deg, rgba(101, 87, 255, 0.12) 1.49%, rgba(101, 87, 255, 0) 196.42%);
    overflow: scroll;
    white-space: nowrap;
  }
}
@media (max-width: 576px) {
  .ms-scenarios .main .left .nav {
    gap: 8px;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link {
  display: flex;
  height: 88px;
  padding: 6px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  text-align: start;
  width: 100%;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 2px solid transparent;
  border-radius: 16px;
}
.ms-scenarios .main .left .nav.nav-pills .nav-link:hover {
  border-radius: 16px;
  border: 2px rgba(101, 87, 255, 0.24) solid;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link {
    display: flex;
    padding: 12px 22px;
    align-items: flex-start;
    gap: 10px;
    height: initial;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link .animated-bg {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
  z-index: 3;
}
.ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 10px;
  animation: expandAnimation 0.3s linear;
}
@media (max-width: 576px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content {
    gap: 5px;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content .header {
  color: var(--Black, #151515);
  font-family: Helvetica Now Display;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content .header {
    text-align: center;
    font-family: Helvetica Now Display;
    font-size: clamp(14px, 3vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.18px;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content .description {
  display: none;
  animation: expandAnimation 0.4s linear;
  color: #605aa0;
  /* Body L/Light */
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 1vw, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link .accordion-item .accordion-content .description {
    display: none !important;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link.active {
  border-radius: 16px;
  height: 165px;
  position: relative;
  background: none;
}
.ms-scenarios .main .left .nav.nav-pills .nav-link.active:hover {
  border-radius: 16px;
  border: 2px transparent solid;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link.active {
    height: initial;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link.active .animated-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 16px;
  background: linear-gradient(359deg, rgba(101, 87, 255, 0.24) 1.49%, rgba(101, 87, 255, 0) 196.42%);
  z-index: -1;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link.active .animated-bg {
    border-radius: 100px;
    background: #6557ff;
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link.active .accordion-content .header {
  color: #5a51a6;
}
@media (max-width: 768px) {
  .ms-scenarios .main .left .nav.nav-pills .nav-link.active .accordion-content .header {
    color: var(--Gray-6, #f2f2f2);
  }
}
.ms-scenarios .main .left .nav.nav-pills .nav-link.active .accordion-content .description {
  color: #605aa0;
  display: block;
}
.ms-scenarios .main .right {
  display: flex;
  padding: 41px 37px;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}
@media (max-width: 576px) {
  .ms-scenarios .main .right {
    padding: 0 25px;
  }
}
.ms-scenarios .main .right .tab-pane.active {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
@media (max-width: 576px) {
  .ms-scenarios .main .right .tab-pane.active {
    gap: 32px;
  }
}
.ms-scenarios .main .right .tab-pane .top {
  align-self: center;
}
.ms-scenarios .main .right .tab-pane .top img {
  max-width: 100%;
  width: 331px;
}
@media (max-width: 600px) {
  .ms-scenarios .main .right .tab-pane .top img {
    width: initial;
  }
}
.ms-scenarios .main .right .tab-pane .middle {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
.ms-scenarios .main .right .tab-pane .middle .stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ms-scenarios .main .right .tab-pane .middle .stats .stat {
  display: flex;
  flex-direction: column;
}
.ms-scenarios .main .right .tab-pane .middle .stats .stat .text {
  color: var(--Black, #151515);
  /* Body M/Light */
  font-family: Helvetica Now Display;
  font-size: clamp(14px, 3vw, 16px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.ms-scenarios .main .right .tab-pane .middle .stats .stat .content-symbol {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.ms-scenarios .main .right .tab-pane .middle .stats .stat .content-symbol p {
  color: var(--Purple, #6557ff);
  font-family: Helvetica Now Display;
  font-size: clamp(18px, 3vw, 29.333px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.ms-scenarios .main .right .tab-pane .middle .stats .stat .content-symbol img {
  width: 26.667px;
}
@media (max-width: 576px) {
  .ms-scenarios .main .right .tab-pane .middle .stats .stat .content-symbol img {
    width: 20px;
  }
}
.ms-scenarios .main .right .tab-pane .middle .inner-description {
  color: var(--Neutral-700, #374151);
  font-feature-settings: "salt" on;
  font-family: Helvetica Now Display;
  font-size: clamp(16px, 3vw, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 25.2px */
}

.ms-numbers-wrapper {
  background: url(/assets/numbers/bg.png) no-repeat 50% 180.34px;
  background-size: 915.684px, 589.148px;
  padding-bottom: 160px;
}
@media (max-width: 1200px) {
  .ms-numbers-wrapper {
    background-position: 50% 270px;
  }
}
@media (max-width: 576px) {
  .ms-numbers-wrapper {
    background-size: 130%;
    background-position: 50% 180px;
    padding-bottom: 120px;
  }
}
@media (max-width: 400px) {
  .ms-numbers-wrapper {
    background-size: 160%;
    background-position: 50% 200px;
    padding-bottom: 90px;
  }
}
.ms-numbers-wrapper .ms-numbers {
  display: flex;
  flex-direction: column;
  gap: 114px;
}
@media (max-width: 576px) {
  .ms-numbers-wrapper .ms-numbers {
    gap: 51px;
  }
}
.ms-numbers-wrapper .ms-numbers .main {
  display: flex;
  flex-direction: column;
  gap: 52px;
}
@media (max-width: 576px) {
  .ms-numbers-wrapper .ms-numbers .main {
    gap: 29px;
  }
}
.ms-numbers-wrapper .ms-numbers .main .slider {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 576px) {
  .ms-numbers-wrapper .ms-numbers .main .slider {
    gap: 10px;
  }
}
.ms-numbers-wrapper .ms-numbers .main .slider .btn {
  align-self: center;
}
.ms-numbers-wrapper .ms-numbers .main .slider .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10.113px;
  border: 0;
  background: #fff;
  box-shadow: 0px 2.778px 22.226px 0px rgba(101, 87, 255, 0.08);
  width: 202px;
  height: 114px;
  align-self: center;
}
@media (max-width: 576px) {
  .ms-numbers-wrapper .ms-numbers .main .slider .card {
    width: 120.662px;
    height: 68.097px;
  }
}
.ms-numbers-wrapper .ms-numbers .main .slider .card .number {
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(28px, 4vw, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 48px */
  background: var(--Purp-Linear, linear-gradient(359deg, #6557ff 1.49%, rgba(101, 87, 255, 0) 196.42%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ms-numbers-wrapper .ms-numbers .main .slider .card .line {
  width: 101.967px;
  height: 1px;
  background: rgba(21, 21, 21, 0.12);
}
.ms-numbers-wrapper .ms-numbers .main .slider .card .text {
  color: #000;
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(10px, 2vw, 16.994px);
  font-style: normal;
  font-weight: 300;
  line-height: 126%; /* 21.413px */
}

.ms-custom-slider {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ms-custom-slider .header {
  color: #6f66dc;
  text-align: center;
  font-family: Helvetica Now Display;
  font-size: clamp(14px, 3vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.ms-custom-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1.264px solid rgba(101, 87, 255, 0.2);
  background: #fff;
  box-shadow: 0px 2.778px 22.226px 0px rgba(101, 87, 255, 0.08);
}
.ms-custom-slider .swiper-slide img {
  width: 144px;
  height: 64px;
  max-width: 100%;
}

.ms-cta-section-wrapper {
  margin: 160px 0 120px;
}
@media (max-width: 768px) {
  .ms-cta-section-wrapper {
    margin: 88px 0 64px;
  }
}
.ms-cta-section-wrapper .ms-cta-section {
  position: relative;
}
.ms-cta-section-wrapper .ms-cta-section .symbol {
  position: absolute;
}
.ms-cta-section-wrapper .ms-cta-section .bottom-circle {
  width: 121px;
  height: 121px;
  flex-shrink: 0;
  position: absolute;
  z-index: 10;
  bottom: -49px;
  left: -55px;
}
.ms-cta-section-wrapper .ms-cta-section .top-circle {
  width: 92px;
  height: 92px;
  flex-shrink: 0;
  position: absolute;
  z-index: 10;
  top: -42px;
  right: -42px;
}
.ms-cta-section-wrapper .ms-cta-section .bottom-left {
  width: 33px;
  height: 35.289px;
  flex-shrink: 0;
  position: absolute;
  z-index: 10;
  bottom: 195px;
  left: -55px;
}
.ms-cta-section-wrapper .ms-cta-section .bottom-right {
  position: absolute;
  bottom: -50px;
  right: 82px;
  width: 21.786px;
  height: 23.297px;
  flex-shrink: 0;
}
.ms-cta-section-wrapper .ms-cta-section .top-left {
  position: absolute;
  top: -71px;
  left: 122px;
  width: 41.798px;
  height: 44.697px;
  flex-shrink: 0;
}
.ms-cta-section-wrapper .ms-cta-section .top-right {
  position: absolute;
  top: 91px;
  right: -30px;
  width: 21.225px;
  height: 22.697px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .ms-cta-section-wrapper .ms-cta-section .symbol {
    display: none;
  }
}
.ms-cta-section-wrapper .ms-cta-section-inner {
  border-radius: 24px;
  background: var(--Purp-Linear, linear-gradient(359deg, #6557ff 1.49%, rgba(101, 87, 255, 0) 196.42%));
  /* Shadow/xl */
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.04), 0px 20px 24px -4px rgba(16, 24, 40, 0.1);
  display: flex;
  flex-direction: row;
}
.ms-cta-section-wrapper .ms-cta-section-inner img {
  max-width: 100%;
}
.ms-cta-section-wrapper .ms-cta-section-inner .left {
  display: flex;
  padding: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex: 0 0 50%;
  position: relative;
}
@media (max-width: 768px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .left {
    padding: 32px;
  }
}
@media (max-width: 576px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .left {
    flex: 1;
    padding: 24px;
    gap: 24px;
  }
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-top .header {
  color: #fff;
  font-family: Helvetica Now Display;
  font-size: clamp(28px, 3vw, 40px);
  font-style: normal;
  font-weight: 500;
  line-height: 44px; /* 110% */
  letter-spacing: -0.8px;
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-top .description {
  color: #fff;
  font-family: Helvetica Now Display;
  font-size: clamp(20px, 1vw, 22px);
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 136.364% */
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-bottom {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 24px;
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-bottom .certificates {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ms-cta-section-wrapper .ms-cta-section-inner .left-bottom .certificates img {
  width: 246px;
  height: 48px;
}
@media (max-width: 768px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .left-bottom .certificates img {
    width: 208px;
    height: 40.3px;
  }
}
.ms-cta-section-wrapper .ms-cta-section-inner .left .cta-bg {
  position: absolute;
  top: 0;
  left: 0;
}
.ms-cta-section-wrapper .ms-cta-section-inner .right {
  display: flex;
  padding: 68px 0px 0px 59px;
  justify-content: flex-end;
  flex: 1;
}
@media (max-width: 576px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .right {
    display: none;
    flex: 0;
  }
}
@media (max-width: 768px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .right {
    padding-top: 100px;
  }
}
@media (max-width: 1200px) {
  .ms-cta-section-wrapper .ms-cta-section-inner .right {
    padding-left: 0;
  }
}/*# sourceMappingURL=style.css.map */