html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

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

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
  height: auto;
  display: inline-block;
}

.inline-block {
  max-width: 100%;
  display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.clearfix:after {
  clear: both;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.rich-text:before, .rich-text:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.rich-text:after {
  clear: both;
}

.rich-text ol, .rich-text ul {
  overflow: hidden;
}

.rich-text figure {
  max-width: 60%;
  position: relative;
}

.rich-text figure > div:before {
  cursor: default !important;
}

.rich-text figure img {
  width: 100%;
}

.rich-text figure div {
  color: #0000;
  font-size: 0;
}

.rich-text figure.rich-text-figure-image {
  display: table;
}

.rich-text figure.rich-text-figure-image > div {
  display: inline-block;
}

.rich-text figure.rich-text-figure-image > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.rich-text figure.rich-text-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.rich-text figure.rich-text-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.rich-text figure.rich-text-fullwidth > figcaption {
  display: block;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: "Baloo 2";
  src: url("../fonts/Baloo2-Variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --_vedubox-brand---black: #000;
  --_vedubox-brand---dark: #323232;
  --_vedubox-brand---secondary-text: #464646;
  --_vedubox-brand---light-border: #e5e5e5;
  --_vedubox-brand---gradient-blue: #009bee;
  --_vedubox-brand---gradient-orange: #e67200;
  --_vedubox-brand---brand-blue: #00a6ff;
  --_vedubox-brand---brand-deep: #414bff;
  --_vedubox-brand---soft-bg: #f5f7ff;
  --_vedubox-brand---text-muted: #525866;
  --_vedubox-brand---pastel-blue: #a6e5ff;
  --_vedubox-brand---pastel-pink: #ffafd4;
  --_vedubox-brand---font-primary: "Baloo 2", sans-serif;
  --_vedubox-brand---feature-card-01: #f9f4ff;
  --_vedubox-brand---feature-card-02: #f8f0f0;
  --_vedubox-brand---feature-card-03: #f0f4ff;
  --_vedubox-brand---feature-card-04: #f2fdfa;
  --_vedubox-brand---feature-card-05: #f3f0f9;
  --_vedubox-brand---feature-card-06: #edf5f7;
  --_vedubox-brand---feature-image-01: #e6daf5;
  --_vedubox-brand---feature-image-02: #f1dcdc;
  --_vedubox-brand---feature-image-03: #dbe4fd;
  --_vedubox-brand---feature-image-04: #d7e8e3;
  --_vedubox-brand---feature-image-05: #e5def2;
  --_vedubox-brand---feature-image-06: #dce8eb;
  --_vedubox-brand---tag-purple: #e5def2d1;
  --_vedubox-brand---tag-blue: #dbe4fdd1;
  --_vedubox-brand---tag-pink: #f1dcdcd9;
  --_vedubox-brand---shadow-color: #85858526;
}

.mg-nav {
  z-index: 999;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding: 16px 32px;
  font-family: "Baloo 2", sans-serif;
  display: flex;
  position: relative;
}

.mg-nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.mg-nav-brand {
  height: 38px;
  max-height: 38px;
  display: block;
}

.mg-nav-logo {
  object-fit: contain;
  width: auto;
  height: 38px;
}

.mg-nav-menu {
  align-items: center;
  column-gap: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-nav-menu.mg-nav-open {
  display: flex;
}

.mg-nav-link {
  color: #323232;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .3s;
}

.mg-nav-right {
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-btn-dark {
  color: #fff;
  background-color: #000;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  max-height: 52px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.mg-btn-label {
  line-height: 1.2;
}

.mg-btn-label.mg-cta-full {
  display: block;
}

.mg-btn-label.mg-cta-short {
  display: none;
}

.mg-btn-icon {
  width: 24px;
  height: 24px;
}

.mg-btn-icon.mg-cta-icon {
  display: block;
}

.mg-footer {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  padding-top: 80px;
  padding-bottom: 40px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-footer-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-footer-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr .8fr .8fr;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 64px;
  display: grid;
}

.mg-footer-brand {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.mg-footer-heading {
  color: #000;
  letter-spacing: -.5px;
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
}

.mg-gradient-text {
  color: #0000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #02b1f1, #017bba);
  -webkit-background-clip: text;
  background-clip: text;
}

.mg-footer-desc {
  color: #464646;
  max-width: 340px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-footer-col {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  display: flex;
}

.mg-footer-col-title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.mg-footer-links {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.mg-footer-link {
  color: #464646;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .3s;
}

.mg-footer-middle {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #e5e5e5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.mg-footer-chips {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.mg-footer-chip {
  white-space: nowrap;
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 48px;
  align-items: center;
  column-gap: 8px;
  padding: 10px 20px;
  display: flex;
}

.mg-chip-icon {
  width: 16px;
  height: 16px;
}

.mg-chip-text {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
}

.mg-footer-socials {
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-social-circle {
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  display: flex;
}

.mg-social-icon {
  width: 18px;
  height: 18px;
}

.mg-footer-divider {
  background-color: #e5e5e5;
  width: 100%;
  max-width: 1060px;
  height: 1px;
  margin: 32px auto;
}

.mg-footer-bottom {
  flex-direction: column;
  row-gap: 32px;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-footer-biglogo {
  object-fit: contain;
  width: auto;
  max-width: 180px;
  height: auto;
}

.mg-footer-copyrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #464646;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mg-footer-copy {
  text-align: center;
}

.mg-footer-toplink {
  color: #464646;
  text-decoration: none;
}

.mg-hero {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-hero-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 32px 80px;
}

.mg-hero-stack {
  flex-direction: column;
  row-gap: 60px;
  display: flex;
}

.mg-hero-header {
  flex-direction: column;
  row-gap: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-hero-badge {
  background-color: #e6daf540;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  width: max-content;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 12px;
  display: flex;
}

.mg-hero-badge-text {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.mg-hero-title {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  max-width: 800px;
  margin: 0 auto;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.1;
}

.mg-hero-sub {
  color: #464646;
  text-align: center;
  max-width: 620px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.mg-hero-actions {
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  margin-top: 16px;
  display: flex;
}

.mg-btn-primary {
  color: #fff;
  background-image: linear-gradient(90deg, #02b1f1, #017bba 97%);
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  max-height: 52px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.mg-btn-secondary {
  color: #000;
  background-color: #ffffff80;
  border: 1px solid #0000001a;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  max-height: 52px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.mg-sparkle-wrap {
  align-items: center;
  max-width: 28px;
  display: flex;
}

.mg-sparkle-sm {
  width: 12px;
  height: 12px;
  margin-top: 12px;
  margin-left: 2px;
}

.mg-sparkle-lg {
  width: 16px;
  height: 16px;
  margin-bottom: 6px;
  margin-left: -6px;
}

.mg-hero-visual {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mg-hero-dash-wrap {
  z-index: 2;
  width: 100%;
  position: relative;
}

.mg-hero-dash-frame {
  z-index: 10;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-hero-glow {
  filter: blur(120px);
  background-image: linear-gradient(#00a6ff4d, #00a6ff4d 20%, #ff9c6a4d 40% 60%, #00a6ff4d 80%, #00a6ff4d);
  width: 1200%;
  height: 250%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

.mg-hero-dash-img {
  z-index: 99;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.mg-hero-fade {
  z-index: 99;
  background-image: linear-gradient(360deg, #fff 15%, #fff0);
  height: 20%;
  position: absolute;
  bottom: -1%;
  left: 0;
  right: 0;
}

.mg-hero-card {
  z-index: 100;
  position: absolute;
}

.mg-hero-card-voice {
  min-width: 240px;
  max-width: 240px;
  min-height: 220px;
  top: 10%;
  left: -7%;
}

.mg-hero-card-pay {
  min-width: 304px;
  max-width: 304px;
  top: 14%;
  right: -4%;
}

.mg-hero-card-agent {
  min-width: 280px;
  max-width: 280px;
  bottom: 0;
  left: -7%;
}

.mg-hero-card-inner {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  width: 100%;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 50px #85858526;
}

.mg-hero-card-inner.mg-hero-card-inner-center {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.mg-hero-card-inner-center {
  justify-content: center;
  align-items: center;
}

.mg-hero-voice-img {
  object-fit: cover;
  max-width: 90px;
  max-height: 90px;
}

.mg-hero-voice-body {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 6px;
  max-width: 190px;
  display: flex;
}

.mg-hero-card-title {
  color: #323232;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.mg-hero-card-title-lg {
  color: #323232;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.mg-hero-card-desc {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

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

.mg-hero-orbit {
  align-self: stretch;
  max-height: 180px;
  margin-bottom: 10px;
  position: relative;
}

.mg-hero-orbit-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-orbit-dot {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  box-shadow: 0 0 8px #002bff26;
}

.mg-orbit-icon {
  object-fit: contain;
  width: 23px;
  height: 23px;
}

.mg-orbit-1 {
  top: 14%;
  left: 0;
}

.mg-orbit-2 {
  bottom: -6%;
  left: 0;
}

.mg-orbit-3 {
  margin-left: auto;
  margin-right: auto;
  bottom: -6%;
  left: 0;
  right: 0;
}

.mg-orbit-4 {
  bottom: -6%;
  right: 0;
}

.mg-orbit-5 {
  top: 8%;
  right: 0;
}

.mg-orbit-6 {
  top: 14%;
  right: 0;
}

.mg-orbit-7 {
  margin-left: auto;
  margin-right: auto;
  top: -4%;
  left: 0;
  right: 0;
}

.mg-orbit-8 {
  top: 8%;
  left: 0;
}

.mg-orbit-center {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mg-orbit-center-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 12px;
}

.mg-agent-dots {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.mg-agent-dot {
  border-radius: 50%;
  width: 12px;
  min-width: 12px;
  height: 12px;
}

.mg-agent-dot-1 {
  background-color: #01a2ff66;
}

.mg-agent-dot-2 {
  background-color: #7a87bf66;
}

.mg-agent-dot-3 {
  background-color: #e7708666;
}

.mg-agent-dot-4 {
  background-color: #ff6b7a66;
}

.mg-brands {
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-brands-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.mg-brands-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  row-gap: 48px;
  display: grid;
}

.mg-rating-star {
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.mg-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-marquee-track {
  align-items: center;
  column-gap: 60px;
  width: max-content;
  padding-right: 60px;
  display: flex;
}

.mg-marquee-logo {
  object-fit: contain;
  flex: none;
  min-width: 132px;
  min-height: 32px;
  max-height: 32px;
}

.mg-marquee-fade-left {
  background-image: linear-gradient(90deg, #fff, #ffffff1a);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mg-marquee-fade-right {
  background-image: linear-gradient(90deg, #ffffff1a, #fff);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.mg-overview {
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-ov-blob {
  z-index: 0;
  filter: blur(157px);
  background-image: linear-gradient(112deg, #f53cff26 24%, #fff26126 88%);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
}

.mg-ov-blob-left {
  top: 20%;
  left: 0;
}

.mg-ov-blob-right {
  bottom: 20%;
  right: 10%;
}

.mg-ov-container {
  z-index: 10;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px;
  position: relative;
}

.mg-ov-stack {
  flex-direction: column;
  row-gap: 80px;
  display: flex;
}

.mg-section-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-h2 {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-section-desc {
  color: #464646;
  text-align: center;
  max-width: 620px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
}

.mg-ov-grids {
  flex-direction: column;
  row-gap: 20px;
  display: flex;
}

.mg-ov-grid-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr .6fr;
  display: grid;
}

.mg-ov-grid-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.5fr .8fr;
  display: grid;
}

.mg-ov-card {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 60px #85858526;
}

.mg-ov-card-center {
  justify-content: center;
  align-items: center;
  max-height: 262px;
}

.mg-ov-voice-img {
  object-fit: cover;
  max-width: 100px;
  max-height: 100px;
}

.mg-ov-card-body-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 6px;
  display: flex;
}

.mg-ov-card-title {
  color: #323232;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.mg-ov-card-desc {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
}

.mg-ov-card-desc2 {
  color: #464646;
  font-size: 14px;
  font-weight: 600;
}

.mg-ov-card-tagline {
  justify-content: space-between;
  max-height: 260px;
  padding-top: 32px;
}

.mg-agent-dot-lg {
  border-radius: 50%;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.mg-ov-tagline {
  letter-spacing: -1px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.mg-ov-tagline.mg-gradient-text {
  text-align: center;
}

.mg-ov-orbit {
  align-self: stretch;
  max-height: 160px;
  position: relative;
}

.mg-ovorb-1 {
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  left: 0;
}

.mg-ovorb-2 {
  bottom: -5%;
  left: 0;
}

.mg-ovorb-3 {
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.mg-ovorb-4 {
  bottom: -5%;
  right: 0;
}

.mg-ovorb-5 {
  top: -5%;
  right: 0;
}

.mg-ovorb-6 {
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  right: 0;
}

.mg-ovorb-7 {
  margin-left: auto;
  margin-right: auto;
  top: -4%;
  left: 0;
  right: 0;
}

.mg-ovorb-8 {
  top: -5%;
  left: 0;
}

.mg-ov-orbit-center {
  background-color: #fff;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  margin: auto;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mg-ov-card-phone {
  align-items: center;
  row-gap: 14px;
  min-height: 392px;
  max-height: 392px;
  padding: 24px 16px 0;
  overflow: hidden;
}

.mg-ov-phone-head {
  text-align: center;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  row-gap: 16px;
  display: flex;
}

.mg-ov-phone-img {
  object-fit: cover;
  width: 100%;
  max-width: 206px;
}

.mg-ov-phone-fade {
  background-image: linear-gradient(-180deg, #fff0, #fff 80%);
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.mg-ov-card-tags {
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 0 16px;
  overflow: hidden;
}

.mg-ov-tags-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mg-ov-tags-wrap {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 120px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.mg-tag {
  color: #323232;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  max-height: 42px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.mg-tag-blue {
  background-color: #dbe4fdd1;
}

.mg-tag-purple {
  background-color: #e5def2d1;
}

.mg-tag-pink {
  background-color: #f1dcdcd9;
}

.mg-ov-card-community {
  row-gap: 24px;
  min-height: 392px;
  max-height: 392px;
  padding: 0;
  overflow: hidden;
}

.mg-ov-community-head {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  padding: 24px 20px 0;
  display: flex;
}

.mg-ov-map {
  align-self: stretch;
  width: 100%;
  height: 100%;
  position: relative;
}

.mg-ov-map-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-flag {
  border-radius: 50%;
  width: 22px;
  min-width: 22px;
  height: 22px;
  position: absolute;
}

.mg-flag-1 {
  bottom: 40%;
  right: 5%;
}

.mg-flag-2 {
  top: 40%;
  right: 15%;
}

.mg-flag-3 {
  top: 32%;
  right: 35%;
}

.mg-flag-4 {
  top: 15%;
  left: 40%;
}

.mg-flag-5 {
  top: 25%;
  left: 32%;
}

.mg-flag-6 {
  top: 38%;
  left: 33%;
}

.mg-flag-7 {
  bottom: 40%;
  right: 55%;
}

.mg-flag-8 {
  top: 35%;
  left: 10%;
}

.mg-flag-9 {
  bottom: 45%;
  left: 15%;
}

.mg-flag-10 {
  top: 60%;
  left: 10%;
}

.mg-video {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-video-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-video-stack {
  flex-direction: column;
  row-gap: 64px;
  display: flex;
}

.mg-video-thumbwrap {
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mg-video-thumb {
  cursor: pointer;
  border-radius: 20px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 60px #85858526;
}

.mg-video-thumb.mg-thumb-sm {
  aspect-ratio: 16 / 9;
  border-radius: 14px;
  box-shadow: 0 2px 18px #85858524;
}

.mg-video-thumb-img {
  object-fit: cover;
  width: 100%;
}

.mg-video-thumb-img.mg-thumb-img-fit {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mg-video-overlay {
  background-color: #0000001a;
  justify-content: center;
  align-items: center;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

.mg-video-play {
  object-fit: contain;
  width: 88px;
  height: 88px;
  transition: opacity .2s;
}

.mg-video-play.mg-play-sm {
  width: 44px;
  height: 44px;
}

.mg-stats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mg-stat-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  width: 100%;
  padding: 20px;
  display: flex;
}

.mg-stat-toprow {
  justify-content: flex-start;
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-stat-number {
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}

.mg-stat-stars {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.mg-rating-halfstar {
  object-fit: contain;
  width: 8px;
  min-width: 8px;
  height: 16px;
}

.mg-stat-body {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 4px;
  display: flex;
}

.mg-stat-title {
  color: #323232;
  font-size: 16px;
  font-weight: 500;
}

.mg-stat-text {
  color: #323232;
  font-size: 16px;
}

.mg-features {
  font-family: "Baloo 2", sans-serif;
  overflow: visible;
}

.mg-feat-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px;
}

.mg-feat-stack {
  flex-direction: column;
  row-gap: 80px;
  display: flex;
}

.mg-feat-cards {
  flex-direction: column;
  row-gap: 36px;
  display: flex;
}

.mg-feat-card {
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  padding: 20px;
  position: relative;
}

.mg-feat-sticky {
  position: sticky;
}

.mg-feat-top-1 {
  z-index: 1;
  top: 5vh;
}

.mg-feat-top-2 {
  z-index: 2;
  top: 7vh;
}

.mg-feat-top-3 {
  z-index: 3;
  top: 9vh;
}

.mg-feat-top-4 {
  z-index: 4;
  top: 11vh;
}

.mg-feat-top-5 {
  z-index: 5;
  top: 13vh;
}

.mg-feat-card-1 {
  background-color: #f9f4ff;
}

.mg-feat-card-2 {
  background-color: #f8f0f0;
}

.mg-feat-card-3 {
  background-color: #f0f4ff;
}

.mg-feat-card-4 {
  background-color: #f2fdfa;
}

.mg-feat-card-5 {
  background-color: #f3f0f9;
}

.mg-feat-card-6 {
  z-index: 6;
  background-color: #edf5f7;
}

.mg-feat-grid {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
  display: grid;
}

.mg-feat-imgframe {
  border-radius: 20px;
  padding: 16px;
}

.mg-feat-img-1 {
  background-color: #e6daf5;
}

.mg-feat-img-2 {
  background-color: #f1dcdc;
}

.mg-feat-img-3 {
  background-color: #dbe4fd;
}

.mg-feat-img-4 {
  background-color: #d7e8e3;
}

.mg-feat-img-5 {
  background-color: #e5def2;
}

.mg-feat-img-6 {
  background-color: #dce8eb;
}

.mg-feat-img {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.mg-feat-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 42px;
  display: flex;
}

.mg-feat-content {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  display: flex;
}

.mg-feat-head {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  max-width: 600px;
  display: flex;
}

.mg-feat-tag {
  color: #323232;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  display: flex;
}

.mg-feat-tag-1 {
  background-color: #e6daf5cc;
}

.mg-feat-tag-2 {
  background-color: #f1dcdccc;
}

.mg-feat-tag-3 {
  background-color: #dbe4fdcc;
}

.mg-feat-tag-4 {
  background-color: #d7e8e3cc;
}

.mg-feat-tag-5 {
  background-color: #e5def2cc;
}

.mg-feat-tag-6 {
  background-color: #dce8ebcc;
}

.mg-feat-title {
  color: #323232;
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-feat-desc {
  color: #323232;
  font-size: 16px;
}

.mg-feat-bullets {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.mg-feat-bullet {
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.mg-check {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: flex;
}

.mg-check-img {
  width: 11px;
  height: 11px;
}

.mg-check-1 {
  background-color: #9488ca;
}

.mg-check-2 {
  background-color: #cf9a9a;
}

.mg-check-3 {
  background-color: #99b5ec;
}

.mg-check-4 {
  background-color: #98c8cb;
}

.mg-check-5 {
  background-color: #c8a4bf;
}

.mg-check-6 {
  background-color: #84aa89;
}

.mg-feat-bullet-text {
  color: #323232;
  font-size: 16px;
}

.mg-feat-actions {
  column-gap: 16px;
  display: flex;
}

.mg-core {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-core-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-core-stack {
  flex-direction: column;
  row-gap: 64px;
  display: flex;
}

.mg-core-map {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1080px;
  min-height: 842px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.mg-core-lines {
  opacity: .9;
  object-fit: fill;
  width: 100%;
  height: 680px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.mg-core-logo-wrap {
  z-index: 30;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 70px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.mg-core-logo-pill {
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  display: flex;
  box-shadow: 0 4px 24px #00000014;
}

.mg-core-logo {
  width: auto;
  height: 36px;
}

.mg-core-grid {
  z-index: 20;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  gap: 162px 30px;
  width: 100%;
  display: grid;
  position: relative;
}

.mg-core-card {
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 340px;
  padding-top: 16px;
  display: flex;
  overflow: hidden;
}

.mg-core-card-blue {
  background-color: #f0f4ff;
}

.mg-core-card-pink {
  background-color: #f8f0f0;
}

.mg-core-card-head {
  text-align: center;
  flex-direction: column;
  row-gap: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mg-core-card-title {
  color: #383838;
  font-size: 18px;
  font-weight: 500;
}

.mg-core-card-desc {
  color: #4a4a4a;
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.65;
}

.mg-core-card-shot {
  background-color: #fff;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 190px;
  margin: auto 15px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-core-card-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.mg-steps {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-steps-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-steps-stack {
  flex-direction: column;
  row-gap: 56px;
  display: flex;
}

.mg-steps-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mg-step-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  align-items: center;
  column-gap: 24px;
  height: 100%;
  padding: 28px;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  box-shadow: 0 10px 50px #85858512;
}

.mg-step-copy {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  row-gap: 12px;
  min-width: 0;
  display: flex;
}

.mg-step-num {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.mg-stepnum-blue {
  color: #2563eb;
  background-color: #dbe4fd;
}

.mg-stepnum-purple {
  color: #7c5ce0;
  background-color: #eee9fb;
}

.mg-stepnum-green {
  color: #22a55b;
  background-color: #e8f7ee;
}

.mg-stepnum-orange {
  color: #e67200;
  background-color: #ffe9d6;
}

.mg-step-title {
  color: #323232;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.mg-step-desc {
  color: #464646;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}

.mg-step-checks {
  flex-direction: column;
  row-gap: 6px;
  margin-top: 4px;
  display: flex;
}

.mg-step-check {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.mg-check-mini {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: flex;
}

.mg-checkmini-green {
  background-color: #22a55b;
}

.mg-checkmini-orange {
  background-color: #e67200;
}

.mg-check-mini-img {
  width: 9px;
  height: 9px;
}

.mg-step-check-text {
  color: #464646;
  font-size: 13px;
  font-weight: 600;
}

.mg-step-visual {
  position: relative;
}

.mg-step-frame {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 170px;
  display: flex;
}

.mg-frame-blue {
  background-color: #dbe4fd;
}

.mg-frame-purple {
  background-color: #e6daf5;
}

.mg-frame-green {
  background-color: #d7e8e3;
}

.mg-frame-pink {
  background-color: #f1dcdc;
}

.mg-frame-lav {
  background-color: #e5def2;
}

.mg-frame-teal {
  background-color: #dce8eb;
}

.mg-step-frame-icon {
  object-fit: contain;
  width: 80px;
  height: 80px;
}

.mg-step-3d {
  z-index: 10;
  filter: drop-shadow(0 10px 14px #32323247);
  object-fit: contain;
  width: 56px;
  height: 56px;
  position: absolute;
  top: -20px;
  left: -20px;
}

.mg-steps-cta {
  text-align: center;
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 40px;
  display: flex;
  position: relative;
}

.mg-steps-cta-star {
  filter: drop-shadow(0 10px 14px #32323247);
  object-fit: contain;
  width: 64px;
  height: 64px;
  position: absolute;
  top: -24px;
  left: -24px;
}

.mg-steps-cta-rocket {
  filter: drop-shadow(0 10px 14px #32323247);
  object-fit: contain;
  width: 64px;
  height: 64px;
  position: absolute;
  bottom: -24px;
  right: -20px;
  transform: scaleX(-1);
}

.mg-steps-cta-title {
  color: #323232;
  font-size: 24px;
  font-weight: 700;
}

.mg-steps-cta-desc {
  color: #464646;
  max-width: 480px;
  margin: 0;
  font-size: 14px;
}

.mg-steps-cta-actions {
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-btn-white {
  background-color: #fff;
}

.mg-integ {
  background-color: #fff;
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-integ-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px 128px;
}

.mg-integ-stack {
  flex-direction: column;
  row-gap: 160px;
  display: flex;
}

.mg-integ-board {
  position: relative;
}

.mg-integ-rows {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  row-gap: 42px;
  display: grid;
}

.mg-integ-row {
  column-gap: 42px;
  width: max-content;
  padding-right: 42px;
  display: flex;
  overflow: hidden;
}

.mg-integ-row-2 {
  margin-left: -80px;
}

.mg-integ-tile {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  display: flex;
}

.mg-integ-logo {
  object-fit: contain;
  width: 40px;
  height: 40px;
}

.mg-integ-disc {
  z-index: 1;
  filter: blur(5px);
  background-color: #fff;
  border-radius: 50%;
  width: 288px;
  max-width: 288px;
  height: 288px;
  max-height: 288px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.mg-integ-fade-left {
  z-index: 2;
  background-image: linear-gradient(90deg, #fff, #fff0);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mg-integ-fade-right {
  z-index: 2;
  background-image: linear-gradient(90deg, #fff0, #fff);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.mg-integ-circle-outer {
  z-index: 3;
  background-image: linear-gradient(90deg, #00a6ff2e, #ff9c6a2e 97%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 235px;
  height: 235px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

.mg-integ-circle-mid {
  background-image: linear-gradient(90deg, #00a6ff2e, #ff9c6a2e 97%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 190px;
  display: flex;
}

.mg-integ-circle-core {
  background-image: linear-gradient(90deg, #02b1f1, #017bba 97%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 142px;
  height: 142px;
  padding: 4px;
  display: flex;
}

.mg-integ-circle-white {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.mg-integ-mark {
  object-fit: contain;
  width: 75px;
  height: 75px;
}

.mg-pricing {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-pricing-container {
  flex-direction: column;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.mg-pricing-header {
  margin-bottom: 48px;
}

.mg-pricing-toggle {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  align-self: center;
  width: max-content;
  margin-bottom: 48px;
  padding: 6px;
  display: grid;
}

.mg-pricing-tab {
  color: #323232;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mg-pricing-tab-active {
  background-color: #c1ccd370;
  border-radius: 60px;
}

.mg-pricing-tab-badge {
  color: #fff;
  background-image: linear-gradient(90deg, #02b1f1, #017bba 97%);
  border-radius: 50px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
}

.mg-pricing-grid {
  z-index: 10;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.mg-price-card {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 24px;
  height: 100%;
  padding: 32px;
  display: flex;
  overflow: hidden;
}

.mg-price-head {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
  position: relative;
}

.mg-price-tag {
  color: #323232;
  background-image: linear-gradient(90deg, #00a6ff2b, #ff9c6a2b 98%);
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.mg-price-desc {
  color: #323232;
  font-size: 16px;
  font-weight: 400;
}

.mg-price-amount {
  color: #323232;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-price-period {
  font-size: 16px;
}

.mg-price-divider {
  background-color: #0000001a;
  align-self: stretch;
  height: 1px;
}

.mg-price-features {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
}

.mg-price-features-title {
  color: #323232;
  font-size: 20px;
  font-weight: 500;
}

.mg-price-list {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 12px;
  display: flex;
}

.mg-price-item {
  align-self: stretch;
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.mg-check-price {
  background-color: #7dc1e1;
  width: 17px;
  min-width: 17px;
  height: 17px;
}

.mg-price-item-text {
  color: #464646;
  font-size: 16px;
}

.mg-price-btn-wrap {
  background-image: linear-gradient(90deg, #02b1f1, #017bba);
  border-radius: 48px;
  align-self: stretch;
  padding: 1px;
}

.mg-price-btn-wrap-2 {
  padding: 2px;
}

.mg-price-btn {
  color: #323232;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  max-height: 52px;
  padding: 11px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  overflow: hidden;
}

.mg-price-btn-dark {
  color: #fff;
  background-color: #323232;
  border-color: #0000;
}

.mg-price-popular-wrap {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-price-popular-glow {
  filter: blur(80px);
  background-image: linear-gradient(#009bee, #00a6ff80 20%, #ff9c6a80 40% 60%, #00a6ff80 80%, #00a6ff80);
  width: 200%;
  height: 200%;
  margin: auto;
  position: absolute;
  inset: 0;
}

.mg-price-card-popular {
  z-index: 99;
  border-style: none;
  border-radius: 16px;
  width: 100%;
  position: relative;
}

.mg-price-popular-row {
  align-self: stretch;
  align-items: center;
  column-gap: 24px;
  display: flex;
}

.mg-price-tag-gradient {
  background-image: linear-gradient(90deg, #02b1f1, #017bba);
  border-radius: 48px;
  padding: 1px;
}

.mg-price-tag-inner {
  color: #323232;
  background-color: #fff;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.mg-price-popular-label {
  color: #464646;
  font-size: 16px;
  font-weight: 500;
}

.mg-price-users {
  color: #323232;
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-price-all {
  z-index: 10;
  flex-direction: column;
  row-gap: 40px;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.mg-price-all-head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  display: flex;
}

.mg-price-all-title {
  color: #323232;
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-price-all-desc {
  color: #464646;
  max-width: 640px;
  margin: 0;
  font-size: 16px;
}

.mg-price-groups {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.mg-price-group {
  background-color: #f4f6f9;
  border-radius: 16px;
  flex-direction: column;
  grid-column: span 2;
  row-gap: 20px;
  padding: 32px;
  display: flex;
}

.mg-price-group-wide {
  grid-column: span 3;
}

.mg-price-group-title {
  color: #323232;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-price-group-list {
  border-top: 1px solid #0000001a;
  flex-direction: column;
  row-gap: 12px;
  padding-top: 20px;
  display: flex;
}

.mg-price-group-list .mg-price-item {
  align-items: flex-start;
}

.mg-price-group-list .mg-check-price {
  margin-top: 5px;
}

.mg-faq {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-faq-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-faq-stack {
  flex-direction: column;
  row-gap: 64px;
  display: flex;
}

.mg-faq-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  align-items: start;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mg-faq-cta-card {
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  flex-direction: column;
  row-gap: 24px;
  padding: 32px;
  display: flex;
  box-shadow: 0 1px 3px #0000000d;
}

.mg-faq-cta-img {
  object-fit: cover;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  width: 100%;
  height: 220px;
}

.mg-faq-cta-body {
  text-align: left;
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-faq-cta-title {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.mg-faq-cta-desc {
  color: #464646;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-faq-cta-btn {
  align-self: stretch;
}

.mg-faq-list {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-faq-item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  flex-direction: column;
  row-gap: 16px;
  padding: 24px;
  transition: background-color .3s;
  display: flex;
}

.mg-faq-item-open {
  background-image: linear-gradient(90deg, #f0f4ff, #f8f0f0);
  border-color: #0000;
  box-shadow: 0 5px 15px #00000008;
}

.mg-faq-q-row {
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-faq-q {
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.mg-faq-icon {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.mg-faq-icon-img {
  width: 12px;
  height: 12px;
}

.mg-faq-a {
  color: #464646;
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-dl {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-dl-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-dl-card {
  background-image: linear-gradient(90deg, #009bee, #ff9c6a);
  border-radius: 32px;
  align-items: center;
  width: 100%;
  min-height: 460px;
  padding: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #0000001f;
}

.mg-dl-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.mg-dl-left {
  z-index: 10;
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  max-width: 620px;
  display: flex;
}

.mg-dl-copy {
  text-align: left;
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-dl-title {
  color: #fff;
  letter-spacing: -.5px;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
}

.mg-dl-title-sub {
  color: #000c;
}

.mg-dl-desc {
  color: #ffffffe6;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-dl-actions {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  display: flex;
}

.mg-dl-stores {
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-dl-store {
  border-radius: 50px;
  align-items: center;
  column-gap: 14px;
  padding: 12px 24px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 4px 10px #00000026;
}

.mg-dl-store.mg-dl-store-dark {
  background-color: #000;
}

.mg-dl-store-dark {
  color: #fff;
  background-color: #000;
  border: 1px solid #262626;
}

.mg-dl-store-light {
  color: #000;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.mg-dl-store-icon {
  object-fit: contain;
  width: 18px;
  height: 20px;
}

.mg-dl-play-triangle {
  background-image: url("../images/google-play-logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.mg-dl-store-body {
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  display: flex;
}

.mg-dl-store-hint {
  color: #9ca3af;
  font-size: 10px;
  font-weight: 500;
}

.mg-dl-store-hint-dark {
  color: #6b7280;
}

.mg-dl-store-name {
  color: #fff;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
}

.mg-dl-store-name-dark {
  color: #000;
}

.mg-dl-qr-row {
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-dl-sep {
  background-color: #ffffff40;
  width: 1px;
  height: 40px;
}

.mg-dl-or {
  color: #fffc;
  font-size: 14px;
  font-weight: 700;
}

.mg-dl-qr-box {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 16px;
  align-items: center;
  column-gap: 12px;
  padding: 10px;
  display: flex;
}

.mg-dl-qr {
  object-fit: contain;
  border-radius: 8px;
  width: 60px;
  height: 60px;
}

.mg-dl-qr-text {
  color: #ffffffe6;
  text-align: left;
  max-width: 80px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.mg-dl-right {
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
}

.mg-dl-phone {
  filter: drop-shadow(0 25px 25px #00000026);
  object-fit: contain;
  width: auto;
  max-width: 280px;
  height: 480px;
  position: absolute;
  top: 5%;
}

.mg-blog {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-blog-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-blog-stack {
  flex-direction: column;
  row-gap: 48px;
  display: flex;
}

.mg-blog-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.mg-blog-card {
  color: #000;
  background-color: #f5f7ff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mg-blog-content {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
}

.mg-blog-imgwrap {
  border-radius: 16px;
  overflow: hidden;
}

.mg-blog-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.mg-blog-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
  display: flex;
}

.mg-blog-title {
  color: #323232;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.35;
}

.mg-blog-desc {
  color: #464646;
  font-size: 16px;
}

.mg-blog-corner {
  background-color: #fff;
  border-top-left-radius: 20px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.mg-blog-corner-circle {
  background-color: #f5f7ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-blog-arrow {
  width: 24px;
  height: 24px;
}

.mg-blog-author {
  align-items: center;
  column-gap: 12px;
  margin-top: auto;
  display: flex;
}

.mg-blog-author-img {
  object-fit: cover;
  border-radius: 16px;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.mg-blog-author-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
  display: flex;
}

.mg-blog-author-name {
  color: #323232;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.mg-blog-date {
  color: #464646;
  font-size: 14px;
}

.mg-blog-all-btn {
  color: #000;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 48px;
  justify-content: center;
  align-self: center;
  align-items: center;
  column-gap: 8px;
  max-height: 52px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  overflow: hidden;
}

.mg-blog-all-icon {
  width: 20px;
  height: 20px;
}

.mg-cta {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-cta-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-cta-card {
  background-color: #f7fafd;
  background-image: radial-gradient(60% 90% at 0% 0%, #00a6ff2e, #0000 70%), radial-gradient(60% 90% at 100% 100%, #ff9c6a38, #0000 70%);
  border: 1px solid #0000001a;
  border-radius: 32px;
  width: 100%;
  min-height: 480px;
  padding: 64px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000f;
}

.mg-cta-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  width: 100%;
  display: grid;
}

.mg-cta-left {
  z-index: 10;
  color: #323232;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  max-width: 580px;
  display: flex;
}

.mg-cta-copy {
  text-align: left;
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-cta-title {
  color: #323232;
  letter-spacing: -.5px;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

.mg-cta-desc {
  color: #464646;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

.mg-cta-form {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 48px;
  column-gap: 8px;
  width: 100%;
  max-width: 480px;
  margin-bottom: 0;
  padding: 6px;
  display: flex;
}

.mg-cta-input {
  color: #323232;
  background-color: #0000;
  border-style: none;
  outline-style: none;
  flex: 1;
  padding: 12px 20px;
  font-size: 16px;
}

.mg-cta-submit {
  color: #fff;
  cursor: pointer;
  background-color: #323232;
  border-style: none;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.mg-cta-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.mg-actions-center {
  justify-content: center;
  margin-top: 40px;
}

.mg-cta-submit-alt {
  color: #323232;
  background-color: #fff;
  border: 1px solid #0000001f;
  padding: 11px 31px;
}

.mg-cta-right {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-cta-tags {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-top: auto;
  padding-bottom: 16px;
  display: flex;
}

.mg-cta-tag {
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  max-height: 42px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  box-shadow: 0 4px 12px #00000014;
}

.mg-ctatag-purple {
  color: #4a154b;
  background-color: #e5def2;
}

.mg-ctatag-blue {
  color: #0061ff;
  background-color: #dbe4fd;
}

.mg-ctatag-pink {
  color: #a61c1c;
  background-color: #f1dcdc;
}

.mg-fhero {
  background-color: #fff;
  padding-top: 96px;
  padding-bottom: 48px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-fhero-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-fhero-stack {
  flex-direction: column;
  row-gap: 64px;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-fhero-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.mg-fhero-card {
  border: 1px solid #e5e5e5;
  border-radius: 28px;
  flex-direction: column;
  row-gap: 24px;
  padding: 24px;
  transition: box-shadow .3s;
  display: flex;
  box-shadow: 0 1px 3px #0000000d;
}

.mg-fhero-card-1 {
  background-color: #f9f4ff;
}

.mg-fhero-card-2 {
  background-color: #f8f0f0;
}

.mg-fhero-card-3 {
  background-color: #f0f4ff;
}

.mg-fhero-card-4 {
  background-color: #f2fdfa;
}

.mg-fhero-card-5 {
  background-color: #f3f0f9;
}

.mg-fhero-card-6 {
  background-color: #edf5f7;
}

.mg-fhero-imgbox {
  aspect-ratio: 16 / 10;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-fhero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.mg-fhero-body {
  text-align: left;
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.mg-fhero-title {
  color: #000;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.mg-fhero-desc {
  color: #464646;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-ftabs {
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-ftabs-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px;
}

.mg-ftabs-stack {
  flex-direction: column;
  row-gap: 80px;
  display: flex;
}

.mg-ftabs-h2 {
  max-width: 550px;
}

.mg-ftabs-layout {
  flex-direction: row;
  column-gap: 32px;
  display: flex;
}

.mg-ftabs-menu {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 16px;
  width: 29%;
  padding: 16px;
  display: flex;
}

.mg-ftab-item {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  max-width: 303px;
  padding: 12px;
  display: flex;
}

.mg-ftab-item-active {
  background-color: #edf6fb;
}

.mg-ftab-iconbox {
  background-color: #d2efff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.mg-ftab-icon {
  width: 24px;
  height: 24px;
}

.mg-ftab-label {
  color: #323232;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 500;
}

.mg-ftabs-pane {
  flex-direction: column;
  align-self: stretch;
  width: 71%;
  display: flex;
}

.mg-ftabs-panel {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  row-gap: 36px;
  width: 100%;
  padding: 24px;
  display: flex;
}

.mg-ftabs-panel.mg-ftabs-panel-hidden {
  display: none;
}

.mg-ftabs-panel-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  width: 100%;
  display: grid;
}

.mg-ftabs-shot-frame {
  background-image: linear-gradient(90deg, #00a6ff33, #ff9c6a33);
  border-radius: 12px;
  padding: 16px;
}

.mg-ftabs-shot {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.mg-ftabs-panel-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.mg-ftabs-panel-title {
  color: #323232;
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-ftabs-panel-desc {
  color: #323232;
  font-size: 16px;
}

.mg-ftabs-checks {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.mg-hiw {
  background-color: #fff;
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-hiw-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 32px 80px;
}

.mg-hiw-stack {
  flex-direction: column;
  row-gap: 96px;
  display: flex;
}

.mg-hiw-header {
  max-width: 700px;
}

.mg-hiw-actions {
  align-items: center;
  column-gap: 16px;
  margin-top: 16px;
  display: flex;
}

.mg-hiw-steps {
  flex-direction: column;
  row-gap: 80px;
  width: 100%;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-hiw-row {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.mg-hiw-imgframe {
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  overflow: hidden;
}

.mg-hiw-img {
  width: 100%;
  height: auto;
}

.mg-hiw-copy {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.mg-hiw-copy-rev {
  order: 0;
}

.mg-hiw-step-pill {
  color: #323232;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.mg-hiw-step-no {
  margin-left: 4px;
  font-weight: 600;
}

.mg-hiw-title {
  color: #323232;
  letter-spacing: -1px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-hiw-desc {
  color: #464646;
  max-width: 480px;
  font-size: 16px;
  line-height: 1.5;
}

.mg-hiw-checks {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
  display: flex;
}

.mg-compare {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-compare-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-compare-stack {
  flex-direction: column;
  row-gap: 48px;
  display: flex;
}

.mg-compare-wrap {
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  padding: 32px;
  overflow: hidden;
}

.mg-compare-holder {
  align-items: center;
  column-gap: 32px;
  display: flex;
}

.mg-compare-featcol {
  min-width: 295px;
  padding: 20px 16px;
}

.mg-compare-headrow {
  align-items: center;
  min-height: 54px;
  display: flex;
}

.mg-compare-headrow-center {
  justify-content: center;
}

.mg-compare-headtitle {
  color: #323232;
  font-size: 24px;
  font-weight: 500;
}

.mg-compare-row {
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  min-height: 54px;
  display: flex;
}

.mg-compare-row-center {
  justify-content: center;
}

.mg-compare-row-last {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.mg-compare-feattext {
  color: #323232;
  font-size: 16px;
}

.mg-compare-plans {
  flex: 1;
  column-gap: 32px;
  min-height: 200px;
  display: flex;
}

.mg-compare-plancol {
  width: 100%;
  max-width: 30%;
  padding: 20px 16px;
}

.mg-compare-plancol-popular {
  border: 1px solid #ffafd4;
  border-radius: 16px;
}

.mg-compare-plantitle {
  color: #323232;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.mg-compare-celltext {
  color: #323232;
  text-align: center;
  font-size: 16px;
}

.mg-check-compare {
  background-color: #56cf00;
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.mg-contact {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-contact-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-contact-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .95fr;
  align-items: start;
  display: grid;
}

.mg-contact-left {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  display: flex;
}

.mg-contact-slogan {
  color: #464646;
  max-width: 420px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.mg-contact-copy {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-contact-title {
  color: #000;
  letter-spacing: -2px;
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-contact-desc {
  color: #464646;
  max-width: 540px;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.mg-contact-infos {
  flex-direction: column;
  row-gap: 24px;
  margin-top: 16px;
  display: flex;
}

.mg-contact-info-row {
  border-bottom: 1px solid #e5e5e5;
  align-items: center;
  column-gap: 24px;
  max-width: 560px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.mg-contact-info-row-last {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.mg-contact-info-icon {
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 16px;
  display: flex;
  flex: none;
}

.mg-contact-icon-img {
  width: 30px;
  height: 30px;
}

.mg-contact-info-body {
  flex-direction: column;
  display: flex;
}

.mg-contact-info-label {
  color: #464646;
  font-size: 16px;
  font-weight: 600;
}

.mg-contact-info-value {
  color: #000;
  font-size: clamp(20px, 6vw, 26px);
  font-weight: 700;
}

.mg-contact-formcard {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 4px 24px #00000005;
}

.mg-contact-form {
  text-align: left;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 0;
  display: flex;
}

.mg-form-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.mg-form-field {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.mg-form-label {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.mg-form-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  width: 100%;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  font-weight: 500;
  transition: border-color .3s;
}

.mg-form-select {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  width: 100%;
  height: 48px;
  padding-left: 16px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 500;
}

.mg-form-textarea {
  color: #000;
  resize: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  width: 100%;
  height: 128px;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  transition: border-color .3s;
}

.mg-form-submit {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-style: none;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s;
  display: flex;
}

.mg-about {
  background-color: #fff;
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-about-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 32px 80px;
}

.mg-about-stack {
  flex-direction: column;
  row-gap: 96px;
  display: flex;
}

.mg-about-hero {
  align-items: center;
  column-gap: 42px;
  display: flex;
}

.mg-about-hero-copy {
  flex-direction: column;
  align-self: center;
  align-items: flex-start;
  row-gap: 42px;
  width: 58%;
  display: flex;
}

.mg-about-hero-head {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
}

.mg-about-h1 {
  color: #000;
  text-align: left;
  letter-spacing: -2px;
  max-width: 650px;
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-about-lead {
  color: #464646;
  text-align: left;
  max-width: 560px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-about-hero-actions {
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-about-hero-visual {
  width: 42%;
}

.mg-about-circle {
  aspect-ratio: 1;
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mg-about-circle-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-about-badgefloat {
  background-color: #fff;
  border: 2px solid #ffffffb3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  position: absolute;
  box-shadow: 0 0 9px #d051f340;
}

.mg-about-badge-icon {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.mg-abadge-1 {
  top: 46%;
  left: 10%;
}

.mg-abadge-2 {
  top: 24%;
  left: 14%;
}

.mg-abadge-3 {
  top: 8%;
  left: 30%;
}

.mg-abadge-4 {
  top: 5%;
  left: 52%;
}

.mg-abadge-5 {
  top: 30%;
  left: 34%;
}

.mg-abadge-6 {
  top: 27%;
  left: 55%;
}

.mg-abadge-center {
  top: 44%;
  left: 44%;
}

.mg-about-center-sparkle {
  width: 32px;
  height: 32px;
}

.mg-about-numbers {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  column-gap: 96px;
  display: flex;
}

.mg-about-stats {
  justify-content: space-between;
  align-items: center;
  column-gap: 32px;
  width: 100%;
  display: flex;
}

.mg-about-stat {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
}

.mg-about-stat-num {
  letter-spacing: -1px;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}

.mg-about-stat-label {
  color: #464646;
  font-size: 16px;
}

.mg-about-mv {
  flex-direction: column;
  row-gap: 80px;
  display: flex;
}

.mg-about-mv-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  display: grid;
}

.mg-about-mv-row-rev {
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
}

.mg-about-mv-imgwrap {
  border-radius: 24px;
  overflow: hidden;
}

.mg-about-mv-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-about-mv-copy {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  display: flex;
}

.mg-about-mv-title {
  color: #323232;
  letter-spacing: -1px;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.15;
}

.mg-about-mv-desc {
  color: #464646;
  max-width: 560px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-about-values {
  flex-direction: column;
  row-gap: 64px;
  display: flex;
}

.mg-about-values-desc {
  max-width: 400px;
}

.mg-values-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.mg-value-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.mg-value-card-purple {
  background-color: #f4f1ff73;
}

.mg-value-card-teal {
  background-color: #ebfdff99;
}

.mg-value-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  display: flex;
}

.mg-vicon-purple {
  background-color: #e6daf5;
}

.mg-vicon-blue {
  background-color: #dbe4fd;
}

.mg-vicon-pink {
  background-color: #f1dcdc;
}

.mg-vicon-green {
  background-color: #d7e8e3;
}

.mg-value-icon-img {
  width: 32px;
  height: 32px;
}

.mg-value-body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
  display: flex;
}

.mg-value-title {
  color: #323232;
  letter-spacing: -1px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.mg-value-desc {
  color: #464646;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-value-photo {
  border-radius: 20px;
  overflow: hidden;
}

.mg-value-photo-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-about-team {
  flex-direction: column;
  row-gap: 64px;
  display: flex;
}

.mg-team-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.mg-team-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 24px;
  padding: 20px;
  display: flex;
}

.mg-team-pill {
  color: #323232;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  display: flex;
}

.mg-tpill-purple {
  background-color: #e6daf5cc;
}

.mg-tpill-blue {
  background-color: #dbe4fdcc;
}

.mg-tpill-pink {
  background-color: #f1dcdccc;
}

.mg-tpill-green {
  background-color: #d7e8e3cc;
}

.mg-team-photo {
  object-fit: cover;
  border-radius: 50%;
  width: 116px;
  height: 116px;
}

.mg-team-name {
  color: #323232;
  font-size: 20px;
  font-weight: 500;
}

.mg-br-hero {
  background-color: #fff;
  padding-top: 96px;
  padding-bottom: 64px;
  font-family: "Baloo 2", sans-serif;
  overflow: hidden;
}

.mg-br-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-br-hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-br-h1 {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  margin: 0;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-br-sub {
  color: #464646;
  text-align: center;
  max-width: 680px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-br-actions {
  justify-content: center;
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-br-stats {
  justify-content: center;
  align-items: stretch;
  column-gap: 16px;
  margin-top: 24px;
  display: flex;
}

.mg-br-stat {
  background-color: #f5f7ff;
  border: 1px solid #e5e5e5;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
  min-width: 190px;
  padding: 20px 32px;
  display: flex;
}

.mg-br-stat-val {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.mg-br-stat-label {
  color: #464646;
  font-size: 14px;
}

.mg-br-section {
  background-color: #fff;
  padding-top: 64px;
  padding-bottom: 64px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
}

.mg-br-pains-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
  display: grid;
}

.mg-br-pain-card {
  background-color: #f5f7ff;
  border-radius: 28px;
  flex-direction: column;
  row-gap: 16px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.mg-br-pain-quote {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.mg-br-pain-title {
  color: #323232;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}

.mg-br-pain-desc {
  color: #464646;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-br-feat-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1060px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mg-br-feat-card {
  border: 1px solid #e5e5e5;
  border-radius: 28px;
  flex-direction: column;
  row-gap: 24px;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 3px #0000000d;
}

.mg-br-feat-card.mg-card-bg-01 {
  background-color: #f9f4ff;
}

.mg-br-feat-card.mg-card-bg-02 {
  background-color: #f8f0f0;
}

.mg-br-feat-card.mg-card-bg-03 {
  background-color: #f0f4ff;
}

.mg-br-feat-card.mg-card-bg-04 {
  background-color: #f2fdfa;
}

.mg-br-feat-card.mg-card-bg-05 {
  background-color: #f3f0f9;
}

.mg-br-feat-card.mg-card-bg-06 {
  background-color: #edf5f7;
}

.mg-br-feat-imgbox {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mg-br-feat-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.mg-br-feat-title {
  color: #323232;
  font-size: 20px;
  font-weight: 600;
}

.mg-br-feat-desc {
  color: #464646;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-br-steps-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1060px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mg-br-step-card {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 28px;
  flex-direction: column;
  row-gap: 16px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.mg-br-step-num {
  color: #fff;
  background-image: linear-gradient(90deg, #02b1f1, #017bba);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.mg-br-step-title {
  color: #323232;
  font-size: 20px;
  font-weight: 500;
}

.mg-br-step-desc {
  color: #464646;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-br-faq-list {
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  max-width: 860px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-br-faq-item {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  flex-direction: column;
  row-gap: 16px;
  padding: 24px;
  display: flex;
}

.mg-br-faq-item-open {
  background-image: linear-gradient(90deg, #f0f4ff, #f8f0f0);
  border-color: #0000;
}

.mg-br-faq-q-row {
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
  display: flex;
}

.mg-br-faq-q {
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.mg-br-faq-a {
  color: #464646;
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.inline-div-0 {
  background-color: #f8f0f0;
}

.inline-div-1 {
  background-color: #f3f0f9;
}

.inline-div-3 {
  background-color: #f9f4ff;
}

.inline-div-2 {
  background-color: #f3f0f9;
}

.mg-legal {
  background-color: #fafbff;
  padding-top: 96px;
  padding-bottom: 48px;
  font-family: "Baloo 2", sans-serif;
}

.mg-legal-hero {
  padding-top: 32px;
  padding-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.mg-legal-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-legal-hero-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-legal-h1 {
  color: #000;
  text-align: center;
  letter-spacing: -2px;
  margin: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-legal-sub {
  color: #464646;
  text-align: center;
  max-width: 620px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.mg-legal-content {
  padding-top: 32px;
  padding-bottom: 32px;
}

.mg-legal-card {
  background-color: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 32px;
  flex-direction: column;
  row-gap: 32px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
  display: flex;
  box-shadow: 0 1px 3px #0000000d;
}

.mg-legal-block {
  flex-direction: column;
  row-gap: 16px;
  display: flex;
}

.mg-legal-h2 {
  color: #000;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.mg-legal-p {
  color: #464646;
  text-align: left;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.mg-legal-list {
  flex-direction: column;
  row-gap: 12px;
  margin: 0;
  padding-left: 20px;
  display: flex;
}

.mg-legal-li {
  color: #464646;
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  list-style-type: disc;
}

.inline-div-0-1-parent.inline-div-0-1 {
  background-color: #edf5f7;
}

.inline-div-1-1-parent.inline-div-1-1 {
  background-color: #f2fdfa;
}

.inline-div-2-parent.inline-div-2 {
  background-color: #f8f0f0;
}

.inline-div-3-parent.inline-div-3, .inline-div-0-parent.inline-div-0 {
  background-color: #f9f4ff;
}

.inline-div-1-parent.inline-div-1 {
  background-color: #f0f4ff;
}

.mg-bp-section {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
  overflow: hidden;
}

.mg-bp-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.mg-bp-stack {
  flex-direction: column;
  row-gap: 48px;
  display: flex;
}

.mg-bp-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-bp-h1 {
  color: #323232;
  text-align: center;
  letter-spacing: -2px;
  max-width: 750px;
  margin: 0 auto;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-bp-sub {
  color: #464646;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
}

.mg-bp-body {
  flex-direction: column;
  row-gap: 24px;
  display: flex;
}

.mg-bp-featured {
  color: #000;
  background-color: #f5f7ff;
  border-radius: 48px;
  align-items: flex-end;
  column-gap: 24px;
  width: 100%;
  padding: 42px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mg-bp-featured-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.mg-bp-featured-imgwrap {
  border-radius: 34px;
  min-height: 280px;
  overflow: hidden;
}

.mg-bp-featured-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-bp-featured-content {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 12px;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
}

.mg-bp-featured-copy {
  flex-direction: column;
  row-gap: 16px;
  max-width: 450px;
  display: flex;
}

.mg-bp-featured-title {
  color: #323232;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.mg-bp-featured-desc {
  color: #464646;
  font-size: 16px;
  line-height: 1.5;
}

.mg-bp-list {
  width: 100%;
}

.mg-bp-pagination {
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  margin-top: 16px;
  display: flex;
}

.mg-bp-pager {
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  margin-top: 24px;
  font-family: "Baloo 2", sans-serif;
  display: flex;
}

.mg-bp-pager-btn {
  color: #323232;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 48px;
  align-items: center;
  column-gap: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.mg-bd-section {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
}

.mg-bd-stack {
  flex-direction: column;
  row-gap: 48px;
  display: flex;
}

.mg-bd-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mg-bd-h1 {
  color: #323232;
  text-align: center;
  letter-spacing: -2px;
  max-width: 800px;
  margin: 0 auto;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1;
}

.mg-bd-sub {
  color: #464646;
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
}

.mg-bd-wrap {
  flex-direction: column;
  row-gap: 60px;
  display: flex;
}

.mg-bd-heroimg {
  border-radius: 16px;
  width: 100%;
  max-width: 1000px;
  max-height: 694px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.mg-bd-heroimg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mg-bd-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  margin-left: max(0px, calc((100% - 1000px) / 2));
  display: grid;
}

@media (min-width: 992px) {
  .mg-bd-grid {
    grid-template-columns: minmax(0, 1fr) 388px;
  }
}

.mg-bd-article {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 42px;
}

.mg-bd-aside {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 20px;
  position: sticky;
  top: 90px;
}

.mg-bd-row {
  align-items: center;
  column-gap: 24px;
  padding-bottom: 16px;
  display: flex;
}

.mg-bd-row-bt {
  border-top: 1px solid #e5e5e5;
  padding-top: 28px;
}

.mg-bd-row-last {
  padding-bottom: 0;
}

.mg-bd-row-label {
  color: #323232;
  width: 70px;
  min-width: 70px;
  font-size: 14px;
  line-height: 1.2;
}

.mg-bd-row-val {
  align-items: center;
  column-gap: 12px;
  display: flex;
}

.mg-bd-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.mg-bd-val-name {
  color: #323232;
  font-size: 16px;
  font-weight: 500;
}

.mg-bd-val-text {
  color: #323232;
  font-size: 16px;
}

.mg-bd-share {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.mg-bd-share-icon {
  width: 18px;
  height: 18px;
}

.mg-bd-related {
  background-color: #fff;
  padding-bottom: 80px;
  font-family: "Baloo 2", sans-serif;
  position: relative;
}

.mg-bd-related-list {
  width: 100%;
}

.mg-bp-page-btn {
  color: #464646;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.mg-bp-page-disabled {
  opacity: .4;
}

.mg-bp-page-active-ring {
  background-image: linear-gradient(90deg, #02b1f1, #017bba);
  border-radius: 50%;
  padding: 1px;
}

.mg-bp-page-active {
  color: #323232;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.mg-bp-chevron-left {
  width: 14px;
  height: 14px;
  transform: rotate(90deg);
}

.mg-bp-chevron-right {
  width: 14px;
  height: 14px;
  transform: rotate(-90deg);
}

.mg-bd-richtext {
  color: #5d5d5d;
  font-size: 16px;
  line-height: 24px;
}

.mg-post-slug {
  display: none;
}

.mg-ov-payment-img {
  object-fit: cover;
  border-radius: 20px;
  flex: 1;
  width: 100%;
  min-height: 0;
}

.mg-ov-card-payment {
  min-height: 262px;
  max-height: 262px;
  overflow: hidden;
}

.vt-p2-row-rev {
  direction: rtl;
}

.vt-p2-row-last {
  margin-bottom: 0;
}

.vt-p2-line-end {
  right: 28%;
}

.vt-p2-turn-r {
  border-right: 2px dashed #c4b5fd;
  border-top-right-radius: 46px;
  border-bottom-right-radius: 46px;
  top: 138px;
  right: 0;
}

.vt-p2-turn-l {
  border-left: 2px dashed #c4b5fd;
  border-top-left-radius: 46px;
  border-bottom-left-radius: 46px;
  top: 494px;
  left: 0;
}

.lp2-row-b {
  margin-bottom: 0;
  padding-right: 25%;
}

.lp2-turn-l {
  border-top-width: 0;
  border-bottom: 2px dashed #b9a6f5;
  border-left: 2px dashed #b9a6f5;
  border-bottom-left-radius: 46px;
  top: 386px;
  left: 0;
}

.vt-lp-img {
  border-radius: 24px;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 0 12px 34px #4c338c14;
}

.mg-btn-login {
  color: #414bff;
  white-space: nowrap;
  background-color: #f5f7ff;
  border: 1px solid #dbe4fd;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  max-height: 52px;
  padding: 15px 28px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.mg-btn-login:hover {
  background-color: #ecf0ff;
  border-color: #c3d2fb;
}

.mg-lang-switch {
  color: #323232;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #dbe4fd;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, color .3s;
  display: flex;
}

.mg-lang-switch:hover {
  color: #414bff;
  background-color: #f5f7ff;
  border-color: #c3d2fb;
}

.mg-nav-toggle {
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  transition-property: background-color;
  transition-duration: .25s;
  transition-timing-function: ease;
  display: none;
}

.mg-nav-toggle:hover {
  background-color: #f5f7ff;
}

.mg-nav-toggle.mg-nav-x {
  background-color: #ecf0ff;
}

.mg-nav-bar {
  background-color: #323232;
  border-radius: 2px;
  width: 22px;
  height: 2px;
}

.mg-video-grid {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.mg-video-group {
  margin-top: 48px;
}

.mg-video-group-title {
  color: #323232;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 19px;
  font-weight: 700;
}

.mg-video-embed {
  aspect-ratio: 16 / 9;
  background-color: #000;
  border-radius: 18px;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 18px #85858524;
}

.mg-hs-form {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .mg-nav-container {
    padding-left: 0;
    padding-right: 0;
  }

  .mg-nav-menu {
    z-index: 60;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 2px 0;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 8px;
    display: none;
    position: absolute;
    top: 100%;
    left: 16px;
    right: 16px;
    box-shadow: 0 14px 38px #85858538;
  }

  .mg-nav-menu.mg-nav-open {
    display: flex;
  }

  .mg-nav-link {
    border-radius: 12px;
    width: 100%;
    padding: 13px 16px;
    display: block;
  }

  .mg-nav-link:hover {
    color: #414bff;
    background-color: #f5f7ff;
  }

  .mg-footer-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-hero-card {
    display: none;
  }

  .mg-ov-grid-top, .mg-ov-grid-bottom {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-ov-card-phone {
    max-width: none;
  }

  .mg-stats {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-feat-sticky {
    position: static;
  }

  .mg-feat-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-core-map {
    min-height: 0;
  }

  .mg-core-lines, .mg-core-logo-wrap {
    display: none;
  }

  .mg-core-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }

  .mg-steps-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-integ-stack {
    row-gap: 96px;
  }

  .mg-pricing-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .mg-price-group, .mg-price-group-wide {
    grid-column: span 3;
  }

  .mg-price-group:last-child {
    grid-column: span 6;
  }

  .mg-faq-grid, .mg-dl-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-dl-right {
    display: none;
  }

  .mg-blog-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .mg-cta-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-cta-right {
    height: auto;
    min-height: 300px;
  }

  .mg-fhero-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .mg-ftabs-layout {
    flex-direction: column;
    row-gap: 40px;
  }

  .mg-ftabs-menu {
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
  }

  .mg-ftab-item {
    flex: none;
    width: auto;
  }

  .mg-ftabs-pane {
    width: 100%;
  }

  .mg-ftabs-panel-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-compare-featcol {
    min-width: 220px;
  }

  .mg-compare-plans {
    overflow-x: auto;
  }

  .mg-compare-plancol {
    flex: none;
    min-width: 200px;
    max-width: none;
  }

  .mg-contact-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-about-hero {
    flex-direction: column;
    row-gap: 48px;
  }

  .mg-about-hero-copy, .mg-about-hero-visual {
    width: 100%;
  }

  .mg-about-numbers {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 40px;
  }

  .mg-values-grid, .mg-team-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .mg-br-pains-grid, .mg-br-feat-grid, .mg-br-steps-grid, .mg-bp-featured-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-bd-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-bd-aside {
    position: static;
  }

  .vt-p2-row-rev {
    direction: ltr;
  }

  .lp2-row-b {
    padding-right: 0;
  }

  .vt-lp-img {
    border-radius: 18px;
  }

  .mg-nav-toggle {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .mg-footer-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mg-footer-biglogo {
    height: 60px;
  }

  .mg-footer-copyrow {
    justify-content: center;
  }

  .mg-hero-title {
    font-size: 36px;
  }

  .mg-hero-actions {
    flex-direction: column-reverse;
    row-gap: 12px;
  }

  .mg-h2 {
    font-size: 36px;
  }

  .mg-video-play {
    width: 72px;
    height: 72px;
  }

  .mg-feat-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mg-feat-bullets {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-feat-actions {
    flex-direction: column;
    align-self: stretch;
    row-gap: 12px;
  }

  .mg-core-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-step-card {
    flex-direction: column;
    align-items: stretch;
    row-gap: 20px;
    padding: 20px;
  }

  .mg-step-frame {
    width: 100%;
  }

  .mg-steps-cta-actions {
    flex-direction: column;
    row-gap: 12px;
  }

  .mg-integ-tile {
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
  }

  .mg-integ-logo {
    width: 32px;
    height: 32px;
  }

  .mg-integ-circle-outer {
    width: 175px;
    height: 175px;
  }

  .mg-integ-circle-mid {
    width: 130px;
    height: 130px;
  }

  .mg-integ-circle-core {
    width: 82px;
    height: 82px;
  }

  .mg-integ-mark {
    width: 44px;
    height: 44px;
  }

  .mg-pricing-toggle {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .mg-pricing-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-price-all {
    margin-top: 56px;
  }

  .mg-price-group, .mg-price-group-wide, .mg-price-group:last-child {
    grid-column: span 6;
    padding: 24px;
  }

  .mg-dl-card {
    padding: 32px;
  }

  .mg-dl-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-dl-stores {
    flex-direction: column;
    align-items: stretch;
    row-gap: 12px;
  }

  .mg-blog-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-cta-card {
    padding: 32px;
  }

  .mg-cta-form {
    border-radius: 16px;
    flex-direction: column;
    row-gap: 8px;
    padding: 12px;
  }

  .mg-fhero-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-hiw-stack {
    row-gap: 64px;
  }

  .mg-hiw-actions {
    flex-direction: column;
    row-gap: 12px;
  }

  .mg-hiw-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-hiw-copy-rev {
    order: 2;
  }

  .mg-compare-wrap {
    padding: 16px;
  }

  .mg-compare-holder {
    column-gap: 16px;
  }

  .mg-compare-featcol {
    min-width: 50%;
  }

  .mg-compare-plancol {
    min-width: 150px;
  }

  .mg-contact-title {
    font-size: 36px;
  }

  .mg-form-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-about-h1 {
    font-size: 36px;
  }

  .mg-about-stats {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 24px;
  }

  .mg-about-mv-row, .mg-about-mv-row-rev {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-about-mv-title {
    font-size: 30px;
  }

  .mg-values-grid, .mg-team-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .mg-br-h1 {
    font-size: 36px;
  }

  .mg-br-actions {
    flex-direction: column;
    row-gap: 12px;
  }

  .mg-br-stats {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-legal-h1 {
    font-size: 32px;
  }

  .mg-legal-card {
    padding: 24px;
  }

  .mg-bp-h1 {
    font-size: 36px;
  }

  .mg-bp-featured {
    padding: 20px;
  }

  .mg-bp-featured-content {
    padding-bottom: 0;
  }

  .mg-bd-h1 {
    font-size: 36px;
  }

  .mg-bd-article {
    padding: 24px;
  }
}

@media screen and (max-width: 479px) {
  .mg-nav-right {
    column-gap: 8px;
  }

  .mg-btn-dark {
    padding: 12px 18px;
    font-size: 14px;
  }

  .mg-btn-label.mg-cta-full {
    display: none;
  }

  .mg-btn-label.mg-cta-short {
    display: block;
  }

  .mg-btn-icon.mg-cta-icon {
    display: none;
  }

  .mg-btn-login {
    padding: 11px 14px;
    font-size: 14px;
  }

  .mg-lang-switch {
    padding: 9px 11px;
    font-size: 13px;
  }

  .mg-nav-toggle {
    width: 40px;
    height: 40px;
  }
}

.mg-faq-item, .mg-br-faq-item {
  cursor: pointer;
}

.mg-br-faq-item {
  transition: background-color .3s;
}

.mg-faq-item:not(.mg-faq-item-open) .mg-faq-a, .mg-br-faq-item:not(.mg-br-faq-item-open) .mg-br-faq-a {
  display: none;
}

.mg-faq-icon-img {
  transition: transform .3s;
}

.mg-faq-item-open .mg-faq-icon-img, .mg-br-faq-item-open .mg-faq-icon-img {
  transform: rotate(45deg);
}

.mg-bd-richtext h2 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

.mg-hs-loading {
  color: #525866;
  margin: 0;
  padding: 24px 0;
  font-size: 15px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .mg-hero {
    background-image: url("../images/hero-gradient-bg.webp");
  }
}

button.mg-blog-all-btn {
  cursor: pointer;
  font-family: inherit;
  display: flex;
}