/* ***** Global ***** */
:root {
  /* Lexe mobile app grey swatches */
  --lx-color-grey-0: #000000;
  --lx-color-grey-25: #020303;
  --lx-color-grey-50: #050607;
  --lx-color-grey-75: #090b0c;
  --lx-color-grey-100: #0d1011;
  --lx-color-grey-125: #111415;
  --lx-color-grey-150: #141819;
  --lx-color-grey-175: #181c1e;
  --lx-color-grey-200: #1c2123;
  --lx-color-grey-225: #212628;
  --lx-color-grey-250: #262b2e;
  --lx-color-grey-275: #2b3134;
  --lx-color-grey-300: #31383b;
  --lx-color-grey-325: #373f42;
  --lx-color-grey-350: #3e464a;
  --lx-color-grey-375: #454e52;
  --lx-color-grey-400: #4c565a;
  --lx-color-grey-425: #545e63;
  --lx-color-grey-450: #5c676c;
  --lx-color-grey-475: #647075;
  --lx-color-grey-500: #6c797f;
  --lx-color-grey-525: #748288;
  --lx-color-grey-550: #7d8c92;
  --lx-color-grey-575: #85959c;
  --lx-color-grey-600: #8e9ea5;
  --lx-color-grey-625: #96a7af;
  --lx-color-grey-650: #9eb0b8;
  --lx-color-grey-675: #a6b9c1;
  --lx-color-grey-700: #aec2ca;
  --lx-color-grey-725: #b6cad2;
  --lx-color-grey-750: #c0d1d8;
  --lx-color-grey-775: #cad8de;
  --lx-color-grey-800: #d3dee3;
  --lx-color-grey-825: #dbe4e8;
  --lx-color-grey-850: #e3eaed;
  --lx-color-grey-875: #e9eff1;
  --lx-color-grey-900: #eff3f5;
  --lx-color-grey-925: #f4f7f8;
  --lx-color-grey-950: #f9fafb;
  --lx-color-grey-975: #fcfdfd;
  --lx-color-grey1000: #ffffff;

  --lx-color-moneygoup: #14b87d;
  --lx-color-moneygoup-light: #47ebaf;

  --lx-font-fallback: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --lx-font-body: 'Inter', var(--lx-font-fallback);
  --lx-font-heading: 'Hubot Sans', var(--lx-font-fallback);

  --lqd-color-primary: var(--lx-color-moneygoup);
  --lqd-body-text-color: var(--lx-color-grey-650);
  --lqd-color-link: var(--lx-color-moneygoup);
  --lqd-color-link-hover: var(--lx-color-moneygoup-light);
  --lqd-color-gradient-start: #f42958;
  --lqd-color-gradient-stop: #e4442a;
  --lqd-color-dark: var(--lx-color-grey-100);
  --lqd-color-slate-900: var(--lx-color-grey-250);
  --lqd-color-gray-500: var(--lx-color-grey-550);
  --lqd-color-gray-700: var(--lx-color-grey-725);
  --lqd-color-gray-800: var(--lx-color-grey-175);
  --lqd-color-gray-900: var(--lx-color-grey-125);
  --lqd-color-footer: var(--lx-color-grey-200);

  --lqd-body-font-family: var(--lx-font-body);
  --lqd-body-font-size: 16px;
  --lqd-body-line-height: 1.6;

  --lqd-h1-font-family: var(--lx-font-heading);
  --lqd-h2-font-family: var(--lx-font-heading);
  --lqd-h1-letter-spacing: -2px;
  --lqd-h2-letter-spacing: -2px;

  --lqd-heading-font-family: var(--lx-font-body);
  --lqd-heading-font-weight: 700;
  --lqd-heading-line-height: 1;
  --lqd-heading-color: var(--lx-color-grey-900);
  --lqd-h1-font-size: 52px;
  --lqd-h2-font-size: 40px;
  --lqd-h3-font-size: 32px;
  --lqd-h4-font-size: 25px;
  --lqd-h5-font-size: 21px;
  --lqd-h6-font-size: 18px;
}

@font-face {
  font-family: 'Hubot Sans';
  font-display: swap;
  src:
    local('Hubot Sans'),
    url('../../fonts/hubot-sans/Hubot-Sans.woff2') format('woff2');
  font-weight: 500 900;
}

.hero-heading {
  font-size: 68px;
  padding-bottom: 12px;
}

.lx-brand-gradient {
  color: var(--lx-color-moneygoup);
  background: linear-gradient(to bottom right, var(--lx-color-moneygoup-light) 0%, var(--lx-color-moneygoup) 100%);
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;;
  background-clip: text;;
}

.d-grid {
  display: grid;
}

/* Hero page text should be clickable... */
#lqd-particles-banner {
  pointer-events: none !important;
}

/* Mailchimp button */
#mc-embedded-subscribe {
  height: 66px;
  background: linear-gradient(to bottom right, var(--lx-color-moneygoup-light) 0%, var(--lx-color-moneygoup) 100%) padding-box;
}

/* ***** Navbar ***** */
.navbar-brand span {
  font-family: var(--lx-font-heading);
  font-weight: 700;
  color: var(--lx-color-grey-900);
  font-style: oblique;
  letter-spacing: -0.06em;
}

.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a:hover {
  color: var(--lx-color-grey-500);
}

/* ***** Button ***** */
.btn-xs {
  --btn-ps: 1.5em;
  --btn-pt: 1.0em;
  --btn-pe: 1.5em;
  --btn-pb: 1.0em;
}

.btn-md {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2em;
  --btn-ps: 2.15em;
  --btn-pt: 1.15em;
  --btn-pe: 2.15em;
  --btn-pb: 1.15em;
}

.btn-border-lg:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

/* ***** Main Header ***** */
.main-header .btn-solid:hover {
  border-color: transparent;
  background-color: var(--lqd-color-primary);
  color: var(--lx-color-grey-900);
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}

/* ***** Banner ***** */
@media (max-width: 991px) {
  .banner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner .ld-fancy-heading h1 {
    font-size: 5vw;
    padding-right: 1vw;
    padding-left: 1vw;
  }

  .banner .module-img {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .banner {
    padding-top: 170px;
    padding-bottom: 30px;
  }

  .banner .ld-fancy-heading h1 {
    font-size: 13vw;
  }
}

/* ***** Navigation Sections ***** */
.navigation-sections ul>li>a:hover,
.navigation-sections li.is-active>a {
  color: #ffffff;
  background: #000;
}

/* ***** Features ***** */
.features .container {
  --lqd-row-gutter-x: 16px;
  --lqd-row-gutter-y: 16px;
}

.features .row {
  margin-inline-start: -2px;
  margin-inline-end: -2px;
  --lqd-row-gutter-x: 16px;
  --lqd-row-gutter-y: 16px;
}

@media (max-width: 991px) {
  .features .module-icon-box-1 {
    padding: 15px 15px 5px 15px;
  }

  .features .module-icon-box-2 {
    padding: 25px 15px 5px 15px;
  }
}

@media (max-width: 767px) {
  .features .ld-fancy-heading h2 {
    font-size: 40px;
  }
}

/* ***** Float Text ***** */
@media (max-width: 991px) {
  .float-text .ld-fancy-heading h2 {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .float-text .ld-fancy-heading h2 {
    font-size: 10vw;
  }
}

/* ***** Float Text 1 ***** */
.float-text-1 {
  padding-top: 5vh;
  padding-bottom: 10vh;
}

/* ***** Float Text 2 ***** */
.float-text-2 {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

/* ***** Float Text 3 ***** */
.float-text-3 {
  padding-top: 10vh;
  padding-bottom: 20vh;
}

/* ***** Connect ***** */
.connect {
  margin-right: 10vw;
  margin-left: 10vw;
}

.connect .lqd-tabs-nav li a.active {
  color: #ffffff;
}

@media (max-width: 1199px) {
  .connect {
    margin-right: 2vw;
    margin-left: 2vw;
  }
}

@media (max-width: 991px) {
  .connect {
    margin-right: 1vw;
    margin-left: 1vw;
  }

  .lqd-tabs-style-3 .lqd-tabs-nav li {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }

}

@media (max-width: 767px) {
  .connect {
    padding-top: 45px;
  }

  .connect .ld-fancy-heading h2 {
    font-size: 12vw;
  }

  .lqd-tabs-style-3 .lqd-tabs-nav li {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-bottom: 1.5em;
  }
}

/* ***** Pricing ***** */
.pricing .lqd-tabs-nav li a.active {
  background: rgb(23, 23, 23);
}

@media (max-width: 991px) {

  .pricing .lqd-pt-head,
  .pricing .lqd-pt-body {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 767px) {
  .pricing .ld-fancy-heading h2 {
    font-size: 40px;
  }
}

/* ***** Download ***** */
@media (max-width: 991px) {
  .download .module-first {
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .download .ld-fancy-heading h2 {
    font-size: 12vw;
  }
}

/* ***** Footer ***** */
/* ***** Clients ***** */
.clients .carousel-items {
  margin-inline-start: -1.5%;
  margin-inline-end: -1.5%;
}

.clients .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.clients .carousel-item {
  width: 16.6667%;
  padding-inline-start: 1.5%;
  padding-inline-end: 1.5%;
}

@media (max-width: 991px) {
  .clients .carousel-item {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .clients .carousel-item {
    width: 33.333%;
  }

  .main-footer .ld-sf--button-inside [type=submit] {
    position: relative;
  }
}
