/* =========================================================
   Gospel Reclaimed — Start Here Page
   File: gr-start-page.css

   Page:
   /start-here/

   Elementor classes expected:
   .gr-start-page
   .gr-start-hero
   .gr-start-hero-inner
   .gr-start-eyebrow
   .gr-start-orientation
   .gr-start-orientation-inner
   .gr-start-principles
   .gr-start-principle-card
   .gr-start-path
   .gr-start-path-inner
   .gr-start-card-grid
   .gr-start-card
   .gr-start-card-image
   .gr-start-closing
   ========================================================= */

:root {
  --gr-start-navy: #16222d;
  --gr-start-navy-soft: #1d2b38;
  --gr-start-navy-dark: #0b141d;
  --gr-start-gold: #c09a00;
  --gr-start-gold-bright: #e8b400;
  --gr-start-cream: #fffdf8;
  --gr-start-cream-2: #f7f3ea;
  --gr-start-white: #ffffff;
  --gr-start-text: #1a2530;
  --gr-start-muted: #5e6872;
  --gr-start-border: rgba(22, 34, 45, 0.13);
}

/* =========================================================
   Page shell
   ========================================================= */

.gr-start-page {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(232, 180, 0, 0.08), transparent 30%),
    linear-gradient(180deg, var(--gr-start-cream) 0%, #f6efe5 100%) !important;

  color: var(--gr-start-text) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

.gr-start-page * {
  box-sizing: border-box !important;
}

/* =========================================================
   Hero
   ========================================================= */

.gr-start-hero {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 92px 28px 84px !important;

  background:
    radial-gradient(circle at 18% 12%, rgba(232, 180, 0, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(255, 253, 248, 0.98) 0%, rgba(247, 243, 234, 0.76) 100%) !important;

  border-bottom: 1px solid rgba(22, 34, 45, 0.08) !important;

  text-align: center !important;
}

.gr-start-hero-inner {
  width: 100% !important;
  max-width: 960px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;

  --width: 100% !important;
  --content-width: 100% !important;
  --max-width: 960px !important;
}

/* Eyebrow */

.gr-start-eyebrow,
.gr-start-eyebrow .elementor-widget-container {
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.gr-start-eyebrow .elementor-heading-title,
.gr-start-eyebrow h1,
.gr-start-eyebrow h2,
.gr-start-eyebrow h3 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 8px 13px !important;

  background: rgba(232, 180, 0, 0.12) !important;
  color: #8a6c00 !important;

  border: 1px solid rgba(232, 180, 0, 0.30) !important;
  border-radius: 999px !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

/* Main hero title */

.gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow),
.gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) .elementor-heading-title,
.gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h1,
.gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h2 {
  color: var(--gr-start-navy) !important;

  max-width: 880px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: clamp(46px, 6vw, 78px) !important;
  line-height: 0.98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;

  text-align: center !important;
}

/* Hero intro */

.gr-start-hero-inner > .elementor-widget-text-editor,
.gr-start-hero-inner > .elementor-widget-text-editor .elementor-widget-container {
  width: 100% !important;
  max-width: 780px !important;

  margin: 28px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

.gr-start-hero-inner > .elementor-widget-text-editor p {
  color: #3a4651 !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 21px !important;
  line-height: 1.66 !important;
  font-weight: 430 !important;

  text-align: center !important;
}

/* Hero button */

.gr-start-hero-inner > .elementor-widget-button {
  margin: 36px 0 0 !important;
  padding: 0 !important;
}

.gr-start-hero-inner .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 54px !important;

  padding: 17px 30px !important;

  background: var(--gr-start-gold-bright) !important;
  color: var(--gr-start-navy) !important;

  border: 1px solid var(--gr-start-gold-bright) !important;
  border-radius: 11px !important;

  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;

  text-decoration: none !important;

  box-shadow: 0 16px 34px rgba(192, 154, 0, 0.20) !important;

  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.gr-start-hero-inner .elementor-button:hover,
.gr-start-hero-inner .elementor-button:focus {
  background: #f3c832 !important;
  color: var(--gr-start-navy) !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 20px 40px rgba(192, 154, 0, 0.26) !important;
}

/* =========================================================
   Orientation section
   ========================================================= */

.gr-start-orientation {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 82px 28px 88px !important;

  background: rgba(255, 253, 248, 0.78) !important;
}

.gr-start-orientation-inner {
  width: 100% !important;
  max-width: 1160px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;

  --width: 100% !important;
  --content-width: 100% !important;
  --max-width: 1160px !important;
}

.gr-start-orientation-inner > .elementor-widget-heading,
.gr-start-orientation-inner > .elementor-widget-heading .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.gr-start-orientation-inner > .elementor-widget-heading .elementor-heading-title,
.gr-start-orientation-inner > .elementor-widget-heading h2,
.gr-start-orientation-inner > .elementor-widget-heading h3 {
  color: var(--gr-start-navy) !important;

  max-width: 820px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

.gr-start-orientation-inner > .elementor-widget-text-editor,
.gr-start-orientation-inner > .elementor-widget-text-editor .elementor-widget-container {
  width: 100% !important;
  max-width: 790px !important;

  margin: 24px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

.gr-start-orientation-inner > .elementor-widget-text-editor p {
  color: var(--gr-start-muted) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 19px !important;
  line-height: 1.7 !important;
  font-weight: 430 !important;

  text-align: center !important;
}

/* =========================================================
   Principle cards
   ========================================================= */

.gr-start-principles {
  width: 100% !important;
  max-width: 1160px !important;

  margin: 46px auto 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;

  --width: 100% !important;
  --content-width: 100% !important;
  --max-width: 1160px !important;
}

.gr-start-principle-card {
  width: 100% !important;

  margin: 0 !important;
  padding: 32px 28px 34px !important;

  background: rgba(255, 255, 255, 0.82) !important;

  border: 1px solid var(--gr-start-border) !important;
  border-radius: 22px !important;

  box-shadow:
    0 20px 58px rgba(22, 34, 45, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  text-align: left !important;
}

.gr-start-principle-card::before {
  content: "" !important;
  display: block !important;

  width: 42px !important;
  height: 4px !important;

  margin: 0 0 22px !important;

  background: var(--gr-start-gold-bright) !important;
  border-radius: 999px !important;
}

.gr-start-principle-card .elementor-widget-heading,
.gr-start-principle-card .elementor-widget-heading .elementor-widget-container,
.gr-start-principle-card .elementor-widget-text-editor,
.gr-start-principle-card .elementor-widget-text-editor .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.gr-start-principle-card .elementor-heading-title,
.gr-start-principle-card h1,
.gr-start-principle-card h2,
.gr-start-principle-card h3,
.gr-start-principle-card h4 {
  color: var(--gr-start-navy) !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;

  text-align: left !important;
}

.gr-start-principle-card p {
  color: #46525d !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 16.5px !important;
  line-height: 1.65 !important;
  font-weight: 430 !important;

  text-align: left !important;
}

/* =========================================================
   Three-article path
   ========================================================= */

.gr-start-path {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 88px 28px 96px !important;

  background:
    linear-gradient(180deg, rgba(247, 243, 234, 0.94) 0%, rgba(255, 253, 248, 0.86) 100%) !important;

  border-top: 1px solid rgba(22, 34, 45, 0.08) !important;
}

.gr-start-path-inner {
  width: 100% !important;
  max-width: 1220px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;

  --width: 100% !important;
  --content-width: 100% !important;
  --max-width: 1220px !important;
}

.gr-start-path-inner > .elementor-widget-heading,
.gr-start-path-inner > .elementor-widget-heading .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.gr-start-path-inner > .elementor-widget-heading .elementor-heading-title,
.gr-start-path-inner > .elementor-widget-heading h2,
.gr-start-path-inner > .elementor-widget-heading h3 {
  color: var(--gr-start-navy) !important;

  max-width: 820px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

.gr-start-path-inner > .elementor-widget-text-editor,
.gr-start-path-inner > .elementor-widget-text-editor .elementor-widget-container {
  width: 100% !important;
  max-width: 780px !important;

  margin: 24px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

.gr-start-path-inner > .elementor-widget-text-editor p {
  color: var(--gr-start-muted) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 19px !important;
  line-height: 1.7 !important;
  font-weight: 430 !important;

  text-align: center !important;
}

/* Article card grid */

.gr-start-card-grid {
  width: 100% !important;
  max-width: 1220px !important;

  margin: 52px auto 0 !important;
  padding: 0 !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;

  align-items: stretch !important;

  --width: 100% !important;
  --content-width: 100% !important;
  --max-width: 1220px !important;
}

/* Article cards */

.gr-start-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: rgba(255, 255, 255, 0.88) !important;

  border: 1px solid var(--gr-start-border) !important;
  border-radius: 24px !important;

  box-shadow:
    0 24px 70px rgba(22, 34, 45, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;

  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  text-align: left !important;
}

.gr-start-card * {
  min-width: 0 !important;
}

/* Card image */

.gr-start-card > .elementor-widget-image,
.gr-start-card > .gr-start-card-image,
.gr-start-card > .elementor-widget-image .elementor-widget-container,
.gr-start-card > .gr-start-card-image .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.gr-start-card img {
  display: block !important;

  width: 100% !important;
  height: 210px !important;

  object-fit: cover !important;
  object-position: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
}

/* Card text and button wrappers */

.gr-start-card > .elementor-widget-heading,
.gr-start-card > .elementor-widget-text-editor,
.gr-start-card > .elementor-widget-button {
  width: calc(100% - 52px) !important;
  max-width: calc(100% - 52px) !important;

  margin-left: 26px !important;
  margin-right: 26px !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gr-start-card > .elementor-widget-heading .elementor-widget-container,
.gr-start-card > .elementor-widget-text-editor .elementor-widget-container,
.gr-start-card > .elementor-widget-button .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Step label: assumes first heading after image is the step label */

.gr-start-card > .elementor-widget-heading:first-of-type {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
}

.gr-start-card > .elementor-widget-heading:first-of-type .elementor-heading-title,
.gr-start-card > .elementor-widget-heading:first-of-type h3,
.gr-start-card > .elementor-widget-heading:first-of-type h4,
.gr-start-card > .elementor-widget-heading:first-of-type h5,
.gr-start-card > .elementor-widget-heading:first-of-type h6 {
  display: inline-flex !important;

  margin: 0 !important;
  padding: 7px 10px !important;

  background: rgba(232, 180, 0, 0.12) !important;
  color: #8a6c00 !important;

  border: 1px solid rgba(232, 180, 0, 0.26) !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Article title: assumes second heading in card */

.gr-start-card > .elementor-widget-heading:nth-of-type(2) {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

.gr-start-card > .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
.gr-start-card > .elementor-widget-heading:nth-of-type(2) h2,
.gr-start-card > .elementor-widget-heading:nth-of-type(2) h3,
.gr-start-card > .elementor-widget-heading:nth-of-type(2) h4 {
  color: var(--gr-start-navy) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 25px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;

  text-align: left !important;

  overflow-wrap: anywhere !important;
}

/* Card description */

.gr-start-card > .elementor-widget-text-editor {
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

.gr-start-card > .elementor-widget-text-editor p {
  color: #46525d !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 16.5px !important;
  line-height: 1.66 !important;
  font-weight: 430 !important;

  text-align: left !important;

  overflow-wrap: anywhere !important;
}

/* Card button */

.gr-start-card > .elementor-widget-button {
  margin-top: auto !important;
  margin-bottom: 28px !important;

  padding-top: 24px !important;
}

.gr-start-card .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 50px !important;

  padding: 15px 22px !important;

  background: var(--gr-start-navy) !important;
  color: var(--gr-start-white) !important;

  border: 1px solid var(--gr-start-navy) !important;
  border-radius: 11px !important;

  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;

  text-decoration: none !important;

  box-shadow: 0 14px 30px rgba(22, 34, 45, 0.14) !important;

  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.gr-start-card .elementor-button:hover,
.gr-start-card .elementor-button:focus {
  background: var(--gr-start-gold-bright) !important;
  color: var(--gr-start-navy) !important;
  border-color: var(--gr-start-gold-bright) !important;

  transform: translateY(-1px) !important;

  box-shadow: 0 18px 36px rgba(192, 154, 0, 0.22) !important;
}

/* =========================================================
   Closing section
   ========================================================= */

.gr-start-closing {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 88px 28px 94px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(232, 180, 0, 0.16), transparent 32%),
    linear-gradient(180deg, #101b26 0%, #0b141d 100%) !important;

  color: var(--gr-start-white) !important;

  border-top: 2px solid rgba(232, 180, 0, 0.46) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;
}

.gr-start-closing .elementor-widget-heading,
.gr-start-closing .elementor-widget-text-editor,
.gr-start-closing .elementor-widget-button,
.gr-start-closing .elementor-widget-heading .elementor-widget-container,
.gr-start-closing .elementor-widget-text-editor .elementor-widget-container,
.gr-start-closing .elementor-widget-button .elementor-widget-container {
  width: 100% !important;
  max-width: 860px !important;

  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;

  text-align: center !important;
}

.gr-start-closing .elementor-heading-title,
.gr-start-closing h1,
.gr-start-closing h2,
.gr-start-closing h3 {
  color: var(--gr-start-white) !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: clamp(38px, 5vw, 62px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;

  text-align: center !important;
}

.gr-start-closing .elementor-widget-text-editor {
  margin-top: 26px !important;
}

.gr-start-closing p {
  color: rgba(255, 255, 255, 0.80) !important;

  max-width: 720px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 21px !important;
  line-height: 1.62 !important;
  font-weight: 430 !important;

  text-align: center !important;
}

.gr-start-closing .elementor-widget-button {
  margin-top: 34px !important;
}

.gr-start-closing .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 54px !important;

  padding: 17px 30px !important;

  background: var(--gr-start-gold-bright) !important;
  color: var(--gr-start-navy) !important;

  border: 1px solid var(--gr-start-gold-bright) !important;
  border-radius: 11px !important;

  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;

  text-decoration: none !important;

  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;

  transition:
    background-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

.gr-start-closing .elementor-button:hover,
.gr-start-closing .elementor-button:focus {
  background: #f3c832 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.30) !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {
  .gr-start-hero {
    padding: 78px 26px 74px !important;
  }

  .gr-start-orientation {
    padding: 74px 26px 80px !important;
  }

  .gr-start-principles {
    max-width: 820px !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .gr-start-path {
    padding: 78px 26px 88px !important;
  }

  .gr-start-card-grid {
    max-width: 820px !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .gr-start-card img {
    height: 300px !important;
  }

  .gr-start-closing {
    padding: 78px 26px 84px !important;
  }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .gr-start-hero {
    padding: 58px 20px 62px !important;
  }

  .gr-start-eyebrow .elementor-heading-title,
  .gr-start-eyebrow h1,
  .gr-start-eyebrow h2,
  .gr-start-eyebrow h3 {
    font-size: 12px !important;
    letter-spacing: 0.12em !important;
  }

  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) .elementor-heading-title,
  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h1,
  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h2 {
    font-size: 40px !important;
    line-height: 1.04 !important;
  }

  .gr-start-hero-inner > .elementor-widget-text-editor p {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .gr-start-hero-inner > .elementor-widget-button,
  .gr-start-hero-inner .elementor-button {
    width: 100% !important;
  }

  .gr-start-orientation {
    padding: 62px 20px 68px !important;
  }

  .gr-start-orientation-inner > .elementor-widget-heading .elementor-heading-title,
  .gr-start-orientation-inner > .elementor-widget-heading h2,
  .gr-start-orientation-inner > .elementor-widget-heading h3,
  .gr-start-path-inner > .elementor-widget-heading .elementor-heading-title,
  .gr-start-path-inner > .elementor-widget-heading h2,
  .gr-start-path-inner > .elementor-widget-heading h3 {
    font-size: 32px !important;
    line-height: 1.12 !important;
  }

  .gr-start-orientation-inner > .elementor-widget-text-editor p,
  .gr-start-path-inner > .elementor-widget-text-editor p {
    font-size: 17px !important;
    line-height: 1.68 !important;
  }

  .gr-start-principle-card {
    padding: 28px 24px 30px !important;
    border-radius: 20px !important;
  }

  .gr-start-principle-card .elementor-heading-title,
  .gr-start-principle-card h1,
  .gr-start-principle-card h2,
  .gr-start-principle-card h3,
  .gr-start-principle-card h4 {
    font-size: 23px !important;
  }

  .gr-start-path {
    padding: 66px 20px 76px !important;
  }

  .gr-start-card {
    border-radius: 21px !important;
  }

  .gr-start-card img {
    height: 230px !important;
  }

  .gr-start-card > .elementor-widget-heading,
  .gr-start-card > .elementor-widget-text-editor,
  .gr-start-card > .elementor-widget-button {
    width: calc(100% - 44px) !important;
    max-width: calc(100% - 44px) !important;

    margin-left: 22px !important;
    margin-right: 22px !important;
  }

  .gr-start-card > .elementor-widget-heading:first-of-type {
    margin-top: 24px !important;
  }

  .gr-start-card > .elementor-widget-heading:nth-of-type(2) .elementor-heading-title,
  .gr-start-card > .elementor-widget-heading:nth-of-type(2) h2,
  .gr-start-card > .elementor-widget-heading:nth-of-type(2) h3,
  .gr-start-card > .elementor-widget-heading:nth-of-type(2) h4 {
    font-size: 24px !important;
  }

  .gr-start-card > .elementor-widget-text-editor p {
    font-size: 16px !important;
  }

  .gr-start-card > .elementor-widget-button {
    margin-bottom: 26px !important;
  }

  .gr-start-closing {
    padding: 68px 20px 74px !important;
  }

  .gr-start-closing .elementor-heading-title,
  .gr-start-closing h1,
  .gr-start-closing h2,
  .gr-start-closing h3 {
    font-size: 35px !important;
    line-height: 1.08 !important;
  }

  .gr-start-closing p {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  .gr-start-closing .elementor-widget-button,
  .gr-start-closing .elementor-button {
    width: 100% !important;
  }
}

/* =========================================================
   Extra-small mobile
   ========================================================= */

@media (max-width: 420px) {
  .gr-start-hero,
  .gr-start-orientation,
  .gr-start-path,
  .gr-start-closing {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) .elementor-heading-title,
  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h1,
  .gr-start-hero-inner > .elementor-widget-heading:not(.gr-start-eyebrow) h2 {
    font-size: 36px !important;
  }

  .gr-start-card img {
    height: 205px !important;
  }

  .gr-start-principle-card {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .gr-start-card > .elementor-widget-heading,
  .gr-start-card > .elementor-widget-text-editor,
  .gr-start-card > .elementor-widget-button {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;

    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .gr-start-closing .elementor-heading-title,
  .gr-start-closing h1,
  .gr-start-closing h2,
  .gr-start-closing h3 {
    font-size: 32px !important;
  }
}
/* =========================================================
   Start Here article-card image fill fix
   Forces article images to fill the card width edge-to-edge
   ========================================================= */

.gr-start-card .elementor-widget-image,
.gr-start-card .gr-start-card-image,
.gr-start-card .elementor-widget-image .elementor-widget-container,
.gr-start-card .gr-start-card-image .elementor-widget-container,
.gr-start-card .elementor-widget-image a,
.gr-start-card .gr-start-card-image a {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
}

.gr-start-card .elementor-widget-image img,
.gr-start-card .gr-start-card-image img,
.gr-start-card img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 225px !important;

  object-fit: cover !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
}

/* Keep the image flush with the top of the card */
.gr-start-card .elementor-widget-image:first-child,
.gr-start-card .gr-start-card-image:first-child {
  margin-top: 0 !important;
}

/* Slightly taller images when cards stack on tablet */
@media (max-width: 1024px) {
  .gr-start-card .elementor-widget-image img,
  .gr-start-card .gr-start-card-image img,
  .gr-start-card img {
    height: 320px !important;
  }
}

/* Mobile image height */
@media (max-width: 767px) {
  .gr-start-card .elementor-widget-image img,
  .gr-start-card .gr-start-card-image img,
  .gr-start-card img {
    height: 245px !important;
  }
}

/* Extra-small mobile image height */
@media (max-width: 420px) {
  .gr-start-card .elementor-widget-image img,
  .gr-start-card .gr-start-card-image img,
  .gr-start-card img {
    height: 220px !important;
  }
}