.Quarterly.Detail {
  position: relative;
}
@media (min-width: 1024px) {
  .Quarterly.Detail {
    max-width: 110rem;
    min-width: 110rem;
    margin-left: -5rem;
  }
}
.Quarterly.Detail > .inner {
  position: relative;
  z-index: 4;
  background: #FDEEEF;
  color: #0F314D;
  padding: 9.375rem 0 0 0;
  text-align: center;
}
.Quarterly.Detail > .inner .Heading .h4 {
  color: #E40F18;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.Quarterly.Detail > .inner .Heading .h2 {
  font-size: 2.8125rem;
  line-height: 115%;
  font-weight: 600;
}
.Quarterly.Detail > .inner .Content {
  margin-top: 3.125rem;
}
.Quarterly.Detail > .inner .flow {
  background: #FDEEEF;
  color: white;
  padding: 2.5rem 5rem 9.375rem 5rem;
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow {
    padding: 1.875rem;
    flex-direction: column;
  }
}
.Quarterly.Detail > .inner .flow > * {
  position: relative;
  border: 0.1875rem solid white;
  border-radius: 1.25rem;
  padding: 3.125rem;
  align-self: flex-start;
}
.Quarterly.Detail > .inner .flow > * .h3 {
  color: #0F314D;
  font-size: 2rem;
  margin-bottom: 2.5rem;
}
.Quarterly.Detail > .inner .flow > .left {
  width: 20%;
  min-width: 32.5rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow > .left {
    min-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .Quarterly.Detail > .inner .flow > .left::before {
    content: "";
    position: absolute;
    right: -1.25rem;
    top: 38%;
    width: 1.25rem;
    height: 0.1875rem;
    background: white;
  }
  .Quarterly.Detail > .inner .flow > .left::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    top: calc(38% - 0.625rem);
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    background: white;
  }
}
.Quarterly.Detail > .inner .flow > .middle {
  width: 20%;
  border-radius: 100%;
  min-width: 15.625rem;
  height: 15.625rem;
  align-self: center;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Quarterly.Detail > .inner .flow > .middle img {
  min-width: 15.625rem;
}
@media (min-width: 1024px) {
  .Quarterly.Detail > .inner .flow > .middle {
    margin-top: -12.5rem;
  }
}
.Quarterly.Detail > .inner .flow > .right {
  position: relative;
  width: 60%;
  min-width: 49.375rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow > .right {
    min-width: 100%;
    width: 100%;
  }
}
.Quarterly.Detail > .inner .flow > .right .block-grid {
  display: flex;
  gap: 1.875rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow > .right .block-grid {
    flex-direction: column;
  }
}
.Quarterly.Detail > .inner .flow > .right .block-grid .item, .Quarterly.Detail > .inner .flow > .right .block-grid .item a {
  width: 47%;
  gap: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow > .right .block-grid .item, .Quarterly.Detail > .inner .flow > .right .block-grid .item a {
    width: 100%;
    max-width: 100%;
  }
}
.Quarterly.Detail > .inner .flow > .right .block-grid .item .inner, .Quarterly.Detail > .inner .flow > .right .block-grid .item a .inner {
  margin-top: 1.75rem;
}
.Quarterly.Detail > .inner .flow > .right .block-grid .item a {
  width: 100%;
}
@media (min-width: 1024px) {
  .Quarterly.Detail > .inner .flow > .right::before {
    content: "";
    position: absolute;
    left: -8.75rem;
    top: 36%;
    width: 8.75rem;
    height: 0.1875rem;
    background: white;
  }
  .Quarterly.Detail > .inner .flow > .right::after {
    content: "";
    position: absolute;
    left: -10rem;
    top: calc(36% - 0.625rem);
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    background: white;
  }
}
.Quarterly.Detail > .inner .flow .item, .Quarterly.Detail > .inner .flow .item > a {
  text-decoration: none;
  color: white;
  min-height: 8.75rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow .item, .Quarterly.Detail > .inner .flow .item > a {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.25rem;
  }
}
.Quarterly.Detail > .inner .flow .item .icon, .Quarterly.Detail > .inner .flow .item > a .icon {
  position: relative;
  border-radius: 100%;
  width: 5rem;
  height: 5rem;
  min-width: 5rem;
  min-height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
}
.Quarterly.Detail > .inner .flow .item .inner .h3, .Quarterly.Detail > .inner .flow .item > a .inner .h3 {
  margin: 0 0 0 0;
  padding: 0rem 0rem;
  text-align: left;
  font-size: 1.125rem;
  color: #0F314D;
}
.Quarterly.Detail > .inner .flow .item .inner .line, .Quarterly.Detail > .inner .flow .item > a .inner .line {
  margin-top: 1.25rem;
  font-size: 0.9375rem;
  color: #0F314D;
  font-weight: 400;
  line-height: 160%; /* 24px */
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.Quarterly.Detail > .inner .flow .item .inner .line span.bar, .Quarterly.Detail > .inner .flow .item > a .inner .line span.bar {
  width: 16.25rem;
  max-width: 16.25rem;
  background: white;
  height: 0.625rem;
  border-radius: 18.75rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow .item .inner .line span.bar, .Quarterly.Detail > .inner .flow .item > a .inner .line span.bar {
    width: 100%;
    max-width: 100%;
  }
}
.Quarterly.Detail > .inner .flow .item .inner .line span.bar span.fill, .Quarterly.Detail > .inner .flow .item > a .inner .line span.bar span.fill {
  background: #E40F18;
  height: 100%;
  display: block;
  border-radius: 18.75rem 0 0 18.75rem;
}
.Quarterly.Detail > .inner .flow .item .inner .step, .Quarterly.Detail > .inner .flow .item > a .inner .step {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.Quarterly.Detail > .inner .flow .item .inner .step > .bar-wrap, .Quarterly.Detail > .inner .flow .item > a .inner .step > .bar-wrap {
  display: flex;
  gap: 0.625rem;
}
.Quarterly.Detail > .inner .flow .item .inner .step > .bar-wrap > .stepbar, .Quarterly.Detail > .inner .flow .item > a .inner .step > .bar-wrap > .stepbar {
  width: 5.0625rem;
  height: 0.625rem;
  border-radius: 18.75rem;
  background: white;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow .item .inner .step > .bar-wrap > .stepbar, .Quarterly.Detail > .inner .flow .item > a .inner .step > .bar-wrap > .stepbar {
    width: 1.875rem;
  }
}
.Quarterly.Detail > .inner .flow .item .inner .step.started > .bar-wrap > .stepbar:first-child, .Quarterly.Detail > .inner .flow .item > a .inner .step.started > .bar-wrap > .stepbar:first-child {
  background: #E40F18;
}
.Quarterly.Detail > .inner .flow .item .inner .step.progress > .bar-wrap > .stepbar:first-child, .Quarterly.Detail > .inner .flow .item > a .inner .step.progress > .bar-wrap > .stepbar:first-child {
  background: #E40F18;
}
.Quarterly.Detail > .inner .flow .item .inner .step.progress > .bar-wrap > .stepbar:nth-child(2), .Quarterly.Detail > .inner .flow .item > a .inner .step.progress > .bar-wrap > .stepbar:nth-child(2) {
  background: #E40F18;
}
.Quarterly.Detail > .inner .flow .item .inner .step.completed > .bar-wrap > .stepbar, .Quarterly.Detail > .inner .flow .item > a .inner .step.completed > .bar-wrap > .stepbar {
  background: #E40F18;
}
.Quarterly.Detail > .inner .flow .item .inner .step > .step-text, .Quarterly.Detail > .inner .flow .item > a .inner .step > .step-text {
  color: #0F314D;
}
.Quarterly.Detail > .inner .flow.bottom {
  padding-top: 0;
  margin-left: auto;
  justify-content: flex-end;
}
.Quarterly.Detail > .inner .flow.bottom:not(.last) {
  margin-top: -27.1875rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow.bottom:not(.last) {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow.bottom {
    margin-top: 0;
  }
}
.Quarterly.Detail > .inner .flow.bottom .bottom {
  position: relative;
  display: flex;
  gap: 2.5rem;
  align-items: center;
  max-width: 66.25rem;
}
.Quarterly.Detail > .inner .flow.bottom .bottom .item, .Quarterly.Detail > .inner .flow.bottom .bottom .item a {
  width: 47%;
  gap: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow.bottom .bottom .item, .Quarterly.Detail > .inner .flow.bottom .bottom .item a {
    width: 100%;
    max-width: 100%;
  }
}
.Quarterly.Detail > .inner .flow.bottom .bottom .item .inner, .Quarterly.Detail > .inner .flow.bottom .bottom .item a .inner {
  margin-top: 1.75rem;
}
.Quarterly.Detail > .inner .flow.bottom .bottom .h3 {
  margin: 0;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow.bottom .bottom {
    flex-direction: column;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .Quarterly.Detail > .inner .flow.bottom .bottom::before {
    content: "";
    position: absolute;
    top: -8.125rem;
    left: 7.8125rem;
    width: 0.1875rem;
    height: 8.125rem;
    background: white;
  }
  .Quarterly.Detail > .inner .flow.bottom .bottom::after {
    content: "";
    position: absolute;
    top: -9.0625rem;
    left: 7.0625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    background: white;
  }
}
.Quarterly.Detail > .inner .flow.bottom.last {
  margin-top: -7.5rem;
}
@media (max-width: 768px) {
  .Quarterly.Detail > .inner .flow.bottom.last {
    margin-top: 0;
  }
}
.Quarterly.Detail > .inner .flow.bottom.last .bottom {
  max-width: 100%;
  width: 100%;
}
.Quarterly.Detail > .inner .flow.bottom.last .bottom::before, .Quarterly.Detail > .inner .flow.bottom.last .bottom::after {
  display: none;
}
.Quarterly.Detail > .inner .flow.bottom.last .bottom .item, .Quarterly.Detail > .inner .flow.bottom.last .bottom item a {
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
}
.Quarterly.Detail > .inner .flow.bottom.last .bottom .item .inner, .Quarterly.Detail > .inner .flow.bottom.last .bottom item a .inner {
  margin-top: 0;
}