body.jobs-page .navbar-jobs {
    background-color: #007bff !important;
    color: white !important;
}

body {
    background-color: #f8f9fa !important;
}

.banner-dsg {
    background-image: url("../images/bangunan-home.png");
    background-position: bottom ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.text-opacity-custom-07 {
    opacity: 0.7;
} 

.img-custom-logo {
    display: flex;
}

.loker-lainnya-flex {
    display: flex;
    justify-content: space-between;
}

.hidden-text-judul h5 {
    overflow: hidden;
    max-height: 100px;
}

.swiper {
    width: 240px;
    height: 320px;
  }

  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
  }

  .swiper-slide:nth-child(1n) {
    background-color: rgb(206, 17, 17);
  }

  .swiper-slide:nth-child(2n) {
    background-color: rgb(0, 140, 255);
  }

  .swiper-slide:nth-child(3n) {
    background-color: rgb(10, 184, 111);
  }

  .swiper-slide:nth-child(4n) {
    background-color: rgb(211, 122, 7);
  }

  .swiper-slide:nth-child(5n) {
    background-color: rgb(118, 163, 12);
  }

  .swiper-slide:nth-child(6n) {
    background-color: rgb(180, 10, 47);
  }

  .swiper-slide:nth-child(7n) {
    background-color: rgb(35, 99, 19);
  }

  .swiper-slide:nth-child(8n) {
    background-color: rgb(0, 68, 255);
  }

  .swiper-slide:nth-child(9n) {
    background-color: rgb(218, 12, 218);
  }

  .swiper-slide:nth-child(10n) {
    background-color: rgb(54, 94, 77);
  }
  .object-contain {
      object-fit: cover;
      width: 100%;
      height: 100%;
  }

  .dispaly-flex-form {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .custom-patner-index {
    object-fit: contain;
    max-width: 150px !important;
    max-height: 150px !important;
  }

  .facts {
    background-image: url("../images/bangunan-home.png");
    background-position: bottom ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    z-index: 20;
}
.facts-bg {
  background: rgba(145, 1, 1, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

/*** Team ***/
.team-item .team-img::before,
.team-item .team-img::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(1, 10, 53, .8);
    transition: .5s;
}

.team-item .team-img::after {
    left: auto;
    right: 0;
}

.team-item:hover .team-img::before,
.team-item:hover .team-img::after {
    width: 50%;
}

.team-item .team-img .team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    z-index: 3;
    opacity: 0;
}

.team-item:hover .team-img .team-social {
    transition-delay: .3s;
    opacity: 1;
}

@media (max-width: 768px) {
    .d-flex {
        flex-direction: column; /* Mengubah arah flex menjadi kolom */
        align-items: flex-start; /* Mengatur agar semua item terletak di kiri */
    }
    .d-flex img {
        margin-right: 0; /* Menghilangkan margin kanan untuk gambar */
        margin-bottom: 15px; /* Menambahkan margin bawah untuk pemisahan */
    }
    .android-logo img {
        width: 80px !important;
        max-width: 80px !important;
    }
}