#pgsbnserie--header_container {
  position: fixed;
  z-index: 30;
  width: 100%;
}
.pgsbnserie--container .orstcrd1--container {
  margin-bottom: 84px;
}
.pgsbnserie--container .app-sbn {
  overflow: visible;
  margin: 31px 0;
  position: relative;
}
.pgsbnserie--container .app-sbn > div > div:nth-child(2) {
  padding-top: 0;
  align-items: center;
}
.pgsbnserie--container .app-sbn > div {
  height: 100%;
  display: flex;
  justify-content: center;
  background: #D7E0E0;
  border-radius: 24px;
}
.pgsbnserie--container .app-sbn > div.sbn-qr-wrapper {
  padding: 0 40px;
}
.pgsbnserie--container .app-sbn > div > div:first-child {
  width: 100%;
}
.pgsbnserie--container .app-sbn > div > div:first-child > div:nth-child(2) {
  margin: 0;
  margin-left: 240px;
  padding-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: none;
  width: 100%;
}
.pgsbnserie--container .app-sbn .app-content-sbn > .download-prompt {
  margin-left: auto;
  margin-bottom: 29px;
}
.pgsbnserie--container .app-sbn .app-content-sbn > h6 {
  margin-bottom: 29px;
  margin-right: 20px;
}
.pgsbnserie--container .app-sbn .app-content-sbn > h6 {
  margin-bottom: 29px;
}
.pgsbnserie--container .app-sbn > div > div > div:first-child img {
  height: 220px;
  width: 198.89px;
  position: absolute;
  bottom: 0;
}
.pgsbnserie--container .app-sbn .app-content-sbn > h6 + button {
  display: none;
}
.pgsbnserie--container .app-sbn > div > div:nth-child(2) > a > *  {
  color: var(--black-cool-500);
}
.pgsbnserie--container .orcrdlarg--wrapper-serie {
  padding-bottom: 3rem;
}
.pgsbnserie--container .sbnseri--card-countdown {
  padding-top: calc(108px + 56px);
}
.pgsbnserie--container .sbnseri--card-no-countdown {
  padding-top: 110px;
}
.pgsbnserie--container .orcrdlrg--approacing-info {
  margin-top: 8px;
  position: absolute;
  width: fit-content;
}

/* Mengenal */
.pgsbnserie--container .orlidscli--items-container .mlimgblt--container > div:nth-child(2) {
  display: block;
  max-width: 70%;
}

/* Cara kerja SBN */
.pgsbnserie--container .orstcrd1--container > div > div:first-child {
  margin-bottom: 36px;
}
.pgsbnserie--container .orstcrd1--container > div > div:nth-child(2) {
  display: flex;
  justify-content: center;
}
.pgsbnserie--container .orstcrd1--container > div:first-child::before {
  background: #D7E0E0;
}
.pgsbnserie--container .orstcrd1--container .MuiAvatar-root > h4, .pgsbnserie--container .orstcrd1--container .MuiAvatar-root > h5 {
  color: rgba(79, 88, 89, 0.65);
}
.pgsbnserie--container .orstcrd1--container > div h4, .pgsbnserie--container .orstcrd1--container > div h4 + div {
  text-align: center;
}
.pgsbnserie--container .mlttldes--title {
  margin-bottom: 12px;
}
.pgsbnserie--container .pgsbnserie--start-invest {
  display: none;
}

/* BottomBanner */
.pgsbnserie--container .app-sbn > div > div:nth-child(2) {
  display: none;
}
.pgsbnserie--container .app-sbn > div {
  height: 100%;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .pgsbnserie--container .app-sbn > div > div:nth-child(2) {
    display: none;
  }
  .pgsbnserie--container .orstcrd1--container > div > div:nth-child(2) {
    display: block;
  }
}

@media screen and (max-width: 1160px) {
  .pgsbnserie--container .app-sbn > div {
    border-radius: 0;
  }
}

@media screen and (max-width: 991px) {
  .pgsbnserie--container .atcdbn--container * {
    font-size: 14px;
  }
  .pgsbnserie--container .orcrdlrg--top .atbrdcrmb--container {
    padding-top: 32px;
  }
  .pgsbnserie--container .orlidscli--items-container .mlimgblt--container {
    min-width: 50%;
    max-width: 50%;
  }
  .pgsbnserie--container .sbnseri--card-countdown {
    padding-top: calc(85px + 56px);
  }
  .pgsbnserie--container .sbnseri--card-no-countdown {
    padding-top: 86px;
  }
}

@media screen and (max-width: 768px) {
  .pgsbnserie--container .orcrdlrg--card-container {
    top: 8.5rem !important;
  }
  .pgsbnserie--container .orstcrd1--container {
    margin-bottom: 0;
    padding: 0 0 0 16px;
  }
  .pgsbnserie--container .atcdbn--container > .atcdbn--text {
    line-height: 18px;
  }
  .pgsbnserie--container .orstcrd1--container > div::after, .pgsbnserie--container .orstcrd1--container > div::before {
    content: none;
  }
  .pgsbnserie--container .orstcrd1--container > div {
    width: auto;
  }
  .pgsbnserie--container .app-sbn .app-content-sbn > h6 + button {
    display: inherit;
  }

  /* CTA Banner */
  .pgsbnserie--container .app-sbn {
    background: #D7E0E0 !important;
    margin-bottom: 0;
  }
  .pgsbnserie--container .app-sbn > div {
    border-radius: 0;
  }
  .pgsbnserie--container .app-sbn .app-content-sbn > .download-prompt {
    margin-left: 0;
    margin-bottom: 0;
  }
  .pgsbnserie--container .app-sbn > div > div:first-child {
    width: initial;
  }
  .pgsbnserie--container .app-sbn > div > div:first-child > div:nth-child(2) {
    flex-direction: column;
  }

  .pgsbnserie--container .app-sbn .app-content-sbn > h6 {
    margin-right: 0;
    max-width: 400px;
    font-size: 16px;
    margin-bottom: 16px;
  }
  .pgsbnserie--container .app-sbn > div > div > div:first-child img {
    display: none;
  }
  .pgsbnserie--container .app-sbn > div > div:nth-child(2) {
    display: inherit;
  }
  .pgsbnserie--container .app-sbn + div {
    display: none;
  }
  .pgsbnserie--container .pgsbnserie--start-invest {
    display: inherit;
    width: fit-content;
    text-decoration: none;
  }
}

@media screen and (max-width: 576px) {
  .pgsbnserie--container .orcrdlarg--wrapper-serie {
    padding-bottom: 1.5rem;
  }
  .pgsbnserie--container .orstcrd1--container > div h4, .pgsbnserie--container .orstcrd1--container > div h4 + div {
    text-align: start;
  }
  .pgsbnserie--container .atcdbn--container * {
    font-size: 12px;
  }
  .pgsbnserie--container .atcdbn--container > .atcdbn--text {
    text-align: start;
  }
  .pgsbnserie--container > .orlidscli--wrapper .mlttldes--title,
  .pgsbnserie--container > .orstcrd1--container .mlttldes--title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .pgsbnserie--container .orstcrd1--container > div > div:first-child {
    margin-bottom: 20px;
  }
  .pgsbnserie--container .orsimsbscom--container .mlttldes--title {
    font-size: 12px;
  }

  /* CTA Banner */
  .pgsbnserie--container .app-sbn > div.sbn-qr-wrapper {
    padding: 0 16px;
  }

  .pgsbnserie--container .app-sbn .app-content-sbn > h6 {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 18px;
    max-width: 75%;
  }
  .pgsbnserie--container .app-sbn .app-content-sbn > h6 + button {
    width: 193px;
  }

  .pgsbnserie--container .orlidscli--items-container .mlimgblt--container {
    min-width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .pgsbnserie--container .orsimsbscom--container .mlttldes--title {
    font-size: 10px;
  }
  .pgsbnserie--container .orcrdlrg--approacing-info {
    font-size: 10px !important;
  }
}