/* AO Psychology & Counselling V173 — compact, horizontal closing banners.
   Design reference: user's preferred former About page closing strip.
   ONE design system for non-urgent ending CTAs across the site.
   Purpose-built urgent-help and editorial/non-CTA sections remain untouched. */

body.ao63-white-site main#main-content > section.ao173-end {
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:28px 0 30px !important;
  border:0 !important;
  border-top:1px solid #D4E7EA !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#E8F7F9 !important;
  background-color:#E8F7F9 !important;
  background-image:none !important;
  color:#102B3F !important;
  text-align:left !important;
}
body.ao63-white-site main#main-content > section.ao173-end > div {
  box-sizing:border-box !important;
  display:grid !important;
  width:min(1200px,calc(100% - 76px)) !important;
  max-width:1200px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  grid-template-columns:minmax(0,1fr) minmax(175px,max-content) !important;
  align-items:center !important;
  justify-content:space-between !important;
  column-gap:clamp(22px,3vw,48px) !important;
  row-gap:5px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
body.ao63-white-site main#main-content > section.ao173-end > div > :first-child {
  min-width:0;
}
body.ao63-white-site main#main-content > section.ao173-end :is(.a45-eyebrow,.pt-eyebrow,.cy-eyebrow,.scn-eyebrow,.pr-eyebrow,.fa-eyebrow,.eyebrow,.ao122i-kicker,.ao74-kicker) {
  display:block;
  width:auto;
  margin:0 0 6px !important;
  font:800 10px/1.45 "DM Sans",Arial,sans-serif !important;
  letter-spacing:.105em;
  color:#007F8C !important;
}
body.ao63-white-site main#main-content > section.ao173-end > div > div:first-child > span:first-child,
body.ao63-white-site main#main-content > section.ao173-end > div > div:first-child > div.eyebrow,
body.ao63-white-site main#main-content > section.ao173-end .ao143-final-row > div:first-child > span:first-child {
  display:block;
  margin:0 0 6px !important;
  color:#007F8C !important;
}
body.ao63-white-site main#main-content > section.ao173-end h2 {
  box-sizing:border-box;
  max-width:900px;
  margin:0 0 7px !important;
  font:800 clamp(24px,2.1vw,30px)/1.23 Manrope,"DM Sans",Arial,sans-serif !important;
  letter-spacing:-.035em !important;
  color:#102B3F !important;
  text-wrap:balance;
}
body.ao63-white-site main#main-content > section.ao173-end p {
  max-width:820px;
  margin:0 !important;
  font:400 13.2px/1.6 "DM Sans",Arial,sans-serif !important;
  color:#385969 !important;
  letter-spacing:normal;
}
body.ao63-white-site main#main-content > section.ao173-end p a {
  color:#006D7C !important;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.ao63-white-site main#main-content > section.ao173-end small,
body.ao63-white-site main#main-content > section.ao173-end :is(.a61-contact-note,.a62-enquiry-note,.a64-contact-note,.ao74-small) {
  font:400 11px/1.5 "DM Sans",Arial,sans-serif !important;
  color:#456978 !important;
  margin:7px 0 0 !important;
}
body.ao63-white-site main#main-content > section.ao173-end :is(.a45-actions,.pt-end-actions,.a71-close-actions,.ao122i-end-actions,.ao74-callout,.ao121b-final-action) {
  box-sizing:border-box;
  min-width:0;
  max-width:420px;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap;
  column-gap:9px !important;
  row-gap:8px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.ao63-white-site main#main-content > section.ao173-end :is(a.btn,a.a45-button,a.ao74-button,a.ao143-final-btn) {
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px !important;
  max-width:100%;
  width:auto;
  margin:0 !important;
  padding:10px 16px !important;
  border-radius:7px !important;
  border:1.5px solid #007E8C !important;
  background:#007E8C !important;
  background-color:#007E8C !important;
  color:#FFFFFF !important;
  font:750 12.8px/1.4 "DM Sans",Arial,sans-serif !important;
  text-decoration:none !important;
  text-align:center;
  white-space:normal;
  box-shadow:none !important;
}
body.ao63-white-site main#main-content > section.ao173-end :is(a.btn,a.a45-button,a.ao74-button,a.ao143-final-btn):hover {
  background:#006B79 !important;
  background-color:#006B79 !important;
  color:#FFFFFF !important;
}
body.ao63-white-site main#main-content > section.ao173-end :is(a.btn.btn-outline,a.a45-button.outline-white,a.pt-end-secondary,a.a71-subtle-link,a.ao122i-link,a.ao74-quietlink) {
  box-sizing:border-box;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  width:auto !important;
  max-width:100%;
  margin:0 !important;
  padding:10px 16px !important;
  border:1.5px solid #00818F !important;
  border-radius:7px !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#007481 !important;
  font:750 12.8px/1.4 "DM Sans",Arial,sans-serif !important;
  text-decoration:none !important;
  text-align:center;
  white-space:normal;
}
body.ao63-white-site main#main-content > section.ao173-end :is(a.btn.btn-outline,a.a45-button.outline-white,a.pt-end-secondary,a.a71-subtle-link,a.ao122i-link,a.ao74-quietlink):hover {
  background:#F5FBFC !important;
  color:#005966 !important;
}
body.ao63-white-site main#main-content > section.ao173-end a:focus-visible {
  outline:3px solid #102B3F !important;
  outline-offset:3px;
}
/* Home & Services have one wrapper with heading, copy and action siblings. */
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > :is(.a45-eyebrow,h2,p,small) {
  grid-column:1;
  min-width:0;
}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > .a45-eyebrow {grid-row:1}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > h2 {grid-row:2}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > p {grid-row:3}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > small {grid-row:4}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > .a45-actions {
  grid-column:2;grid-row:1 / span 4;align-self:center;
}
body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta h2 br {display:none}
/* Screening detail: action group alongside heading and explanation. */
body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > :is(.eyebrow,h2,p) {grid-column:1}
body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > .eyebrow {grid-row:1}
body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > h2 {grid-row:2}
body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > p {grid-row:3}
body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > .a71-close-actions {
  grid-column:2;grid-row:1 / span 3;
}
/* Direct two-child compositions: copy on left, buttons right. */
body.ao63-white-site main#main-content > section.ao173-end > div > div:first-child {grid-column:1}
body.ao63-white-site main#main-content > section.ao173-end > div > :is(a.btn,a.ao143-final-btn,.pt-end-actions,.ao122i-end-actions,.ao74-callout,.ao121b-final-action) {
  grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;
}
body.ao63-white-site main#main-content > section.ao173-end > div > :is(.a61-contact-note,.a62-enquiry-note) {
  grid-column:1;grid-row:2;
}
body.ao63-white-site main#main-content > section.ao173-end > div > .ao121b-final-action p {
  margin-top:5px !important;
  max-width:260px;
  font-size:10.6px !important;
}
body.ao63-white-site main#main-content > section.ao173-end > .ao74-container .ao74-callout .ao74-small {
  margin-top:3px !important;
}
body.ao63-white-site main#main-content > section.ao173-end > .ao74-container .ao74-callout {
  align-items:flex-start !important;
  flex-direction:column !important;
  grid-column:2;
}
/* Old About/Assessments slim banner has no inner wrapper. */
body.ao63-white-site main#main-content > section.ao173-end.detail-end {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:clamp(18px,3.5vw,42px) !important;
  padding:32px max(38px,calc((100vw - 1200px)/2)) !important;
}
body.ao63-white-site main#main-content > section.ao173-end.detail-end > p {
  min-width:0;
  max-width:900px;
  font:800 clamp(23px,2.45vw,32px)/1.25 Manrope,"DM Sans",Arial,sans-serif !important;
  letter-spacing:-.03em;
  color:#102B3F !important;
}
body.ao63-white-site main#main-content > section.ao173-end.detail-end > a {
  justify-self:end;
  white-space:nowrap;
}
@media(max-width:900px){
  body.ao63-white-site main#main-content > section.ao173-end {padding:24px 0 26px !important}
  body.ao63-white-site main#main-content > section.ao173-end > div {width:calc(100% - 48px) !important;column-gap:18px !important;grid-template-columns:minmax(0,1fr) minmax(120px,max-content) !important}
  body.ao63-white-site main#main-content > section.ao173-end h2 {font-size:clamp(23px,3vw,27px) !important}
  body.ao63-white-site main#main-content > section.ao173-end.detail-end {padding:25px 24px !important}
}
@media(max-width:700px){
  body.ao63-white-site main#main-content > section.ao173-end {padding:24px 0 25px !important}
  body.ao63-white-site main#main-content > section.ao173-end > div {
    width:calc(100% - 38px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end > div > * {
    max-width:100%;
    grid-column:auto !important;
    grid-row:auto !important;
    align-self:auto !important;
    justify-self:auto !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end h2 {
    font-size:clamp(22px,6vw,26px) !important;
    line-height:1.26 !important;
    margin:4px 0 7px !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end p {font-size:12.6px !important;line-height:1.58 !important}
  body.ao63-white-site main#main-content > section.ao173-end :is(.a45-actions,.pt-end-actions,.a71-close-actions,.ao122i-end-actions,.ao74-callout,.ao121b-final-action) {
    max-width:100% !important;
    margin-top:15px !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end > div > :is(a.btn,a.ao143-final-btn,.pt-end-actions,.ao122i-end-actions,.ao74-callout,.ao121b-final-action) {
    align-self:flex-start !important;
    justify-self:flex-start !important;
    margin-top:15px !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > :is(.a45-eyebrow,h2,p,small,.a45-actions),
  body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > :is(.eyebrow,h2,p,.a71-close-actions) {
    grid-column:auto !important;
    grid-row:auto !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end.a45-bottom-cta > .a45-wrap > .a45-actions,
  body.ao63-white-site main#main-content > section.ao173-end.a71-close > div > .a71-close-actions {align-self:flex-start;margin-top:15px !important}
  body.ao63-white-site main#main-content > section.ao173-end.detail-end {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:16px !important;
    padding:25px 19px !important;
  }
  body.ao63-white-site main#main-content > section.ao173-end.detail-end > p {font-size:clamp(22px,6vw,27px) !important}
  body.ao63-white-site main#main-content > section.ao173-end.detail-end > a {align-self:flex-start !important}
}
@media(max-width:360px){
  body.ao63-white-site main#main-content > section.ao173-end :is(a.btn,a.a45-button,a.ao74-button,a.ao143-final-btn,a.pt-end-secondary) {
    max-width:100%;
    font-size:12px !important;
  }
}