/* OPS Home: procurement presentation and the existing Facebook frame's mobile bounds. */
.energy-design--home .energy-procurement { padding: 90px 0 100px; }
.energy-design--home .energy-procurement > .img-bg {
  top: 0;
  background-image: linear-gradient(to bottom, #e1e8f5 0%, rgba(225,232,245,.85) 22%, transparent 70%), url('/assets/app/images/energy-design/home14/procurement-bg.png') !important;
}
.energy-design--home .energy-procurement > .container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
}
.energy-design--home .energy-procurement-heading h6 { color: #fe4d01 !important; }
.energy-design--home .energy-procurement-heading p { margin-top: 16px; line-height: 1.5; }
.energy-design--home .energy-procurement .tab-container { min-width: 0; position: static; }
.energy-design--home .energy-procurement .tab-contents,
.energy-design--home .energy-procurement .tab-content { position: static; }
.energy-design--home .energy-procurement .tab-contents { transform: none !important; }
.energy-design--home .energy-procurement .tabs { margin: 0 !important; padding-right: 110px; }
.energy-design--home .energy-procurement .tab { padding: 12px 0; margin-right: 24px; }
.energy-design--home .energy-procurement .slide-container { padding-top: 20px; overflow: visible; max-height: none; }
.energy-design--home .energy-procurement .slide { padding-top: 14px; }
.energy-design--home .energy-procurement .ss-card { border-radius: 10px; }
.energy-design--home .energy-procurement .text-container {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e7e8ea;
}
.energy-design--home .energy-procurement .text-container:hover,
.energy-design--home .energy-procurement .text-container:focus-within { border-color: #fe4d01; }
.energy-design--home .energy-procurement .text-container > .wrapper { display: flex; flex-direction: column; }
/* Keep the source organisation in the document, while the selected tab identifies the group. */
.energy-design--home .energy-procurement .tab-content[data-tab="0"] .card-tag {
  position: absolute; width: 1px; height: 1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.energy-design--home .energy-procurement .tab-content[data-tab="1"] .card-tag {
  position: static; margin-bottom: 8px; padding: 0; box-shadow: none; background: none; color: #555;
}
.energy-design--home .energy-procurement .ss-stat { order: -1; width: 100%; margin: 0 0 12px; color: #fe4d01; }
.energy-design--home .energy-procurement .ss-stat .stat { color: #c13b00; }
.energy-design--home .energy-procurement .tab:not(.active) { color: #555; }
.energy-design--home .energy-procurement .title { -webkit-line-clamp: 3; min-height: 4.7em; line-height: 1.55; }
.energy-design--home .energy-procurement-action {
  display: flex; align-items: center; gap: 12px;
  min-height: 44px; margin-top: 12px; font-size: .875rem;
}
.energy-design--home .energy-procurement-file-icon { flex: 0 0 32px; width: 32px; height: 40px; object-fit: contain; }
.energy-design--home .energy-procurement-action > em:last-child { margin-left: auto; color: #fe4d01; }
.energy-design--home .energy-procurement a:focus-visible,
.energy-design--home .energy-procurement button:focus-visible { outline: 2px solid #242424; outline-offset: 3px; }
.energy-design--home .energy-procurement .bullet { position: absolute; top: -50px; left: auto; right: 8px; width: 100px; padding: 0; }
.energy-design--home .energy-procurement .bullet-wrapper { width: 100%; height: 44px; padding: 0; }
.energy-design--home .energy-procurement .dots { display: none; }
.energy-design--home .energy-procurement .arrows { gap: 8px; }
.energy-design--home .energy-procurement .arrows button {
  flex: 0 0 44px; width: 44px; height: 44px;
  border-radius: 50%; background: #fe4d01; color: #fff;
}
.energy-design--home .energy-procurement .arrows button:disabled { opacity: .45; cursor: default; }
.energy-design--home .energy-procurement .btns { position: absolute; bottom: 0; left: 15px; width: auto; text-align: left; }
@media (max-width: 1199.98px) {
  .energy-design--home .energy-procurement > .container { gap: 24px; grid-template-columns: 1fr 2fr; }
  .energy-design--home .energy-procurement .tabs { padding-right: 0; }
  .energy-design--home .energy-procurement .slide-container { padding-top: 60px; }
  .energy-design--home .energy-procurement .bullet { top: 8px; }
}
@media (max-width: 991.98px) {
  .energy-design--home .energy-procurement { padding: 48px 0; }
  .energy-design--home .energy-procurement > .container { display: block; }
  .energy-design--home .energy-procurement-heading { margin-bottom: 24px; }
  .energy-design--home .energy-procurement .btns { position: static; margin-top: 24px !important; }
  .energy-design--home .energy-procurement .tab { margin-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .energy-design--home .energy-procurement .text-container { transition: none; }
}
/* Keep the existing Facebook timeline within its column on narrow screens. */
.energy-design--home .about-05 .fb-page,
.energy-design--home .about-05 .fb-page > span,
.energy-design--home .about-05 .fb-page iframe { max-width: 100%; }

/* Keep authored banners readable when an old CMS upload no longer exists. */
.energy-design--home .about-04 table { min-width: 1040px; }
.energy-design--home .about-04 .icon-container .text { white-space: nowrap; }
.energy-design--home .about-04 .icon-wrapper { flex: 0 0 44px; }
.energy-design--home .client-01 .energy-link-banner {
  min-height: 120px;
  background-color: #b94313;
  background-image: linear-gradient(transparent, rgba(0,0,0,.6)), var(--energy-banner-image), linear-gradient(135deg, #fc681b, #b94313) !important;
}
.energy-design--home .client-01 .energy-link-banner > .wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 16px;
}
.energy-design--home .client-01 .energy-link-banner p {
  font-size: 16px;
  line-height: 1.45;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.energy-design--home .client-01 .slide-container { overflow: visible; max-height: none; }
.energy-design--home .client-01 .slick-list { overflow: hidden; }
@media (max-width: 575px) {
  .energy-design--home .client-01 .energy-link-banner > .wrapper { padding: 10px; }
}