.integration-page .title-lg__extraBold,
.integration-page .title-lg__light,
.integration-page .title-md__extraBold {
  text-transform: capitalize;
}
@media (max-width: 991.98px) {
  .integration-page .title-lg__extraBold,
  .integration-page .title-lg__light {
    font-size: 3.2rem;
    line-height: 46px;
  }
}
.integration-page .btn__outline-black {
  background-color: transparent;
  border: 1px solid #562efc;
  color: #562efc;
  margin-top: 4rem;
}
.integration-page .integration-section-card__grid {
  padding-bottom: 0;
}
.integration-page .prg-lg {
  line-height: 32px;
  padding-top: 0.8rem;
  text-transform: none;
}
@media (max-width: 991.98px) {
  .integration-page .prg-lg {
    line-height: 24px;
  }
  .integration-page .prg-lg br {
    display: none;
  }
}
.integration-page__hero {
  overflow: hidden;
}
.integration-page__hero .integration-hero-section {
  gap: 4rem;
}
.integration-page__hero .integration-hero-section__right-content {
  position: relative;
  width: 50%;
  z-index: 1;
}
.integration-page__hero .integration-hero-section__right-content:before {
  content: "";
  filter: blur(76px);
  height: 500px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-76deg);
  width: 590px;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .integration-page__hero
    .integration-hero-section__right-content:before {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .integration-page__hero .integration-hero-section__right-content {
    width: 100%;
  }
}
.integration-page__pros__border-one {
  border: 8px solid #feede9;
}
.integration-page__pros__border-two {
  border: 8px solid #feeaf7;
}
.integration-page__pros__border-three {
  border: 8px solid #e6f1fc;
}
.integration-page__automation
  .integration-automation-card:first-of-type
  .integration-automation-card__body,
.integration-page__automation
  .integration-automation-card:nth-of-type(3)
  .integration-automation-card__body {
  align-items: flex-start;
}
.integration-page__automation .btn__outline-black {
  display: none;
}
.integration-page__automation .integration-automation-section {
  padding-bottom: 0;
}
.integration-page__upcoming .title-xs__extraBold {
  text-transform: uppercase;
}
.integration-page__upcoming
  .integration-upcoming-features__title-wrapper {
  padding-top: 20rem;
}
@media (max-width: 767.98px) {
  .integration-page__upcoming
    .integration-upcoming-features__title-wrapper {
    padding-top: 10rem;
  }
}
.integration-page__upcoming .integration-pros-card {
  background: #f9fbfe;
  border: 4px solid #d6e6ff;
  border-radius: 20px;
  position: relative;
}
.integration-page__upcoming .integration-pros-card img {
  margin-top: 0;
}
.integration-page .integration-newsletter-card {
  margin-block: 20rem 12rem;
  padding: 10rem 7rem;
}
@media (max-width: 991.98px) {
  .integration-page .integration-newsletter-card {
    margin-block: 10rem 5rem;
    padding: 7rem;
  }
}
@media (max-width: 767.98px) {
  .integration-page .integration-newsletter-card {
    padding: 3rem 3rem 0;
  }
}



.navbar-menu {
  align-items: center;
  color: var(--navbar-list-color);
  display: flex;
  height: 100%;
  justify-content: center;
  margin-inline: auto;
  position: relative;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.navbar-menu > div {
  height: 100%;
}
.navbar-menu__list {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 2rem;
  height: 100%;
  list-style: none;
  margin: 0;
}
.navbar-menu__item {
  all: unset;
  color: inherit;
  height: 100%;
}
.navbar-menu__trigger {
  all: unset;
  align-items: center;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-family: Inter;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 2.4rem;
  padding: 0 1rem;
  position: relative;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.navbar-menu__trigger:before {
  background-color: #562efc;
  bottom: 0;
  content: "";
  height: 0.3rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: width 0.1s ease-in-out;
  width: 100%;
  width: 0;
  z-index: 3;
}
.navbar-menu__trigger:hover:not([data-state="close"]) span svg,
.navbar-menu__trigger[data-state="open"]:not([data-state="close"])
  span
  svg {
  transform: rotate(-180deg);
}
.navbar-menu__trigger:hover:not([data-state="close"]):before,
.navbar-menu__trigger[data-state="open"]:not(
    [data-state="close"]
  ):before {
  width: 100%;
}
.navbar-menu__trigger:focus {
  background-color: var(--navbar-list-focus-background);
}
.navbar-menu__trigger span {
  color: inherit;
  height: 1.6rem;
  margin-left: 0.4rem;
  width: 1.6rem;
}
.navbar-menu__trigger span svg {
  color: inherit;
  height: 100%;
  transform-origin: center;
  transition: transform 0.1s;
  transition-timing-function: ease-in-out;
  width: 100%;
}
.navbar-menu__content {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (min-width: 600px) {
  .navbar-menu__content {
    width: auto;
  }
}
.navbar-menu__content[data-motion="from-start"] {
  animation-name: enterFromLeft;
}
.navbar-menu__content[data-motion="from-end"] {
  animation-name: enterFromRight;
}
.navbar-menu__content[data-motion="to-start"] {
  animation-name: exitToLeft;
}
.navbar-menu__content[data-motion="to-end"] {
  animation-name: exitToRight;
}
.navbar-menu__indicator {
  top: 100%;
  transition: width, transform 0.25s ease;
  z-index: 1;
}
.navbar-menu__indicator[data-state="visible"] {
  animation: fadeIn 0.2s ease;
}
.navbar-menu__indicator[data-state="hidden"] {
  animation: fadeOut 0.2s ease;
}
.navbar-menu__indicator__position {
  display: flex;
  justify-content: center;
  left: 0;
  perspective: 2000px;
  position: absolute;
  top: 100%;
  width: 100%;
}
.navbar-menu__viewport {
  background-color: transparent;
  margin-top: 0;
  position: relative;
  transform-origin: top center;
  transition: width, height, 0.3s ease;
}
.navbar-menu__viewport[data-state="open"] {
  animation: scaleIn 0.2s ease;
}
.navbar-menu__viewport[data-state="closed"] {
  animation: scaleOut 0.2s ease;
}
@media only screen and (min-width: 600px) {
  .navbar-menu__viewport {
    width: var(--radix-navigation-menu-viewport-width);
  }
}
.navbar-menu__dropdown {
  background-color: var(--navbar-background-color);
  border-radius: var(--navbar-dropdown-radius);
  box-shadow: var(--navbar-dropdown-shadow);
  color: var(--navbar-list-color);
  overflow: hidden;
  padding: var(--navbar-dropdown-padding);
}
#integrations {
  display: flex;
  gap: 0;
}
#integrations .dropdown-integrations__content {
  display: flex;
  flex-direction: column;
  font-family: Inter;
  gap: 1.8rem;
  padding-right: 3.2rem;
  width: 27rem;
}
@media (max-width: 1199.98px) {
  #integrations .dropdown-integrations__content {
    display: none;
  }
}
#integrations .dropdown-integrations__content h4 {
  color: var(--navbar-list-color);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
#integrations .dropdown-integrations__content p {
  color: var(--navbar-list-secondary-color);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}
#integrations .dropdown-integrations__links {
  display: grid;
  gap: 1.6rem 2.4rem;
  grid-template-columns: 24rem 24rem 24rem;
}
#integrations .dropdown-integrations__link {
  align-items: center;
  background-color: transparent;
  border-radius: 1.6rem;
  display: flex;
  gap: 1.2rem;
  padding: 1.6rem;
  transition: all 0.05s ease-in-out;
}
#integrations .dropdown-integrations__link:active,
#integrations .dropdown-integrations__link:focus,
#integrations .dropdown-integrations__link:hover {
  background-color: var(--navbar-list-focus-background);
  outline: none;
}
#integrations .dropdown-integrations__link span {
  color: var(--navbar-background-color);
  height: 4.8rem;
  width: 4.8rem;
}
#integrations .dropdown-integrations__link span svg {
  height: 100%;
  width: 100%;
}
#integrations .dropdown-integrations__link__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
#integrations .dropdown-integrations__link__content h5 {
  color: var(--navbar-list-color);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
}
#integrations .dropdown-integrations__link__content p {
  color: var(--navbar-list-secondary-color);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#integrations .o-btn {
  --btn-border-radius: 1.6rem !important;
}
#integrations .o-btn span {
  height: 2.5rem;
  max-width: unset;
  width: 2.5rem;
}
#integrations .router-link-exact-active span {
  color: rgba(87, 46, 252, 0.122);
}
#integrations .router-link-exact-active h5,
#integrations .router-link-exact-active p {
  color: #562efc !important;
}
#features,
#resources {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#features .router-link-exact-active,
#resources .router-link-exact-active {
  color: #562efc;
}


#nav-integrations .nav-link span svg {
  color: #fff;
}
.mobile-menu {
  width: 100%;
}
.mobile-menu .router-link-exact-active {
  color: #562efc !important;
}
.mobile-menu__trigger {
  all: unset;
  align-items: center;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-family: Inter;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  justify-content: space-between;
  line-height: 2.4rem;
  padding: 1.6rem 0;
  position: relative;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.mobile-menu__trigger:focus,
.mobile-menu__trigger:hover {
  color: var(--navbar-list-active-color);
}
.mobile-menu__trigger[data-state="open"] span svg {
  transform: rotate(-180deg);
}
.mobile-menu__trigger span {
  color: inherit;
  height: 1.8rem;
  margin-left: 0.4rem;
  width: 1.8rem;
}
.mobile-menu__trigger span svg {
  color: inherit;
  height: 100%;
  transform-origin: center;
  transition: transform 0.1s;
  transition-timing-function: ease-in-out;
  width: 100%;
}
.mobile-menu__item {
  border-bottom: 1px solid rgba(84, 101, 130, 0.176);
  overflow: hidden;
}
.mobile-menu__item .nav-link {
  border-radius: 0.8rem;
  padding-inline: 0.8rem;
}
.mobile-menu__item__header {
  align-items: center;
  display: flex;
  width: 100%;
}
.mobile-menu__item__content {
  font-size: 15px;
  overflow: hidden;
  padding-bottom: 2rem;
}
.mobile-menu__item__content[data-state="open"] {
  animation: slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.mobile-menu__item__content[data-state="closed"] {
  animation: slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
@keyframes slideDown {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes slideUp {
  0% {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}


.mobile-menu-toggle {
  all: unset;
  --toggle-size: 3rem;
  --line-height: 0.3rem;
  --line-radius: 1rem;
  --line-color: #562efc;
  --outline-color: rgba(87, 46, 252, 0.384);
  --outline-size: 0rem;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: var(--toggle-size);
  justify-content: space-around;
  outline: var(--outline-size) solid var(--outline-color);
  padding: 0.5rem;
  transition: outline var(--transition-duration) ease;
  width: var(--toggle-size);
}
.mobile-menu-toggle:focus,
.mobile-menu-toggle:hover {
  --outline-size: 0.4rem;
}
.mobile-menu-toggle:active {
  --outline-size: 0.2rem;
}
.mobile-menu-toggle .line {
  background-color: var(--line-color);
  border-radius: var(--line-radius);
  height: var(--line-height);
  transform-origin: center;
  transition: transform var(--transition-duration) ease,
    opacity var(--transition-duration) ease,
    margin var(--transition-duration) ease;
  width: 100%;
}
.mobile-menu-toggle[data-state="open"] .line {
  margin-right: -2rem;
}
.mobile-menu-toggle[data-state="open"] .line:first-child {
  transform: rotate(45deg) translateY(1.5rem);
}
.mobile-menu-toggle[data-state="open"] .line:nth-child(2) {
  opacity: 0;
  transform: translateX(-50%);
}
.mobile-menu-toggle[data-state="open"] .line:nth-child(3) {
  transform: rotate(-45deg) translateY(-1.5rem);
}


.drawer[data-v-24df1f9d] {
  background-color: var(--navbar-background-color);
  display: flex;
  flex-direction: column;
  height: 100%;
  inset: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-y: auto;
  padding-inline: 2%;
  position: fixed;
  width: 100vw;
  z-index: 1000;
}
.drawer[data-state="open"][data-v-24df1f9d] {
  animation: slide-in-24df1f9d 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.drawer[data-state="closed"][data-v-24df1f9d] {
  animation: slide-out-24df1f9d 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}
.drawer__header[data-v-24df1f9d] {
  align-items: center;
  background-color: #fff !important;
  display: flex;
  height: var(--navbar-height);
  justify-content: space-between;
  min-height: var(--navbar-height);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}
.drawer__header[data-v-24df1f9d]:before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(0, 0, 0, 0.09),
    transparent
  );
  border-radius: inherit;
  bottom: 0;
  content: "";
  height: 0.1rem;
  position: absolute;
  width: 100%;
}
.drawer-overlay[data-v-24df1f9d] {
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;
  position: fixed;
  z-index: 999;
}
@keyframes slide-in-24df1f9d {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-out-24df1f9d {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 62.5%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
a {
  color: inherit;
}
a,
a:hover {
  text-decoration: none;
}
img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
canvas,
img,
picture,
svg,
video {
  max-width: 100%;
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}
a,
button,
p {
  font-family: Inter;
  margin: 0;
}
#__next,
#root {
  isolation: isolate;
}
.container {
  margin: 0 auto;
  max-width: 1280px;
}
@media screen and (max-width: 1280px) {
  .container {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.label {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 30px;
  color: #f0c25f;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 0.4rem 0.8rem;
}
@media (max-width: 991.98px) {
  .label {
    font-size: 1.15rem;
    padding: 0.2rem 0.4rem;
  }
}
::-webkit-scrollbar {
  background-color: transparent;
  display: none;
  width: 1rem;
}
::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 2rem;
}
::-webkit-scrollbar-thumb {
  background-color: #8f8f8f;
  border-radius: 2rem;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #757575;
}
@font-face {
  font-display: swap;
  font-family: Montserrat900;
  src: url(montserrat900.foIkhCHC.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Montserrat800;
  src: url(montserrat800.xHEfGz60.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Montserrat700;
  src: url(montserrat700.Uqw9SOTx.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Montserrat400;
  src: url(montserrat400.ULFKXB4_.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  src: url(Inter.lovs5kQ3.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Circular Std;
  src: url(CircularStd-Black.lDVrDBFp.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Circular Std;
  src: url(CircularStd-Bold.2bJsbFpU.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Circular Std;
  src: url(CircularStd-Medium.94Rf1cBo.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Helvetica Light;
  src: url(Helvetica-Light.z-ZBIQph.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Helvetica Regular;
  src: url(Helvetica-Regular.1gdC5e2E.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Helvetica Bold;
  src: url(Helvetica-Bold.D6DEewnw.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Sofia Pro Bold;
  src: url(SofiaProBlackAz.1RkJRU7h.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Sofia Pro Light;
  src: url(SofiaProLightAz.cboa72Bb.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Sofia Pro Regular;
  src: url(SofiaProRegularAz.U1d_IuJ6.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Uniform Light;
  src: url(UniformLight.W7HFgxT3.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Uniform Regular;
  src: url(UniformRegular.0F23y3KR.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Uniform Black;
  src: url(UniformBold.aZKIwhE1.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Kanit Light;
  src: url(Kanit-Light.hdf3nwY6.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Kanit Bold;
  src: url(Kanit-Bold.8p6U0TVv.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Kanit XBold;
  src: url(Kanit-ExtraBold.ByPlXsfU.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Avenir Light;
  src: url(AvenirLight.-bm3vR_D.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Avenir Regular;
  src: url(AvenirRegular.oGCqUo8G.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Avenir Black;
  src: url(AvenirBlack.6ucSMftv.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Poppins Light;
  src: url(Poppins-Light.LtiCV4OX.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Poppins Regular;
  src: url(Poppins-Regular.kyjX1fT0.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Poppins Bold;
  src: url(Poppins-Bold.KkwFIxRe.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Poppins Black;
  src: url(Poppins-Black.Mh6mNCkV.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: WS Regular;
  src: url(WorkSans-Regular.hLsAZ2gA.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: WS SemiBold;
  src: url(WorkSans-SemiBold.YnYst3nn.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: WS Bold;
  src: url(WorkSans-Bold.eyaZrQXK.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: WS Black;
  src: url(WorkSans-Black.TjqoEMnf.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: SS Regular;
  src: url(SS-Regular.GrpycnMo.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: SS Bold;
  src: url(SS-Bold.Enzp5kGH.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: SS Black;
  src: url(SS-Black.tOQKmWED.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Roboto Regular;
  src: url(Roboto-Regular.R3gZys7A.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Roboto Bold;
  src: url(Roboto-Bold.SrW5_Vou.ttf) format("truetype");
}
@font-face {
  font-family: Lato Regular;
  src: url(Lato-Regular.cCyHrdQq.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lato Bold;
  src: url(Lato-Bold.eYg99ZDq.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Lato Black;
  src: url(Lato-Black.RimNz-5z.ttf) format("truetype");
}
.title-hero__bold {
  font-family: Montserrat900, sans-serif;
  font-size: 12rem;
}
@media (max-width: 991.98px) {
  .title-hero__bold {
    font-size: 6.4rem;
  }
}
.title-sub__black {
  font-family: Montserrat900, sans-serif;
  font-size: 7.2rem;
}
@media (max-width: 991.98px) {
  .title-sub__black {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.title-xl__extraBold {
  font-family: Montserrat900, sans-serif;
  font-size: 6.4rem;
}
.title-xl__light {
  font-family: Montserrat400, sans-serif;
  font-size: 6.4rem;
}
.title-lg__extraBold {
  font-family: Montserrat900, sans-serif;
  font-size: 5.6rem;
}
.title-lg__light {
  font-family: Montserrat400, sans-serif;
  font-size: 5.6rem;
}
.title-md__extraBold {
  font-family: Montserrat900, sans-serif;
  font-size: 4rem;
  line-height: 5.2rem;
}
@media (max-width: 991.98px) {
  .title-md__extraBold {
    font-size: 2.4rem;
    line-height: 3.8rem;
  }
}
.title-md__regular {
  font-family: Montserrat400, sans-serif;
  font-size: 4rem;
  line-height: 5.2rem;
}
@media (max-width: 991.98px) {
  .title-md__regular {
    font-size: 2.4rem;
    line-height: 3.8rem;
  }
}
.title-md__extraBold__inter {
  font-family: Inter, sans-serif;
  font-size: 4rem;
  font-weight: 800;
}
.title-sm__extraBold {
  font-family: Montserrat900, sans-serif;
  font-size: 3.2rem;
}
@media (max-width: 991.98px) {
  .title-sm__extraBold {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
.title-xs__extraBold {
  font-family: Montserrat800, sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
}
.title-xs__semiBold {
  font-size: 2.4rem;
  font-weight: 600;
}
.prg-lg,
.title-xs__semiBold {
  font-family: Inter, sans-serif;
  line-height: 3.2rem;
}
.prg-lg {
  font-size: 2rem;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .prg-lg {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.prg-md {
  font-family: Inter, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
}
.prg-sm {
  line-height: 2.4rem;
}
.prg-sm,
.prg-sm__btn {
  font-family: Inter, sans-serif;
  font-size: 1.6rem;
}
.prg-sm__btn {
  font-weight: 600;
}
.gradient-one {
  background: linear-gradient(117deg, #188bea 12.44%, #2aea80 129.19%);
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-one,
.gradient-two {
  -webkit-text-fill-color: transparent;
}
.gradient-two {
  background: linear-gradient(
    265deg,
    #ecec54 -14.59%,
    #f87272 43.52%,
    #dd35ff 96.46%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-three {
  background: linear-gradient(
    265deg,
    #2aea80 -14.59%,
    #eee676 57.08%,
    #188bea 96.46%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-four,
.gradient-three {
  -webkit-text-fill-color: transparent;
}
.gradient-four {
  background: radial-gradient(
    1371.11% 232.61% at 75.98% -24.14%,
    #713e8a 0,
    #4dcfa5 40.63%,
    #d98370 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-five {
  background: linear-gradient(90deg, #562efc 24.44%, #f59148);
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-five,
.gradient-six {
  -webkit-text-fill-color: transparent;
}
.gradient-six {
  background: linear-gradient(109deg, #562efc 10.32%, #dd35ff 115.13%);
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-seven {
  background: linear-gradient(117deg, #4158d0 12.44%, #dd35ff 129.19%);
  background-clip: text;
  -webkit-background-clip: text;
}
.gradient-eight,
.gradient-seven {
  -webkit-text-fill-color: transparent;
}
.gradient-eight {
  background: linear-gradient(273deg, #8e73fd -15.26%, #358ce9 113.77%);
  background-clip: text;
  -webkit-background-clip: text;
}
.body-text {
  color: #546582;
}
.btn {
  align-items: center;
  border-radius: 32px;
  cursor: pointer;
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  padding: 1.6rem 2.4rem;
  text-align: center;
  transition: all 0.2s ease;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 575.98px) {
  .btn {
    width: 100%;
  }
}
.btn:hover {
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
}
.btn__purple {
  background-color: #562efc;
  border: 1px solid #3200ff;
  color: #fff;
}
.btn__purple:hover {
  background: #3203f4;
}
.btn__outline-black {
  border: 1px solid #1e1e1e;
}
.btn__outline-black,
.btn__outline-demo {
  background-color: transparent;
  color: #1e1e1e;
}
.btn__outline-demo {
  border: 1px solid #562efc;
}
.btn__pricingCard {
  background-color: #fff;
  border: 1px solid #2459ea;
  color: #2459ea;
  padding: 1.6rem 0;
  width: 100%;
}
.btn__pricingTable {
  background-color: #2459ea;
  color: #fff;
}
.btn__outline-pricingTable {
  background: transparent;
  border: 1px solid #2459ea;
  color: #2459ea;
}
.btn__outline-pricingTab {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 1.55rem 1rem;
}
.btn__outline-pricingTab:hover {
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.pb-xxl {
  padding-bottom: 20rem;
}
.pb-xl {
  padding-bottom: 10rem;
}
.pb-lg {
  padding-bottom: 8rem;
}
.pb-md {
  padding-bottom: 4rem;
}
.pb-sm {
  padding-bottom: 3.2rem;
}
.pb-xs {
  padding-bottom: 1.6rem;
}
.dark-theme-font {
  color: #fff !important;
  transition: all 0.2s ease;
}
.dark-theme-font:hover {
  color: #bfbfbf !important;
}
.dark-theme-row:hover {
  background: hsla(0, 0%, 100%, 0.102) !important;
}
.dark-theme-btn {
  background: hsla(0, 0%, 100%, 0.196) !important;
  color: #fff !important;
}
.dark-theme-hover:hover {
  background: hsla(0, 0%, 100%, 0.102) !important;
  color: #fff !important;
}
.integration-section-title__flex {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (max-width: 575.98px) {
  .integration-section-title__flex {
    padding-bottom: 5rem;
    width: 100%;
  }
}
.integration-section-card__grid {
  align-items: stretch;
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 5rem;
}
@media (max-width: 767.98px) {
  .integration-section-card__grid {
    gap: 5rem;
    grid-template-columns: 1fr;
    margin: 0 auto;
    padding-bottom: 5rem;
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .integration-section-card__grid {
    width: 100%;
  }
}
.integration-section-card__content {
  align-items: flex-start;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 4rem;
}
@media (max-width: 991.98px) {
  .integration-section-card__content {
    padding: 2.4rem;
  }
}
.feature-platform {
  background-color: #f9fbfe;
  margin-top: 15rem;
  padding-block: 8rem;
}
@media (max-width: 991.98px) {
  .feature-platform {
    margin-top: 10rem;
  }
}
.feature-platform .title-sub__black {
  text-transform: uppercase;
}
.feature-platform__wrapper {
  align-items: stretch;
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  padding-top: 8rem;
}
@media (max-width: 767.98px) {
  .feature-platform__wrapper {
    align-items: center;
    flex-direction: column;
  }
}
.feature-platform__card {
  cursor: pointer;
  transition: all 0.2s ease;
  width: calc(50% - 4rem);
}
@media (max-width: 767.98px) {
  .feature-platform__card {
    width: 70%;
  }
}
@media (max-width: 575.98px) {
  .feature-platform__card {
    width: 100%;
  }
}
.feature-platform__card:hover {
  transform: scale(1.02);
}
.feature-platform__card h2 {
  color: #262626;
}
.feature-platform__card__head {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  height: 35rem;
}
@media (max-width: 767.98px) {
  .feature-platform__card__head {
    height: 21rem;
  }
}
.feature-platform__card__text {
  align-items: flex-start;
  background-color: #fff;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  box-shadow: 0 3px 15px 0 rgba(26, 22, 66, 0.08);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 25rem;
  padding: 3rem;
}
@media (max-width: 767.98px) {
  .feature-platform__card__text {
    height: unset;
  }
}
.feature-platform__card__btn {
  background: none;
  border: none;
  color: #2347ff;
  cursor: pointer;
  font-family: Inter, sans-serif;
  font-size: 1.6rem;
  line-height: 24px;
  outline: none;
  transition: all 0.2s ease;
}
.feature-platform__card__btn:before {
  content: url(/features/automation/arrow-up.svg);
  margin-right: 0.6rem;
}
.feature-platform__card__btn:hover {
  color: #001fbc;
}
.traffic-card {
  background-image: url(/features/automation/traffic.png),
    linear-gradient(
      119deg,
      rgba(245, 49, 179, 0.2) -20.54%,
      rgba(255, 200, 53, 0.2) 106.91%
    );
}
.tracking-card,
.traffic-card {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.tracking-card {
  background-image: url(/features/automation/tracking.png),
    linear-gradient(
      119deg,
      rgba(86, 46, 252, 0.2) -20.54%,
      rgba(53, 140, 233, 0.2) 106.91%
    );
}
.native-card {
  background-image: url(/features/campaign-launcher/native-platforms.png),
    linear-gradient(
      121deg,
      rgba(21, 178, 200, 0.2) 7.88%,
      rgba(12, 121, 239, 0.2) 67.63%
    );
  background-size: cover;
}
.native-card,
.social-card {
  background-position: 50%;
  background-repeat: no-repeat;
}
.social-card {
  background-image: url(/features/campaign-launcher/social-platforms.png),
    linear-gradient(
      119deg,
      rgba(245, 49, 179, 0.2) -20.54%,
      rgba(120, 88, 253, 0.2) 106.91%
    );
  background-size: contain;
}
.modalLog {
  overflow: hidden !important;
}
.modalLog:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100vw;
  z-index: 21;
}
.modal-enter-from,
.modal-leave-to {
  opacity: 0;
}
.modal-enter-active,
.modal-leave-active {
  transition: all 0.2s ease;
}
.creative-card {
  background: linear-gradient(
    180deg,
    rgba(254, 234, 247, 0.8) 7.98%,
    rgba(238, 234, 255, 0.8) 90.45%
  );
  border-color: rgba(250, 160, 220, 0.302);
}
.creative-card button {
  color: #871b62;
}
.creative-title {
  background: linear-gradient(270deg, #f531b3 30.13%, #562efc 147.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.reporting-card {
  background: linear-gradient(
    180deg,
    rgba(255, 250, 235, 0.8) 7.98%,
    hsla(11, 91%, 95%, 0.8) 90.45%
  );
  border-color: rgba(255, 211, 93, 0.302);
}
.reporting-card button {
  color: #8c6e1d;
}
.reporting-title {
  background: linear-gradient(90deg, #f6846b -45.57%, #ffc835 135.71%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.automation-card {
  background: linear-gradient(
    180deg,
    rgba(230, 241, 252, 0.8) 7.98%,
    hsla(96, 45%, 94%, 0.8) 90.45%
  );
}
.automation-card button {
  color: #285807;
}
.automation-title {
  background: linear-gradient(270deg, #84bf5d 30.13%, #358ce9 125.91%);
  background-clip: text;
  -webkit-background-clip: text;
}
.automation-title,
.campaign-title {
  -webkit-text-fill-color: transparent;
}
.campaign-title {
  background: linear-gradient(267deg, #569fec 8.74%, #7858fd 83.93%);
  background-clip: text;
  -webkit-background-clip: text;
}
.campaign-card {
  background: linear-gradient(
    180deg,
    rgba(234, 237, 255, 0.8) 7.98%,
    rgba(230, 241, 252, 0.8) 90.45%
  );
}
.campaign-card button {
  color: #023d7d;
}
.mobile-dropdown {
  align-items: center;
  display: flex;
  gap: 0.6rem;
}
.mobile-dropdown img {
  transition: all 0.2s ease;
}
.mobile-dropdown__prg {
  color: #1e1e1e;
  cursor: pointer;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mobile-dropdown__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  margin-left: 1rem;
  padding-block: 1.8rem;
}
.mobile-dropdown__wrapper__link {
  color: #1e1e1e;
  font-size: 1.6rem;
}
.rotated {
  transform: rotate(180deg);
}
.mobileMenu-enter-to,
.mobileMenu-leave-from {
  transform: translateY(0);
}
.mobileMenu-enter-from,
.mobileMenu-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}
.mobileMenu-enter-active,
.mobileMenu-leave-active {
  transition: all 0.2s ease;
}
.cc-title {
  --font-size: 7.2rem;
  --line-height: 111%;
  --text-transform: uppercase;
  --color: $color-black-text;
  color: var(--color);
  font-family: Montserrat900;
  font-size: var(--font-size);
  line-height: var(--line-height);
  text-align: center;
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-title {
    font-size: 6rem;
  }
}
@media (max-width: 768px) {
  .cc-title {
    font-size: 5.4rem;
  }
}
@media (max-width: 480px) {
  .cc-title {
    font-size: 4.4rem;
  }
}
.cc-title--md {
  --font-size: 5.6rem;
  --line-height: 114%;
  --text-transform: none;
  --color: $color-black-text;
  color: var(--color);
  font-family: Montserrat700;
  font-size: var(--font-size);
  font-style: normal;
  line-height: var(--line-height);
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-title--md {
    font-size: 5.2rem;
  }
}
@media (max-width: 768px) {
  .cc-title--md {
    font-size: 4.8rem;
  }
}
@media (max-width: 480px) {
  .cc-title--md {
    font-size: 4rem;
  }
}
.cc-title--sm {
  --font-size: 4rem;
  --line-height: 120%;
  --text-transform: none;
  --color: $color-black-text;
  color: var(--color);
  font-family: Montserrat700;
  font-size: var(--font-size);
  font-style: normal;
  line-height: var(--line-height);
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-title--sm {
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .cc-title--sm {
    font-size: 3rem;
  }
}
@media (max-width: 480px) {
  .cc-title--sm {
    font-size: 2.5rem;
  }
}
.cc-title--xs {
  --font-size: 3.2rem;
  --line-height: 150%;
  --text-transform: none;
  --color: $color-black-text;
  color: var(--color);
  font-family: Montserrat700;
  font-size: var(--font-size);
  font-style: normal;
  line-height: var(--line-height);
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-title--xs {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .cc-title--xs {
    font-size: 2.8rem;
  }
}
@media (max-width: 480px) {
  .cc-title--xs {
    font-size: 2.4rem;
  }
}
.cc-title--xxs {
  --font-size: 2.4rem;
  --line-height: 130%;
}
@media (max-width: 979px) {
  .cc-title--xxs {
    font-size: 2.3rem;
  }
}
@media (max-width: 768px) {
  .cc-title--xxs {
    font-size: 2.2rem;
  }
}
@media (max-width: 480px) {
  .cc-title--xxs {
    font-size: 2rem;
  }
}
.cc-title--xxs {
  --font-size: 2rem;
  --line-height: 150%;
  --text-transform: none;
  --color: $color-black-text;
  color: var(--color);
  font-family: Montserrat700;
  font-size: var(--font-size);
  font-style: normal;
  line-height: var(--line-height);
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-title--xxs {
    --font-size: 1.9rem;
  }
}
@media (max-width: 768px) {
  .cc-title--xxs {
    --font-size: 1.8rem;
  }
}
@media (max-width: 480px) {
  .cc-title--xxs {
    --font-size: 1.7rem;
  }
}
.cc-text {
  --font-size: 2rem;
  --line-height: 160%;
  --text-transform: none;
  --color: $color-black-text;
  --text-align: start;
  color: var(--color);
  font-family: Inter;
  font-size: var(--font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height);
  text-align: var(--text-align);
  text-transform: var(--text-transform);
}
@media (max-width: 979px) {
  .cc-text {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .cc-text {
    font-size: 1.7rem;
  }
}
@media (max-width: 480px) {
  .cc-text {
    font-size: 1.6rem;
  }
}
.cc-text--md {
  --font-size: 1.8rem;
  --line-height: 155%;
  --text-transform: none;
  --color: $color-black-text;
  --text-align: start;
  color: var(--color);
  font-family: Inter;
  font-size: var(--font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height);
  text-align: var(--text-align);
  text-transform: var(--text-transform);
}
@media (max-width: 768px) {
  .cc-text--md {
    font-size: 1.7rem;
  }
}
@media (max-width: 480px) {
  .cc-text--md {
    font-size: 1.6rem;
  }
}
.cc-text--sm {
  --font-size: 1.6rem;
  --line-height: 200%;
  --text-transform: none;
  --color: $color-black-text;
  --text-align: start;
  color: var(--color);
  font-family: Inter;
  font-size: var(--font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height);
  text-align: var(--text-align);
  text-transform: var(--text-transform);
}
@media (max-width: 480px) {
  .cc-text--sm {
    font-size: 1.5rem;
  }
}
.cc-text--xs {
  --font-size: 1.4rem;
  --line-height: 180%;
  --text-transform: none;
  --color: $color-black-text;
  --text-align: start;
  color: var(--color);
  font-family: Inter;
  font-size: var(--font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height);
  text-align: var(--text-align);
  text-transform: var(--text-transform);
}
.cc-text-gradient {
  --gradient: linear-gradient(112deg, #188bea 21.27%, #4f2aea 141.61%);
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fade-border {
  --border-size: 0.2rem;
  --padding: 0.8rem;
  --border-radius: 0;
  --background: linear-gradient(180deg, #4158d010, #a941ef10);
  --border-color: linear-gradient(180deg, #572efc49, #562efc00);
  background: var(--background);
  border-radius: var(--border-radius);
  padding: var(--padding);
  position: relative;
}
.fade-border:before {
  background: var(--border-color);
  background-clip: padding-box;
  border-radius: inherit;
  content: "";
  inset: 0;
  mask: linear-gradient(#fff, #fff) content-box,
    linear-gradient(#fff, #fff);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff, #fff) content-box,
    linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  padding: var(--border-size);
  position: absolute;
  z-index: -1;
}
@keyframes enterFromRight {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes enterFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes exitToRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(200px);
  }
}
@keyframes exitToLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-200px);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: rotateX(-30deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
  to {
    opacity: 0;
    transform: rotateX(-10deg) scale(0.95);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.lottie-animation-container {
  width: var(--lottie-animation-container-width);
  height: var(--lottie-animation-container-height);
  background-color: var(--lottie-animation-container-background-color);
  overflow: hidden;
  margin: var(--lottie-animation-margin);
}
.lottie-animation-container svg {
  transform: scale(var(--lottie-animation-scale));
}

@media(max-width:768px){
  #ifiyi {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}