/* ============================================================
   ACA Express PPC LP (page 17276) — page-specific rules

   Shared components come from 17266 "ACA Express LP (CSS)", which
   loads site-wide: .ae-path .ae-steps .ae-caps .ae-feature .ae-shot-col
   .ae-stats-section .ae-stats .ae-fit .ae-faq .faq-element .ae-cta
   .ae-textlink .ae-footnote.

   Note: snippet 17159 "Build Assist LP (CSS)" is registered as an
   INTERNAL snippet and is not emitted on any page of this install, so
   .ba-btn-green / .ba-eyebrow have nothing to inherit. The button is
   restated here, scoped to this page.

   Type scale read from Figma (ACA Express-PPC LP-v4):
     H1        new-spirit 500, 50/50, -1%,  #271454
     H2        new-spirit 400, 40/46, -1%,  #271454
     Eyebrow   Plus Jakarta Sans 700, 18/22, +10%, uppercase, #4C4CD8
     Body      Plus Jakarta Sans 400, 16/23 (cards 18/28), -2%
     Subhead   Plus Jakarta Sans 700, 20/25, -2%, #271454
     Button    pad 17/41, pill, gap 14, #54AC02
     Card      radius 5, padding 40, #FFFFFF
   ============================================================ */

/* scoped to this page so the snippet leaves no global footprint */
body:has([class*="aep-"]) {
  --aep-indigo:   #4C4CD8;
  --aep-navy:     #271454;
  --aep-violet:   #8C86F2;
  --aep-cyan:     #00BDD2;
  --aep-teal:     #00A98C;
  --aep-green:    #54AC02;
  --aep-body:     #3F515A;
  --aep-line:     #E3E2EE;
}


/* ---------- fonts ---------- */
body:has([class*="aep-"]) :is(.aep-hero__panel, .aep-approach__head, .aep-fit__head) .el-title,
body:has([class*="aep-"]) .aep-tab__title,
body:has([class*="aep-"]) .aep-card__kicker,
body:has([class*="aep-"]) .aep-fit__coltitle .el-title {
  font-family: new-spirit, Georgia, serif !important;
}
body:has([class*="aep-"]) .aep-choose__head .el-title,
body:has([class*="aep-"]) .aep-trust__head .el-title {
  font-family: new-spirit, Georgia, serif !important;
}
body:has([class*="aep-"]) .aep-choose-cards .el-title {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}
body:has([class*="aep-"]) :is(.aep-hero__panel, .aep-choose__head, .aep-approach__head, .aep-fit__head) .el-title,
body:has([class*="aep-"]) .aep-card__title,
body:has([class*="aep-"]) .aep-tab__title,
body:has([class*="aep-"]) .aep-fit__coltitle .el-title { text-transform: none !important; }

/* ---------- green pill CTA (restated: see note above) ---------- */
body:has([class*="aep-"]) .ba-btn-green .uk-button,
body:has([class*="aep-"]) .ba-btn-green a.el-content,
body:has([class*="aep-"]) .aep-card__cta {
  background: var(--aep-green) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 17px 41px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  text-decoration: none !important;
}
body:has([class*="aep-"]) .ba-btn-green .uk-button:hover,
body:has([class*="aep-"]) .ba-btn-green a.el-content:hover,
body:has([class*="aep-"]) .aep-card__cta:hover {
  background: #4A9802 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* ---------- section rhythm: 120px desktop / 80px below 960 ---------- */
@media (min-width: 960px) {
  :is(.aep-choose, .aep-approach, .aep-fit).uk-section,
  :is(.aep-choose, .aep-approach, .aep-fit) > .uk-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 959px) {
  :is(.aep-choose, .aep-approach, .aep-fit).uk-section,
  :is(.aep-choose, .aep-approach, .aep-fit) > .uk-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/* ============================================================
   1 — header bar: the site's own navbar. The theme renders it as a
   transparent overlay, so it costs no layout height; the hero below
   pads itself clear of it.
   ============================================================ */

/* ============================================================
   2 — hero
   ============================================================ */
.aep-hero.uk-section {
  /* the navbar overlays the top 100px, leaving a 50px gap under it */
  padding-top: 150px !important;
  padding-bottom: 100px !important;
  background: #fff;
}
.aep-hero__panel .el-meta {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: var(--aep-indigo) !important;
  margin-bottom: 18px;
}
.aep-hero__panel .el-title {
  max-width: 749px;
  margin: 0 auto;
  font-weight: 500 !important;
  font-size: 50px !important;
  line-height: 50px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
}
.aep-hero__panel .el-content {
  max-width: 749px;
  margin: 20px auto 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: var(--aep-body);
}
.aep-hero__cta { margin-top: 50px !important; text-align: center; }

/* ============================================================
   3 — stats marquee
   ============================================================ */
.aep-statbar.uk-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: linear-gradient(180deg, #4C4CD8 -8.4%, #271454 97.65%);
}
.aep-statbar.uk-section > .uk-container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.aep-marquee { overflow: hidden; }
.aep-marquee__track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 72px;
  padding: 18px 36px;
  animation: aep-marquee 38s linear infinite;
}
@keyframes aep-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.aep-statbar__item {
  color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.aep-statbar__item strong { font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  .aep-marquee__track { animation: none; }
}

/* ============================================================
   4 — "Which sounds most like you?"
   ============================================================ */
.aep-choose.uk-section {
  background: linear-gradient(180deg, #F6F5FE 0%, #EFEDFB 100%);
}
.aep-choose__head .el-title {
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 46px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
  margin-bottom: 48px;
}
/* cards are a grid element (.ae-help-cards clone) with grid_match for equal
   heights; Figma Frame 328 = 510.5 x 710, radius 5, padding 40, space-between */
.aep-choose-cards { max-width: 1061px; margin-left: auto; margin-right: auto; }
.aep-choose-cards .el-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 0;
  border-radius: 5px;
  padding: 40px;
}
.aep-choose-cards .el-title {
  color: var(--aep-indigo);
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
  text-wrap: balance;
  margin: 0 0 18px;
}
.aep-choose-cards .el-meta {
  color: var(--aep-navy);
  font-family: new-spirit, Georgia, serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: none;
  margin: 0 0 18px;
}
.aep-choose-cards .el-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  margin-top: 0 !important;
}
.aep-card__para {
  color: var(--aep-body);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
}
.aep-card__foot { margin-top: auto; padding-top: 24px; }
.aep-card__cta { margin: 0 0 12px; }
.aep-card__note {
  margin: 0;
  color: #8A89A8;
  font-size: 13px;
  line-height: 1.5;
  text-wrap: balance;
}

/* ============================================================
   5 — tabbed "Which ACA Approach Is Right for You?"
   ============================================================ */
.aep-approach.uk-section { background: #fff; }
.aep-approach__head .el-title {
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 46px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
  margin-bottom: 0 !important;
}
.aep-tabs { max-width: 1100px; margin: 64px auto 0 !important; }
.aep-tabs .uk-tab {
  display: flex;
  margin: 0;
  padding: 0;
  width: 71%;
  border: 1px solid var(--aep-line);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.aep-tabs .uk-tab::before { display: none; }
.aep-tabs .uk-tab > * { flex: 1 1 0; padding: 0; }
/* the active tab always sits first, without reordering the DOM */
.aep-tabs .uk-tab > .uk-active { order: -1; }
.aep-tabs .uk-tab > * > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 56px;
  padding: 0 20px;
  border: 0;
  background: #fff;
  color: #9A99B5;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.aep-tabs .uk-tab > .uk-active > a {
  background: linear-gradient(180deg, #4C4CD8 -8.4%, #271454 97.65%);
  color: #fff;
}
.aep-tabs .uk-tab > .uk-active > a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--aep-cyan);
}
.aep-tabs .uk-tab { position: relative; margin-bottom: 0; }
.aep-tabs .uk-switcher {
  border: 1px solid var(--aep-line);
  border-radius: 0 10px 10px 10px;
  background: #fff;
  margin-top: 0;
}
/* padding lives on each side so the centre divider runs the full card height */
.aep-tab {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 !important;
  padding: 0;
}
.aep-tab__head { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 22px; }
/* the supplied SVGs already include their own rounded tile */
.aep-tab__icon { flex: 0 0 auto; display: block; line-height: 0; }
.aep-tab__icon img { display: block; width: 70px; height: 70px; }
.aep-tab__headtext { display: block; }
.aep-tab__eyebrow {
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.aep-tab--green .aep-tab__eyebrow { color: var(--aep-green); }
.aep-tab--teal .aep-tab__eyebrow { color: var(--aep-teal); }
.aep-tab__title {
  color: var(--aep-navy);
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.01em;
  margin: 0;
}
.aep-tab__left p {
  color: var(--aep-body);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}
.aep-tab__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--aep-navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
}
.aep-tab__link:hover { color: var(--aep-indigo); text-decoration: none; }
.aep-tab__left { padding: 40px; }
.aep-tab__right { border-left: 1px solid var(--aep-line); padding: 40px; }
.aep-tab__listtitle {
  color: var(--aep-navy);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
}
.aep-checks { list-style: none; margin: 0; padding: 0; }
.aep-checks li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid var(--aep-line);
  color: var(--aep-body);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.aep-checks li:last-child { border-bottom: 0; }
.aep-checks img { flex: 0 0 auto; margin-top: 2px; width: 22px; height: 22px; }

/* ============================================================
   6 — "Get on the Right Path" (reused .ae-path)
   ============================================================ */
body:has([class*="aep-"]) .ae-path .ae-steps { margin-top: 48px !important; }
body:has([class*="aep-"]) .ae-path .ae-steps .el-item { padding-top: 34px; }
body:has([class*="aep-"]) .ae-path .ae-steps .el-title { margin-bottom: 26px !important; }
body:has([class*="aep-"]) .ae-path .ba-btn-green { margin-top: 56px !important; }

/* ============================================================
   7 — "Smarter Data Ingestion" (reused .ae-caps)
   ============================================================ */
body:has([class*="aep-"]) .ae-caps-intro .el-content,
body:has([class*="aep-"]) .ae-caps-intro .el-title { max-width: 1200px; }

/* ============================================================
   8 — "Find the Right Level of Support"
   ============================================================ */
.aep-fit.uk-section { background: #fff; }
.aep-fit__head .el-meta {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: var(--aep-indigo) !important;
  margin-bottom: 18px;
}
.aep-fit__head .el-title {
  max-width: 1200px;
  margin: 0 auto;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 46px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
  text-wrap: balance;
}
.aep-fit__head .el-content {
  max-width: 820px;
  margin: 18px auto 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: var(--aep-body);
  text-wrap: balance;
}
.aep-fit__grid { max-width: 1100px; margin: 48px auto 0; }
.aep-fit__col { position: relative; }
/* centre divider: sits on the gutter midpoint, not the column edge */
.aep-fit__grid > :nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background: var(--aep-line);
}
.aep-fit__coltitle .el-title {
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 28px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
  margin-bottom: 18px !important;
}
/* keep the item rules clear of the centre divider by the same amount each side */
.aep-fit__col { padding-left: 40px; padding-right: 40px; }
.aep-fitlist .el-item {
  padding: 13px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--aep-line);
}
.aep-fitlist .el-content,
.aep-fitlist .el-content p {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--aep-body) !important;
  text-wrap: balance;
}
.aep-fit__cta { margin-top: 48px !important; text-align: center; }

/* ============================================================
   9 — FAQ and closing CTA
   ============================================================ */
body:has([class*="aep-"]) .ae-faq.uk-section,
body:has([class*="aep-"]) .ae-faq > .uk-section {
  background: linear-gradient(171.8deg, rgba(231, 229, 251, 0.3) 6.3%,
                                        rgba(231, 229, 251, 0.4) 71.75%,
                                        #4C4CD8 138.46%);
}
body:has([class*="aep-"]) .ba-closing.uk-section,
body:has([class*="aep-"]) .ba-closing > .uk-section,
body:has([class*="aep-"]) .ae-cta.uk-section,
body:has([class*="aep-"]) .ae-cta > .uk-section {
  background: #FFFFFF !important;
  background-image: none !important;
}

/* ============================================================
   responsive
   ============================================================ */
@media (max-width: 959px) {
  /* the mobile navbar overlays 80px, so the hero keeps the same 50px gap */
  .aep-hero.uk-section { padding-top: 130px !important; }
  /* the tabs span the full card width here, so square off the corner they meet */
  .aep-tabs .uk-switcher { border-radius: 0 0 10px 10px; }
  /* switcher_height matches both panes; stacked on a phone that leaves a gap
     under the shorter one, and UIkit sets the height inline */
  .aep-tabs .uk-switcher,
  .aep-tabs .uk-switcher > * { min-height: 0 !important; }
  .aep-hero__panel .el-title { font-size: 34px !important; line-height: 38px !important; }
  .aep-choose__head .el-title,
  .aep-approach__head .el-title,
  body:has([class*="aep-"]) .aep-trust__head .el-title,
  .aep-fit__head .el-title { font-size: 26px !important; line-height: 32px !important; }
  .aep-marquee__track { gap: 48px; }
  .aep-tabs { margin-top: 40px !important; }
  .aep-tabs .uk-tab { width: 100%; }
  /* the two-column pane stacks; the divider becomes a rule between the halves */
  .aep-tab { grid-template-columns: 1fr; }
  .aep-tab__left { padding: 28px; }
  .aep-tab__right { border-left: 0; border-top: 1px solid var(--aep-line); padding: 28px; }
  .aep-choose-cards .el-item { padding: 28px; }
  .aep-fit__col { padding-left: 0; padding-right: 0; }
  .aep-fit__grid > :nth-child(2)::before { display: none; }
}
@media (max-width: 639px) {
  .aep-tabs .uk-tab > * > a { font-size: 11px; letter-spacing: 0.06em; height: 48px; padding: 0 12px; }
  .aep-tab__head { gap: 14px; }
  .aep-tab__icon img { width: 52px; height: 52px; }
  .aep-tab__eyebrow { font-size: 12px; }
  .aep-tab__title { font-size: 24px; line-height: 30px; }
  .aep-choose-cards .el-title { font-size: 26px; line-height: 1.25; }
  .aep-choose-cards .el-meta { font-size: 22px; line-height: 28px; }
  .aep-card__para,
  .aep-tab__left p,
  .aep-checks li,
  .aep-tab__listtitle { font-size: 16px; line-height: 24px; }
  /* 17266 sets white-space:nowrap on these below 640, which overflows the
     longer labels on a phone */
  body:has([class*="aep-"]) .ba-btn-green .uk-button,
  body:has([class*="aep-"]) .ba-btn-green a.el-content,
  body:has([class*="aep-"]) .aep-card__cta {
    white-space: normal !important;
    text-align: center;
    max-width: 100%;
    padding: 15px 24px !important;
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
    line-height: 1.3 !important;
  }
}

/* the builder writes per-element #page\#N rules inline, which outrank the
   selectors above, so these two need !important */
body:has([class*="aep-"]) .ae-caps-intro .el-content,
body:has([class*="aep-"]) .ae-caps-intro .el-title { max-width: 1200px !important; }
body:has([class*="aep-"]) .aep-fitlist .el-item {
  border-bottom: 1px solid var(--aep-line) !important;
}

/* each .el-item is the only child of its grid cell, so :last-child on the item
   matches every row — clear the trailing rule on the last CELL instead */
body:has([class*="aep-"]) .aep-fitlist .el-item { border-bottom: 1px solid var(--aep-line) !important; }
body:has([class*="aep-"]) .aep-fitlist .uk-grid > *:last-child .el-item { border-bottom: 0 !important; }

/* ---------- Trusted ACA Expertise: title back, tighter cards ---------- */
body:has([class*="aep-"]) .aep-trust__head .el-title {
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 46px !important;
  letter-spacing: -0.01em;
  color: var(--aep-navy) !important;
  text-transform: none !important;
  text-wrap: balance;
  max-width: 820px;
  margin: 0 auto 48px;
}
body:has([class*="aep-"]) .aep-trust .ae-stats { max-width: 820px; margin-left: auto; margin-right: auto; }
body:has([class*="aep-"]) .aep-trust .ae-stats .el-item { padding: 28px 30px; }
body:has([class*="aep-"]) .aep-trust .ae-stats .el-title { margin: 14px 0 6px !important; }
body:has([class*="aep-"]) .aep-trust .ae-stats .el-content { margin-top: 0 !important; }

/* ---------- review round 3 ---------- */

/* the tab bar now sits flush on the card; keep the card's top border visible
   across the stretch the tabs don't cover, and square off the corner they meet */
.aep-tabs .uk-tab { border-bottom: 0; }
.aep-tabs .uk-switcher { border-top: 1px solid var(--aep-line); }

/* the two Capabilities CTAs are real buttons, not .uk-button-text */
body:has([class*="aep-"]) .aep-caps-cta .uk-button-text { min-height: 0; }
body:has([class*="aep-"]) .aep-caps-cta .uk-button-text::before { display: none !important; }

/* tighter gap between each fit column's title and its list */
body:has([class*="aep-"]) .aep-fit__coltitle { margin-bottom: 0 !important; }
body:has([class*="aep-"]) .aep-fit__coltitle .el-title { margin-bottom: 8px !important; }
body:has([class*="aep-"]) .aep-fit__col .aep-fitlist { margin-top: 0 !important; }

@media (max-width: 959px) {
  /* closing CTA: heading, then the copy, then the button */
  body:has([class*="aep-"]) .ba-closing .uk-grid {
    display: flex;
    flex-direction: column;
  }
  body:has([class*="aep-"]) .ba-closing .uk-grid > :first-child { display: contents; }
  body:has([class*="aep-"]) .ba-closing .uk-grid > :first-child > .uk-panel { order: 1; }
  body:has([class*="aep-"]) .ba-closing .uk-grid > :last-child { order: 2; }
  body:has([class*="aep-"]) .ba-closing .uk-grid > :first-child > .ba-btn-green {
    order: 3;
    margin-top: 24px !important;
  }
}

/* supplied arrow assets: white on the green buttons, navy on the text links */
body:has([class*="aep-"]) .aep-btn-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}
body:has([class*="aep-"]) .aep-link-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
}

/* switcher_height gives both panes the height of the taller one (DIY, which has
   three paragraphs). Stretch the grid to fill that so the centre divider reaches
   the bottom of the card on the shorter pane too. */
body:has([class*="aep-"]) .aep-tabs .uk-switcher > .uk-active {
  display: flex;
  flex-direction: column;
}
body:has([class*="aep-"]) .aep-tabs .uk-switcher > .uk-active > * {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
body:has([class*="aep-"]) .aep-tabs .uk-switcher .aep-tab { flex: 1 1 auto; }

/* PPC landing page: keep the logo and remove navigation on desktop and mobile. */
body:has(.aep-logo-only) :is(.tm-header, .tm-header-mobile) .uk-navbar-right,
body:has(.aep-logo-only) #tm-dialog-mobile { display: none !important; }
