body {
    padding-top: 56px;
}

/* .hero-section {
    min-height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('./../images/bg-hero.png');
    background-size: cover;
    background-position: center;
} */

.service-card {
    transition: transform 0.3s ease;
}

.service-card:hover{
    transform: translateY(-15px);
    background-color: rgb(255, 255, 255);
    border: 1px solid #0d6efd !important;
}

.bg-primary, .navbar-dark {
    background-color: #157347 !important;
    background-image: none !important;
}

/* 2. Tombol Utama (Button) */
.btn-primary {
    background-color: #157347 !important;
    border-color: #157347 !important;
}

.btn-primary:hover {
    background-color: #0e4d32 !important; 
    border-color: #0e4d32 !important;
}

.text-primary {
    color: #157347 !important;
}

.nav-pills .nav-link.active {
    background-color: #157347 !important;
}

footer a:hover {
    color: #4dd4ac !important;
}

.hero-section {
    min-height: 100vh;
    background: linear-gradient(rgba(21, 115, 71, 0.9), rgba(21, 115, 71, 0.9)), url('../images/bg-hero.png');
    background-size: cover;
    background-position: center;
}

.custom-input {
    background-color: #f8f9fa;
    border: 2px solid #eee;
    padding: 12px;
    transition: all 0.3s;
}

.custom-input:focus, .form-select:focus {
    background-color: #fff;
    border-color: #157347; 
    box-shadow: none; 
}

.rounded-4 {
    border-radius: 1.5rem !important; 
}

.transition-btn:hover {
    transform: translateY(-2px); 
    box-shadow: 0 5px 15px rgba(21, 115, 71, 0.4) !important;
}

.was-validated .form-control:valid {
    border-color: #198754;
    background-image: none;
}
.was-validated .form-control:invalid {
    border-color: #dc3545;
}