/* =========================================================
   OTHER FLAGS — COMPACT WORKFLOW HEADER ALIGNMENT ONLY
   No box/background on explanatory copy
   ========================================================= */

html body
.ofs-process
.ofs-head{
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  align-items:center !important;

  gap:64px !important;
}


/* LEFT HEADING */
html body
.ofs-process
.ofs-head
> div{
  align-self:center !important;
}


/* RIGHT EXPLANATORY TEXT */
html body
.ofs-process
.ofs-head
> p{
  align-self:center !important;

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

  margin:0 !important;

  padding:
    0 0 0 20px !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  border-radius:
    0 !important;

  border-top:
    0 !important;

  border-right:
    0 !important;

  border-bottom:
    0 !important;

  border-left:
    2px solid #4bb8dd !important;

  color:
    #506e7d !important;

  font-size:
    13px !important;

  line-height:
    1.65 !important;

  font-weight:
    400 !important;
}


@media(max-width:760px){

  html body
  .ofs-process
  .ofs-head{
    grid-template-columns:
      1fr !important;

    gap:
      18px !important;
  }

  html body
  .ofs-process
  .ofs-head
  > p{
    max-width:
      none !important;
  }

}
