.nav-tabs .nav-link {
      font-weight: 600;
      color: #495057;
      border: none;
      border-bottom: 3px solid transparent;
      border-radius: 0;
      margin-right: 2px;
      padding: 12px 24px;
    }
    .nav-tabs .nav-link:hover {
      color: #0d6efd;
      background-color: #f8f9fa;
    }
    .nav-tabs .nav-link.active {
      color: #0d6efd;
      background-color: #ffffff;
      border-bottom: 3px solid #0d6efd;
    }
    .tab-content {
      padding:  0;
    }
    .alert-primary ul li{
      list-style-type: none;
      margin-left: -3%;
    }

    .btn {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .bi{
      margin-right: 5px !important;
    }

    .alert p{
      margin-bottom: 0 !important;
    }

    /* ✅ Gaya untuk Media Gallery */
    .avatar {
        width:100%;
        height:auto;
        border-radius:2%;
        object-fit:cover;
      }
    #imageGallery .card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid #e9ecef;
      border-radius: 12px;
      overflow: hidden;
      height: 100%;
    }

    #imageGallery .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }

    #imageGallery .card-img-top {
      height: 100%;
      object-fit: cover;
      border-bottom: 1px solid #e9ecef;
    }

    #imageGallery .card-body {
      padding: 16px;
    }

    #imageGallery .form-control {
      font-size: 0.875rem;
      padding: 8px 12px;
      border-radius: 8px;
      background-color: #f8f9fa;
      border: 1px solid #dee2e6;
    }

    #imageGallery .btn-outline-secondary {
      border-radius: 8px;
      font-weight: 500;
      padding: 8px 16px;
      transition: all 0.2s ease;
    }

    #imageGallery .btn-outline-secondary:hover {
      background-color: #0d6efd;
      color: white;
      border-color: #0d6efd;
    }

    /* ✅ Upload Progress Bar */
    #uploadProgress .progress {
      height: 8px;
      border-radius: 4px;
      overflow: hidden;
    }

    #uploadProgress .progress-bar {
      background-color: #28a745;
      transition: width 0.3s ease;
    }