.elementor-2912 .elementor-element.elementor-element-a4a4ef2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-3a7a3dc *//* ==========================================================
   AWARENEX MINIMAL REFERRAL PAGE
========================================================== */

.anx-minimal-referral {
  --anx-navy: #071c27;
  --anx-teal: #2398ad;
  --anx-white: #ffffff;
  --anx-light: #f4fafb;
  --anx-text: #5f737b;
  --anx-border: #dcebed;

  width: 100%;
  color: var(--anx-navy);
  background: var(--anx-white);

  font-family:
    Poppins,
    Inter,
    Arial,
    sans-serif;
}

.anx-minimal-referral *,
.anx-minimal-referral *::before,
.anx-minimal-referral *::after {
  box-sizing: border-box;
}

.anx-minimal-referral h1,
.anx-minimal-referral h2,
.anx-minimal-referral h3,
.anx-minimal-referral p {
  margin-top: 0;
}

.anx-minimal-referral a {
  text-decoration: none !important;
}

.anx-minimal-referral__container {
  width: min(calc(100% - 48px), 1000px);
  margin-inline: auto;
}


/* INTRO */

.anx-minimal-referral__intro {
  padding: 120px 0;
  text-align: center;
  background: var(--anx-light);
}

.anx-minimal-referral__label {
  display: block;
  margin-bottom: 20px;

  color: var(--anx-teal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.anx-minimal-referral__intro h1 {
  margin-bottom: 24px;

  color: var(--anx-navy);
  font-size: clamp(50px, 7vw, 80px);
  font-weight: 600;
  letter-spacing: -0.06em;
  line-height: 1;
}

.anx-minimal-referral__intro p {
  max-width: 680px;
  margin: 0 auto 32px;

  color: var(--anx-text);
  font-size: 15px;
  line-height: 1.8;
}


/* BUTTON */

.anx-minimal-referral__button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;

  border: 1px solid var(--anx-teal);
  border-radius: 6px;

  background: var(--anx-teal);
  color: var(--anx-white) !important;

  font-size: 13px;
  font-weight: 650;

  transition:
    background-color 200ms ease,
    border-color 200ms ease;
}

.anx-minimal-referral__button:hover {
  border-color: var(--anx-navy);
  background: var(--anx-navy);
  color: var(--anx-white) !important;
}


/* PROCESS */

.anx-minimal-referral__process {
  padding: 110px 0;
  background: var(--anx-white);
  scroll-margin-top: 100px;
}

.anx-minimal-referral__heading {
  margin-bottom: 55px;
}

.anx-minimal-referral__heading h2 {
  margin-bottom: 0;

  color: var(--anx-navy);
  font-size: clamp(40px, 5vw, 58px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}

.anx-minimal-referral__steps {
  border-top: 1px solid var(--anx-border);
}

.anx-minimal-referral__step {
  display: grid;
  grid-template-columns: 65px minmax(0, 1fr);
  gap: 25px;
  padding: 35px 0;

  border-bottom: 1px solid var(--anx-border);
}

.anx-minimal-referral__number {
  padding-top: 4px;

  color: var(--anx-teal);
  font-size: 11px;
  font-weight: 700;
}

.anx-minimal-referral__step h3 {
  margin-bottom: 10px;

  color: var(--anx-navy);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.anx-minimal-referral__step p {
  max-width: 720px;
  margin-bottom: 0;

  color: var(--anx-text);
  font-size: 14px;
  line-height: 1.75;
}


/* CTA */

.anx-minimal-referral__cta {
  padding: 100px 0;
  text-align: center;
  background: var(--anx-navy);
}

.anx-minimal-referral__cta h2 {
  max-width: 720px;
  margin: 0 auto 20px;

  color: var(--anx-white);
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.05;
}

.anx-minimal-referral__cta p {
  max-width: 580px;
  margin: 0 auto 30px;

  color: #adc0c6;
  font-size: 14px;
  line-height: 1.75;
}

.anx-minimal-referral__button--light {
  border-color: var(--anx-white);
  background: var(--anx-white);
  color: var(--anx-navy) !important;
}

.anx-minimal-referral__button--light:hover {
  border-color: var(--anx-teal);
  background: var(--anx-teal);
  color: var(--anx-white) !important;
}


/* MOBILE */

@media (max-width: 650px) {
  .anx-minimal-referral__container {
    width: calc(100% - 32px);
  }

  .anx-minimal-referral__intro {
    padding: 80px 0;
  }

  .anx-minimal-referral__intro h1 {
    font-size: 50px;
  }

  .anx-minimal-referral__process {
    padding: 75px 0;
  }

  .anx-minimal-referral__heading h2 {
    font-size: 40px;
  }

  .anx-minimal-referral__step {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 28px 0;
  }

  .anx-minimal-referral__step h3 {
    font-size: 18px;
  }

  .anx-minimal-referral__cta {
    padding: 75px 0;
  }

  .anx-minimal-referral__cta h2 {
    font-size: 40px;
  }
}/* End custom CSS */