.navbar {
    transition: all 0.3s ease;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.backdrop-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.85) !important;
}
.nav-link {
    color: #1d273b !important;
    transition: color 0.2s ease;
}
.nav-link:hover {
    color: #2fb344 !important;
}
.dropdown-menu-arrow:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 12px;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #ffffff transparent;
}
        /* Membuat efek hover yang smooth pada tombol */
.btn-green:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(47, 179, 68, 0.3) !important;
}

.bg-dark { background-color: #1a2234 !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.border-white-10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.hover-green:hover { color: #2fb344 !important; transition: 0.3s; }

.bg-green { background-color: #2fb344 !important; }
.btn-yellow { background-color: #f59f00 !important; border-color: #f59f00 !important; color: white; }
.btn-yellow:hover { background-color: #d98d00 !important; color: white !important; }
.step-number { font-size: 1.25rem; border-right: 2px solid #e6e7e9; padding-right: 15px; min-width: 45px; }
.form-control:focus { border-color: #2fb344; box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25); }

.animate__animated { animation-duration: 0.5s; }
    @keyframes fadeInUp {
        from { opacity: 0; transform: translate3d(0, 20px, 0); }
        to { opacity: 1; transform: translate3d(0, 0, 0); }
    }
.animate__fadeInUp { animation-name: fadeInUp; }

.btn-green {
            background-color: #2fb344 !important;
            border-color: #2fb344 !important;
            color: white !important;
        }
        .btn-green:hover {
            background-color: #269639 !important;
        }
        .text-green {
            color: #2fb344 !important;
        }
        .form-control:focus {
            border-color: #2fb344;
            box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
        }
        
.footer-nav-area {
        height: 65px;
        position: fixed; /* Memastikan posisi absolut terhadap layar */
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1050; /* Di atas elemen Tabler lainnya */
        background-color: #ffffff;
        border-top: 1px solid rgba(0,0,0,0.05);
        border-radius: 15px 15px 0 0;
        
        /* Mencegah gerakan yang tidak diinginkan di mobile */
        touch-action: none; 
        -webkit-transform: translateZ(0); /* Memaksa GPU rendering agar stabil */
        transform: translateZ(0);
    }

    /* Memastikan body memiliki jarak bawah agar konten tidak 'memantul' */
    body {
        padding-bottom: 70px !important;
        overflow-x: hidden; /* Mencegah slide horizontal yang bikin navbar goyang */
    }

    /* Mencegah tarikan refresh (pull-to-refresh) mengganggu navbar */
    html {
        overscroll-behavior-y: none;
    }