@media (max-width: 576px) {
  body {
    font-size: 14px;
    /* Mengecilkan teks untuk mobile */
  }
  p {
    font-size: 15px;
  }
  h2 {
    font-size: 17px;
  }
  h4 {
    font-family: 16px;
  }
  .container {
    width: 100%;
    /* Memastikan container mengambil 100% lebar layar di mobile */
    padding: 10px;
  }
  .banner-atas .body-banner {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 20vh;
    width: 100%;
  }
  .banner-atas .body-banner h1 {
    margin-right: 2rem;
    font-size: 2rem;
  }
  .banner-atas .gren-banner h2 {
    color: #fff;
    margin-left: 5px;
    font-size: 9px;
  }
  .banner-atas .gren-banner img {
    margin-left: 50px;
    width: 21%;
    height: 52%;
  }
  .ads .ads-content img {
    width: 100%;
  }
  .footer .heading-foter p {
    font-size: 10px;
    margin-right: 0px;
  }
  .banner-atas .gren-banner {
    background-color: #0F3714;
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .nav-custom .nav-menu ul {
    display: flex;
    /* list-style: none; */
    gap: 30px;
    padding-top: 0px;
    margin-left: 0px;
    justify-content: center;
  }
  .nav-custom .nav-menu ul li {
    color: #DEA345;
    font-size: 8px;
    cursor: pointer;
  }
  .nav-custom {
    width: 95%; /* Mengurangi lebar navigasi untuk mobile */
    padding: 0 15px; /* Mengurangi padding pada layar kecil */
    height: 60px; /* Mengurangi tinggi pada layar kecil */
    top: 25px; /* Mengurangi jarak dari atas */
  }
  .nav-custom .nav-menu ul {
    flex-direction: column; /* Ubah layout menu menjadi vertikal */
    gap: 10px; /* Kurangi jarak antar item menu */
    margin-left: 0; /* Kurangi margin untuk menyesuaikan dengan layar kecil */
    padding-top: 0; /* Kurangi padding pada layar kecil */
  }
  .nav-custom .nav-menu ul li {
    font-size: 16px; /* Mengurangi ukuran font untuk tampilan mobile */
  }
  .nav-custom .button {
    padding: 0 15px; /* Sesuaikan padding untuk tombol di layar kecil */
    font-size: 14px; /* Kurangi ukuran font untuk tombol di mobile */
  }
  /* Atur ukuran logo pada mobile */
  .nav-custom .logo {
    max-width: 80px; /* Mengurangi ukuran logo di layar kecil */
  }
  .artikel .card-artikel img {
    height: auto; /* Sesuaikan tinggi gambar untuk menjaga rasio */
    width: 100%;  /* Pastikan gambar mengisi lebar kontainer */
}
  .artikel h2 {
    font-size: 15px;
  }
  .artike-date.d-flex {
    margin-top: 10px;
  }
  .artike-date.d-flex p {
    font-size: 10px;
  }
  .card-artikel p {
    font-size: 15px;
  }
  .about-us img {
    width: 100%;
    height: auto;
    border-radius: 21px;
  }
  .link-foter ul li {
    font-size: 8px !important;
  }
  .link-foter ul li h6 {
    font-size: 10px;
  }
  .conten-gren.d-flex {
    margin-left: -36px;
  }
  .footer .foter .logo-deskripsi .img-logo {
    width: 8rem;
    margin-bottom: 2rem;
  }
  .foter-info-gv {
    align-items: center;
    justify-content: center;
  }
  .footer .heading-foter img {
    width: 32px;
    height: auto;
    margin-right: 10px;
  }
  .footer .foter .logo-deskripsi .icon {
    margin-left: 2px;
    width: 60%;
  }
  .invest {
    background-image: url(../image/Invesmnt.png);
    padding: 0.5rem;
    color: #fff;
    height: 116px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 30px;
  }
  .invest button {
    border-radius: 35px;
    box-shadow: none;
    display: none;
  }
  .baner-about-us {
    height: 9rem;
    background-image: url(../image/baner/about.png);
    background-repeat: no-repeat;
    background-size: 134%;
    color: #fff;
    padding-top: 79px;
  }
  .our-story .our-story-kanan {

    background-position-y: -25px;
    background-repeat: no-repeat;
    width: 100%;
    height: 32vh;
    margin-left: 0px;
    border-radius: 0px;
  }
  .our-story .our-story-kiri {
    background-color: #0F3714;
    color: #fff;
    padding: 25px 70px 50px 40px;
    width: 100%;
  }
  .global-village-about-solution .card-custom-body {
    margin-left: 0px;
  }
  .global-village-about-solution .card {
    padding: 30px 0px 20px 0px;
    border: none;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-radius: 50px;
    background-image: none;
    background-color: antiquewhite;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: -90px;
    margin-bottom: 15px;
  }
  .koma-icon {
    display: none;
  }
  .banner-vedio {
    background-image: url("../image/baner/vedio.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 25vh;
  }
  ul.navbar-nav.ms-auto {
    position: relative;
    right: 0%;
  }
  div#navbarNav {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
  }
  div#navbarNav button {
    width: 100%;
  }

  .ad-banner {
    max-width: 50%; /* Lebar gambar sedikit lebih kecil pada perangkat kecil */
}
}/*# sourceMappingURL=mobile.css.map */