/* ======================================================================
   v34 — darker scientific-reference bands + retained profile refinements
   ====================================================================== */
:root{--ga-journey-gold:#D4AF37}

/* Roadmap eyebrow is the master: same colour, font rhythm and distance from header. */
@media(min-width:1025px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    height:610px!important;min-height:610px!important;
    padding-top:48px!important;padding-bottom:42px!important;
    align-items:start!important;
  }
  #p-team .tb-profile-hero-copy,#p-arif .tb-profile-hero-copy,#p-david .tb-profile-hero-copy{padding-top:0!important;align-self:start!important}
  #p-team .tb-profile-hero-copy>.lab,
  #p-arif .tb-profile-eyebrow,
  #p-david .tb-profile-eyebrow{
    display:block!important;margin:0 0 24px!important;
    color:#39B54A!important;font-size:12px!important;font-weight:760!important;
    line-height:1.2!important;letter-spacing:.15em!important;text-transform:uppercase!important;
  }
  #p-team .tb-team-journey{align-self:center!important}
  /* Right-side AVIX journey should support the hero, not dominate it. */
  #p-arif .tb-profile-journey,#p-david .tb-profile-journey{align-self:center!important}
  #p-arif .tb-profile-journey img,#p-david .tb-profile-journey img{
    width:88%!important;max-width:565px!important;height:auto!important;max-height:520px!important;
    flex:0 0 auto!important;flex-shrink:0!important;object-fit:contain!important;
  }
  #p-arif .tb-profile-proof-strip,#p-david .tb-profile-proof-strip{border-top:0!important}
}
@media(min-width:769px) and (max-width:1024px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{padding-top:44px!important;align-items:start!important}
  #p-arif .tb-profile-journey img,#p-david .tb-profile-journey img{width:90%!important;max-width:520px!important}
}

/* Arif/David proof strip: no horizontal line above the four proof cells at any breakpoint. */
#p-arif .tb-profile-proof-strip,#p-david .tb-profile-proof-strip{border-top:0!important}


/* ======================================================================
   v32 — Supporting-evidence band
   One calm, slightly darker zone before the pre-footer on evidence-bearing pages.
   The large section rhythm is deliberately preserved; only the visual hierarchy changes.
   ====================================================================== */
.ga-page-reference-band{
  background:linear-gradient(180deg,#E2E7E1 0%,#DCE3DB 100%)!important;
  border-top:1px solid rgba(24,33,27,.08)!important;
  border-bottom:1px solid rgba(24,33,27,.055)!important;
}
.ga-page-reference-band .ga-scientific-references{
  background:#FBFCFA!important;
  border-color:rgba(24,33,27,.12)!important;
  box-shadow:0 14px 38px rgba(20,34,25,.055)!important;
}
.ga-page-reference-band .ga-scientific-references summary{
  min-height:72px;
}
@media(max-width:768px){
  .ga-page-reference-band .ga-scientific-references summary{min-height:64px}
}

/* ======================================================================
   v35 — queued visual refinements
   ====================================================================== */

/* Header wording: Team is the short, stable global label. */
.team-menu-toggle{white-space:nowrap!important}

/* Team / Arif / David: Roadmap-style top anchor. The entire hero-copy block
   starts from one canonical point so the eyebrow never jumps between pages. */
@media(min-width:1025px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    height:610px!important;
    min-height:610px!important;
    padding-top:70px!important;
    padding-bottom:40px!important;
    align-items:start!important;
  }
  #p-team .tb-profile-hero-copy,
  #p-arif .tb-profile-hero-copy,
  #p-david .tb-profile-hero-copy{
    align-self:start!important;
    padding-top:0!important;
    margin-top:0!important;
  }
  #p-team .tb-profile-hero-copy>.lab,
  #p-arif .tb-profile-eyebrow,
  #p-david .tb-profile-eyebrow{
    margin:0 0 28px!important;
    color:#39B54A!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
}
@media(min-width:769px) and (max-width:1024px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    height:560px!important;
    min-height:560px!important;
    padding-top:58px!important;
    padding-bottom:40px!important;
    align-items:start!important;
  }
}
@media(max-width:768px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    height:auto!important;
    min-height:0!important;
    padding-top:54px!important;
    padding-bottom:36px!important;
    align-items:start!important;
  }
}

/* Arif and David proof strips intentionally begin without a horizontal rule. */
#p-arif .tb-profile-cinematic-hero>.tb-profile-proof-strip,
#p-david .tb-profile-cinematic-hero>.tb-profile-proof-strip{
  border-top:0!important;
  box-shadow:none!important;
}
#p-arif .tb-profile-cinematic-hero>.tb-profile-proof-strip::before,
#p-david .tb-profile-cinematic-hero>.tb-profile-proof-strip::before{display:none!important}

/* Right-side hero artwork is flat: no glow, halo, drop-shadow or pseudo shadow. */
.hero,.phead{
  background:
    radial-gradient(circle at 8% 8%,rgba(184,239,105,.10),transparent 30%),
    linear-gradient(135deg,var(--ga-ink) 0%,var(--ga-ink-soft) 52%,#092119 100%)!important;
}
.tb-profile-cinematic-hero{
  background:
    radial-gradient(circle at 24% 80%,rgba(33,73,93,.24),transparent 38%),
    #101114!important;
}
.hero-art,.phead-art,.tb-profile-journey,.tb-team-journey{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero-art::before,.hero-art::after,
.phead-art::before,.phead-art::after,
.tb-profile-journey::before,.tb-profile-journey::after,
.tb-team-journey::before,.tb-team-journey::after{display:none!important;content:none!important}
.hero-art img,.hero-art svg,.phead-art img,.phead-art svg,
.tb-profile-journey img,.tb-profile-journey svg,.tb-team-journey img,.tb-team-journey svg{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Crisis: the intervention note is part of the text flow, not another card. */
.onehealth-action-inline{
  position:relative!important;
  margin:24px 0 0!important;
  padding:0 0 0 34px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.onehealth-action-inline::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#39B54A;
}
.onehealth-action-inline .n{margin:0 0 10px!important;color:#2E943D!important}
.onehealth-action-inline h3{margin:0 0 9px!important;font-size:19px!important;line-height:1.25!important}
.onehealth-action-inline p{margin:0!important;max-width:56ch!important;font-size:15px!important;line-height:1.62!important}
.crisis-onehealth .onehealth-chart{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.crisis-onehealth .onehealth-chart .chart-scroll{overflow:visible!important}
.crisis-onehealth .onehealth-chart img{display:block;width:100%!important;max-width:100%!important;box-shadow:none!important}

/* Science cards: control line count without shrinking type. */
.ga-step-four-copy{max-width:34ch}
.ga-desktop-br{display:block}
@media(max-width:768px){.ga-desktop-br{display:none}.ga-step-four-copy{max-width:none}}

/* Evidence table: measurement title sits outside the table frame. */
.assay-zone-label{
  display:block;
  margin-top:14px;
  color:#2E943D;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.assay-results-picture{display:block;margin-top:12px}

/* Evidence summary chart: the graphic itself carries the explanatory hierarchy. */
.evidence-summary-card{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.evidence-summary-card img{display:block;width:100%!important;height:auto!important;box-shadow:none!important;filter:none!important}

/* Competitive table: rebalance columns and remove the unused right-side feel. */
.competitive-table{table-layout:fixed!important;width:100%!important}
.competitive-table th:nth-child(1),.competitive-table td:nth-child(1){width:16%!important}
.competitive-table th:nth-child(2),.competitive-table td:nth-child(2){width:30%!important}
.competitive-table th:nth-child(3),.competitive-table td:nth-child(3){width:21%!important}
.competitive-table th:nth-child(4),.competitive-table td:nth-child(4){width:33%!important}
.competitive-table th,.competitive-table td{vertical-align:middle!important;padding-top:19px!important;padding-bottom:19px!important}
.competitive-table td{line-height:1.5!important}
@media(max-width:767px){
  .competitive-table,.competitive-table th,.competitive-table td{width:100%!important;table-layout:auto!important}
  .competitive-table td{padding-top:4px!important;padding-bottom:4px!important}
}
@media(min-width:901px){.science-target-grid .limitation-card h3{white-space:nowrap!important}}


/* ======================================================================
   v36 — canonical principal hero eyebrow anchor
   Crisis page is the visual master. All principal inner pages share
   the same top anchor so the eyebrow never shifts between pages.
   ====================================================================== */
:root{
  --ga-principal-anchor-desktop:70px;
  --ga-principal-anchor-tablet:62px;
  --ga-principal-anchor-mobile:62px;
  --ga-principal-eyebrow-gap-desktop:28px;
  --ga-principal-eyebrow-gap-mobile:20px;
}
body.page-principal .phead,
body.page-principal .phead>.wrap{min-height:600px!important}
body.page-principal .phead>.wrap{
  display:flex!important;
  align-items:flex-start!important;
  padding-top:var(--ga-principal-anchor-desktop)!important;
  padding-bottom:70px!important;
}
body.page-principal .phead .g{
  width:100%!important;
  align-items:start!important;
}
body.page-principal .phead .g>div:first-child{
  align-self:start!important;
  margin-top:0!important;
  padding-top:0!important;
}
body.page-principal .phead .lab{
  display:block!important;
  margin:0 0 var(--ga-principal-eyebrow-gap-desktop)!important;
  color:#39B54A!important;
  line-height:1.2!important;
}
#p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
#p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
#p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
  min-height:610px!important;
  height:610px!important;
  padding-top:var(--ga-principal-anchor-desktop)!important;
  padding-bottom:40px!important;
  align-items:start!important;
}
#p-team .tb-profile-hero-copy,
#p-arif .tb-profile-hero-copy,
#p-david .tb-profile-hero-copy{
  align-self:start!important;
  margin-top:0!important;
  padding-top:0!important;
}
#p-team .tb-profile-hero-copy>.lab,
#p-arif .tb-profile-eyebrow,
#p-david .tb-profile-eyebrow{
  display:block!important;
  margin:0 0 var(--ga-principal-eyebrow-gap-desktop)!important;
  color:#39B54A!important;
  line-height:1.2!important;
}
@media(max-width:1100px){
  body.page-principal .phead,
  body.page-principal .phead>.wrap{min-height:560px!important}
  body.page-principal .phead>.wrap{
    padding-top:var(--ga-principal-anchor-tablet)!important;
    padding-bottom:62px!important;
  }
}
@media(max-width:1024px){
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    min-height:560px!important;
    height:560px!important;
    padding-top:var(--ga-principal-anchor-tablet)!important;
    padding-bottom:40px!important;
  }
}
@media(max-width:920px){
  body.page-principal .phead,
  body.page-principal .phead>.wrap{min-height:auto!important}
  body.page-principal .phead>.wrap{
    padding-top:var(--ga-principal-anchor-mobile)!important;
    padding-bottom:54px!important;
  }
}
@media(max-width:768px){
  body.page-principal .phead .lab{margin:0 0 var(--ga-principal-eyebrow-gap-mobile)!important}
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    min-height:0!important;
    height:auto!important;
    padding-top:54px!important;
    padding-bottom:36px!important;
  }
  #p-team .tb-profile-hero-copy>.lab,
  #p-arif .tb-profile-eyebrow,
  #p-david .tb-profile-eyebrow{margin:0 0 var(--ga-principal-eyebrow-gap-mobile)!important}
}

/* ======================================================================
   v37 — second-pass responsive QA
   One mobile gutter, one principal-eyebrow anchor, balanced navigation,
   and one pre-footer/footer geometry across principal pages.
   ====================================================================== */

/* Desktop header after removal of the standalone References item. */
@media(min-width:1161px){
  nav.main{gap:clamp(13px,1.25vw,19px)!important}
  nav.main a,
  nav.main .team-menu-toggle{font-size:12.8px!important;font-weight:610!important}
}

/* Normal Green Antibiotics UI accents use the brand green. Semantic form
   error colours remain unchanged, and the established venture exceptions
   (T-Booster red, AVIX Water blue, journey gold) are untouched. */
.cinematic-system .lab.amb,
.cinematic-system .regulatory-decision>.lab.amb{color:#39B54A!important}
.cinematic-system .lab.amb::before{background:#39B54A!important}
.cinematic-system .caution{border-left-color:#39B54A!important;background:#F6F9F6!important}
.science-target-grid .limitation-card{background:#F7F9F7!important;border-color:#D3E3D5!important}
.gantt-track .bar.lime{background:#8FD694!important}
.gantt-track .bar.green{background:#39B54A!important}
.gantt-track .bar.aqua{background:#69C778!important}
.gantt-track .bar.orange{background:#2E943D!important}

/* Mobile = 32px site gutter everywhere. Nothing may escape the content edge. */
@media(max-width:768px){
  :root{
    --ga-gutter:32px!important;
    --ga-principal-anchor-mobile:54px;
  }
  .wrap,.phead .wrap,
  .tb-profile-cinematic-hero>.wrap,
  .tb-team-cinematic-hero>.wrap{
    width:calc(100% - 64px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.page-principal .phead>.wrap{
    padding-top:var(--ga-principal-anchor-mobile)!important;
    padding-bottom:48px!important;
  }
  #p-team .tb-team-cinematic-hero>.tb-profile-hero-grid,
  #p-arif .tb-profile-cinematic-hero>.tb-profile-hero-grid,
  #p-david .tb-profile-cinematic-hero>.tb-profile-hero-grid{
    padding-top:var(--ga-principal-anchor-mobile)!important;
    padding-bottom:34px!important;
  }
  body.page-principal .phead .g,
  #p-team .tb-profile-hero-grid,
  #p-arif .tb-profile-hero-grid,
  #p-david .tb-profile-hero-grid{
    min-width:0!important;
    overflow:visible!important;
  }
  .phead-art,.hero-art,.tb-profile-journey,.tb-team-journey{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .phead-art img,.phead-art svg,
  .hero-art img,.hero-art svg,
  .tb-profile-journey img,.tb-profile-journey svg,
  .tb-team-journey img,.tb-team-journey svg{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .tb-profile-proof-strip,
  .team-profile-proof-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:calc(100% - 64px)!important;
  }
  .tb-profile-proof-strip>div{min-width:0!important}

  /* Burger panel shares the same 32px edge and has no dead row after
     References was removed. */
  nav.main.open{
    left:32px!important;
    right:32px!important;
    width:auto!important;
    padding:10px 16px 16px!important;
    max-height:calc(100vh - var(--ga-topbar-height) - var(--ga-header-height) - 12px)!important;
  }
  nav.main.open a,
  nav.main .team-menu-toggle{min-height:46px!important}
  .team-submenu{max-width:100%!important}

  /* Section navigation remains horizontally scrollable but never protrudes
     beyond the viewport. */
  .ga-section-nav-wrap{max-width:100vw!important;overflow:hidden!important}
  .ga-section-nav{width:calc(100% - 64px)!important;max-width:none!important;overflow-x:auto!important;overscroll-behavior-inline:contain}

  /* Same transition geometry on every principal page. */
  .cinematic-prefooter.ga-prefooter{padding:50px 0!important}
  .ga-prefooter-row{gap:24px!important}
  .ga-prefooter-action,.ga-next-page{width:100%!important;min-width:0!important}

  /* Footer follows the same mobile gutter as the page rather than using a
     separate 16px shell. */
  .ga-avix-global-footer .avix-footer-shell{
    width:calc(100% - 64px)!important;
    max-width:none!important;
  }
}

@media(max-width:360px){
  /* Preserve the requested 32px gutter even on narrow phones; reduce only
     typography/controls, never the content edge. */
  .logo img{width:150px!important}
  nav.main.open{left:32px!important;right:32px!important}
  .ga-avix-global-footer .avix-footer-offices{grid-template-columns:1fr!important}
  .ga-avix-global-footer .avix-footer-office,
  .ga-avix-global-footer .avix-footer-office+.avix-footer-office{
    padding:13px 0!important;border-left:0!important
  }
  .ga-avix-global-footer .avix-footer-office+.avix-footer-office{border-top:1px solid var(--avix-footer-line)!important}
}


/* ======================================================================
   v38 — readability, alignment and premium-infographic refinements
   ====================================================================== */

/* Team dropdown aligns exactly with the primary navigation baseline. */
@media(min-width:1161px){
  nav.main .team-menu{display:flex!important;align-items:center!important}
  nav.main .team-menu-toggle{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:11px 0!important;
    border-bottom:2px solid transparent!important;
    font-size:12.8px!important;
    font-weight:610!important;
    line-height:1!important;
    color:#59625d!important;
    transform:translateY(0)!important;
  }
  .team-menu-chevron{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
    line-height:1!important;
    transform:none!important;
    margin-top:1px!important;
  }
  .team-menu:hover .team-menu-chevron,
  .team-menu:focus-within .team-menu-chevron,
  .team-menu.open .team-menu-chevron{transform:rotate(180deg)!important}
}

/* Light caution cards keep light-theme typography even inside dark sections. */
.cinematic-system .caution{
  border-left-color:#39B54A!important;
  background:#F6F9F6!important;
}
.cinematic-system .caution h3{color:#172019!important}
.cinematic-system .caution p,
.cinematic-system .caution li,
.cinematic-system .caution .ticks li,
.cinematic-system .caution .route2{color:#46554C!important}
.cinematic-system .caution .lab,
.cinematic-system .caution .n,
.cinematic-system .caution sup,
.cinematic-system .caution a.ga-local-reference-link{color:#39B54A!important}

/* Pipeline lead badge: clearer contrast and more readable tracking. */
.flag{
  gap:8px!important;
  font-size:11.6px!important;
  font-weight:760!important;
  letter-spacing:.08em!important;
  color:#FFFFFF!important;
  background:#39B54A!important;
  border-radius:12px!important;
  padding:8px 14px!important;
}
.flag .icon-star{color:#FFFFFF!important}

/* Contact hero heading may intentionally use manual line breaks. */
#p-contact .phead h1{max-width:8ch!important}


/* ======================================================================
   v39 — visual QA: exact three-line principal headlines
   ====================================================================== */
@media(min-width:921px){
  .page-science .phead h1,
  .page-evidence .phead h1,
  .page-pipeline .phead h1{
    max-width:20ch!important;
    font-size:clamp(58px,4.5vw,68px)!important;
  }
}

/* Team dropdown uses the exact same desktop control height as the text links. */
@media(min-width:1161px){
  nav.main .team-menu-toggle{
    height:43px!important;
    min-height:43px!important;
    padding:0!important;
    line-height:1.45!important;
  }
}


/* ======================================================================
   v40 — final queued refinements: One Health readability, editorial ribbon,
   four-line Step Four, and profile-journey proportion parity.
   ====================================================================== */

/* Breaking the cycle: one vertical brand ribbon, no bullet. */
.onehealth-action-inline{
  margin:24px 0 0!important;
  padding:2px 0 2px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.onehealth-action-inline::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  height:auto!important;
  border-radius:0!important;
  background:#39B54A!important;
}
.onehealth-action-inline .n,
.onehealth-action-inline h3,
.onehealth-action-inline p{margin-left:0!important;text-align:left!important}
.onehealth-action-inline .n{margin-bottom:10px!important}
.onehealth-action-inline h3{margin-bottom:10px!important}
.onehealth-action-inline p{
  max-width:none!important;
  width:100%!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.ga-onehealth-line-break{display:inline!important}
@media(max-width:768px){.ga-onehealth-line-break{display:none!important}}

/* Step Four: exactly four compact lines on desktop, without changing copy. */
.ga-step-four-copy{max-width:none!important;font-size:13.5px!important;line-height:1.58!important;letter-spacing:-.01em!important}
.ga-step-four-copy>span{display:block!important;white-space:nowrap!important}
@media(max-width:1100px){
  .ga-step-four-copy{font-size:13px!important}
}
@media(max-width:768px){
  .ga-step-four-copy{font-size:15px!important;line-height:1.62!important}
  .ga-step-four-copy>span{white-space:normal!important}
}

/* One Health illustration: use the full available right column, no shadow. */
.crisis-onehealth .onehealth-chart img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Founder + advisor: journey is supporting artwork, 24% smaller and truly
   centred in the right half. Both pages use exactly the same geometry. */
@media(min-width:1025px){
  #p-arif .tb-profile-journey,
  #p-david .tb-profile-journey{
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
  }
  #p-arif .tb-profile-journey img,
  #p-david .tb-profile-journey img{
    display:block!important;
    width:76%!important;
    max-width:470px!important;
    max-height:430px!important;
    height:auto!important;
    flex:0 0 auto!important;
    object-fit:contain!important;
    margin:auto!important;
    transform:none!important;
  }
  #p-arif .tb-profile-proof-strip,
  #p-david .tb-profile-proof-strip{
    border-top:1px solid rgba(255,255,255,.22)!important;
  }
}
@media(min-width:769px) and (max-width:1024px){
  #p-arif .tb-profile-journey,
  #p-david .tb-profile-journey{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #p-arif .tb-profile-journey img,
  #p-david .tb-profile-journey img{
    width:80%!important;
    max-width:430px!important;
    max-height:410px!important;
    margin:auto!important;
  }
  #p-arif .tb-profile-proof-strip,
  #p-david .tb-profile-proof-strip{border-top:1px solid rgba(255,255,255,.22)!important}
}
@media(max-width:768px){
  #p-arif .tb-profile-journey,
  #p-david .tb-profile-journey{display:flex!important;justify-content:center!important}
  #p-arif .tb-profile-journey img,
  #p-david .tb-profile-journey img{width:88%!important;max-width:480px!important;margin:0 auto!important}
  #p-arif .tb-profile-proof-strip,
  #p-david .tb-profile-proof-strip{border-top:1px solid rgba(255,255,255,.20)!important}
}