/* Break out of Discuz portal wrappers: channel heroes always span the viewport. */
body.techgg .tg-list-hero {
  width: 100vw !important;
  max-width: none !important;
  min-height: 400px !important;
  margin: 0 calc(50% - 50vw) 36px !important;
  background-color: #101e25 !important;
  background-image: url('https://www.techsir.com/cover.php') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
body.techgg .tg-list-hero::before { background: rgba(6, 17, 23, .50) !important; }
body.techgg .tg-list-hero > .tg-list-hero-copy {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: min(1180px, calc(100% - 40px)) !important;
  margin: 0 !important;
  padding: 36px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  transform: translate(-50%, -50%) !important;
}
body.techgg .tg-list-hero .tg-list-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  margin: 0 0 13px !important;
}
body.techgg .tg-list-hero .tg-list-kicker::before,
body.techgg .tg-list-hero .tg-list-kicker::after {
  content: '' !important;
  display: block !important;
  width: 36px !important;
  height: 2px !important;
  background: #e05252 !important;
}
body.techgg .tg-list-hero h1,
body.techgg .tg-list-hero p {
  text-align: center !important;
}
body.techgg .tg-list-hero h1::before {
  display: block !important;
  width: 44px !important;
  height: 2px !important;
  margin: 0 !important;
  background: #e05252 !important;
  content: '' !important;
}
body.techgg .tg-list-hero h1::after {
  display: block !important;
  width: 44px !important;
  height: 2px !important;
  background: #e05252 !important;
  content: '' !important;
}
body.techgg .tg-list-hero h1 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
}
body.techgg .tg-list-hero .tg-list-hero-actions {
  justify-content: center !important;
}
@media (max-width: 760px) {
  body.techgg .tg-list-hero {
    min-height: 270px !important;
    margin-bottom: 22px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  body.techgg .tg-list-hero > .tg-list-hero-copy { width: calc(100% - 28px) !important; padding: 22px 0 !important; }
}