/* Media query untuk tampilan mobile */
  @media (max-width: 1024px) {
    .header {
      justify-content: center;
      padding-left: 0; /* Hilangkan padding kiri */
      text-align: center;
    }

    .header h1 {
      width: 100%; /* Lebar penuh pada layar mobile */
      text-align: center; /* Rata tengah */
      font-size: 36px;
    }
    
    .header p {
      width: 100%; /* Lebar penuh pada layar mobile */
      text-align: center; /* Rata tengah */
    }

    .header a {
      width: 100%; /* Lebar penuh pada layar mobile */
      text-align: center; /* Rata tengah */
      margin-bottom: 20px;
    }


    /* Mengubah background navbar menjadi putih */
    .navbar {
      background-color: #fff !important; /* Background putih pada mobile */
    }

    .navbar .nav-link,
    .navbar .navbar-brand {
      color: #000; /* Warna teks tetap hitam */
    }

    .navbar-toggler {
      border-color: rgba(0, 0, 0, 0.1); /* Untuk toggle di mobile */
    }

    .navbar-nav .btn {
      margin-left: 10px; /* Menambahkan jarak antara tombol di mobile */
    }

    .navbar-nav .btn-primary {
      margin-top: 20px;
      margin-left: 20px; /* Jarak lebih besar untuk Admin Login di mobile */
    }

    /* .navbar-nav {
      text-align: center;
    } */

    .navbar-nav {
      display: flex;
      align-items: center;
    }

    .navbar-nav .btn {
      margin-left: 10px; /* Tambah jarak antara tombol di mobile */
    }

    .navbar-nav .btn-primary {
      margin-left: 20px; /* Jarak lebih untuk Admin Login di mobile */
    }

    .btn-primary {
        width: 100%;
    }
    
    .header-section-list {
      margin-bottom: 60px;
      margin-top: 10px;
      text-align: center;
    }

    .join-section {
      background-image: none;
      background-color: #EEE1FF;
    }
    
    .join-section .row {
      flex-direction: column;
      text-align: center;
    }

    .join-section-text {
        display: flex;
        flex-direction: column;
        justify-content: center; /* Center secara vertikal di mobile */
        align-items: center; /* Center secara horizontal di mobile */
    }

    .join-section .col-6 {
      width: 100%;
    }

    .join-section .banner-image img {
      display: none;
    }

    .form-register-header {
        font-size: 24px;
    }
    
    .form-register-logo {
        width: 100px;
        height: auto;
    }

    .join-section .btn-primary {
        width: 80%;
    }

    .form-register {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;    
    }

    .form-register .btn-primary {
        width: 40%;
    }

    .form-register .btn-outline-danger {
        width: 40%;
    }

    .footer-left {
        text-align: center;
    }

    .footer-left-p {
        width: 100%;
    }

    .competition-section .container h2 {
      display: none;
    }

  }