.gradient-custom-2 {
    /* fallback for old browsers */
    background: hsla(116, 38%, 42%, 1);
    
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593); */
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /* background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593); */

    background: linear-gradient(135deg, hsla(116, 38%, 42%, 1) 47%, hsla(191, 5%, 40%, 1) 100%);

    background: -moz-linear-gradient(135deg, hsla(116, 38%, 42%, 1) 47%, hsla(191, 5%, 40%, 1) 100%);

    background: -webkit-linear-gradient(135deg, hsla(116, 38%, 42%, 1) 47%, hsla(191, 5%, 40%, 1) 100%);

}
    
@media (min-width: 768px) {
        .gradient-form {
        height: 100vh !important;
    }
}
@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}
.nav-tabs .nav-link {
    color: black; /* Warna teks default */
    font-weight: 500; /* Opsional, untuk membuat teks lebih tegas */
}

.nav-tabs .nav-link.active {
    color: #499443 !important; /* Warna teks saat tab aktif */
}

.nav-tabs .nav-link:hover {
    color: #499443; /* Opsional, warna saat hover */
}

@media (max-width: 768px) {
    .nav-tabs .nav-link {
        font-size: 14px; /* Ukuran teks lebih kecil */
    }
}
/* .header-btn1{
    background-color: #499443;
} */

/* Tombol saat disable */
.disabled-btn {
    background: #cccccc; /* Warna abu-abu */
    color: #666666;     /* Teks abu-abu */
    cursor: not-allowed; /* Pointer disable */
}

/* Tombol saat aktif */
.active-btn {
    background: #499443; /* Warna hijau */
    color: #ffffff;      /* Teks putih */
    cursor: pointer;     /* Pointer normal */
}
@media (max-width: 768px) {
    #myTab {
        justify-content: center; /* Pusatkan isi */
        display: flex;          /* Pastikan elemen flex digunakan */
    }
}