.hubungan-investor .card .card-body {
  padding-right: 0px;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .hubungan-investor .card .card-body {
      padding-left: 2.5rem; } }
  @media (max-width: 480px) {
    .hubungan-investor .card .card-body {
      padding: .5rem 2rem; } }
.hubungan-investor .main-hero {
  width: 100%;
  padding-bottom: 30%;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 1.5rem; }
  @media (max-width: 1024px) {
    .hubungan-investor .main-hero {
      padding-bottom: 35%; } }
  @media (max-width: 920px) {
    .hubungan-investor .main-hero {
      padding-bottom: 35%; } }
  @media (max-width: 600px) {
    .hubungan-investor .main-hero {
      padding-bottom: 40%; } }
  @media (max-width: 480px) {
    .hubungan-investor .main-hero {
      padding-bottom: 40%; } }
  @media (max-width: 360px) {
    .hubungan-investor .main-hero {
      padding-bottom: 50%; } }
  .hubungan-investor .main-hero .hero-caption {
    width: 40%;
    position: absolute;
    left: 25px;
    top: 25px;
    font-weight: bold;
    font-size: 1.4rem; }
    @media (max-width: 1024px) {
      .hubungan-investor .main-hero .hero-caption {
        width: 40%;
        font-size: 1.2rem; } }
    @media (max-width: 920px) {
      .hubungan-investor .main-hero .hero-caption {
        width: 70%;
        font-size: 1rem; } }
    @media (max-width: 600px) {
      .hubungan-investor .main-hero .hero-caption {
        width: 90%;
        font-size: 1rem; } }
    @media (max-width: 480px) {
      .hubungan-investor .main-hero .hero-caption {
        width: 90%;
        font-size: .8rem; } }
    @media (max-width: 480px) {
      .hubungan-investor .main-hero .hero-caption {
        width: 90%;
        font-size: .7rem;
        top: 15px; } }
.hubungan-investor .column-container {
  z-index: 1;
  background-color: white; }
  .hubungan-investor .column-container .icon-fly {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 1; }
    .hubungan-investor .column-container .icon-fly.top-right {
      top: 0;
      right: 0; }
    .hubungan-investor .column-container .icon-fly.top-left {
      top: 0;
      left: 0; }
    .hubungan-investor .column-container .icon-fly img {
      max-width: 50px;
      max-height: 50px; }
    @media (max-width: 600px) {
      .hubungan-investor .column-container .icon-fly {
        width: 50px;
        height: 50px; }
        .hubungan-investor .column-container .icon-fly img {
          max-width: 30px;
          max-height: 30px; } }
.hubungan-investor .no-radius {
  border-radius: 0px; }
.hubungan-investor .image-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 120%;
  left: -90px;
  bottom: 0;
  margin: auto;
  z-index: 0; }
  @media (max-width: 992px) {
    .hubungan-investor .image-bg {
      width: 200%; } }
  @media (max-width: 764px) {
    .hubungan-investor .image-bg {
      position: relative;
      height: 140px;
      left: 0;
      width: 100%;
      margin-bottom: 1rem; } }
.hubungan-investor .report-item .report-image-bg {
  width: 100%;
  padding-bottom: 60%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  .hubungan-investor .report-item .report-image-bg .report-caption {
    position: absolute;
    padding: 1rem;
    background-color: white;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    width: 70%;
    height: 100px;
	color:black; }
@media (max-width: 1255px) {
    .hubungan-investor .report-item .report-image-bg .report-caption {
        font-size: 0.9rem;
        width: 80%;
    }
}
    @media (max-width: 1024px) {
      .hubungan-investor .report-item .report-image-bg .report-caption {
        font-size: 0.7rem;
        width: 70%;
        height: 70px;
        padding: 0.5rem; } }
    @media (max-width: 767px) {
      .hubungan-investor .report-item .report-image-bg .report-caption {
        font-size: 1rem;
        width: 80%;
        height: 95px;
        padding: 0.5rem; } }
    @media (max-width: 480px) {
      .hubungan-investor .report-item .report-image-bg .report-caption {
        font-size: 1rem;
        width: 80%;
        height: 70px;
        padding: 0.5rem; } }
@media (max-width: 1024px) {
  .hubungan-investor .title-report {
    max-width: 80%; } }
@media (max-width: 1024px) {
  .hubungan-investor .btn-block {
    font-size: 1rem; } }
@media (max-width: 480px) {
  .hubungan-investor .btn-block {
    font-size: .7rem; } }

/*# sourceMappingURL=hubungan-investor.css.map */