/* custom.css */
body {
    padding-top: 70px;
}

/* Hero Section */
.hero-section {
    background: #6a1b9a; /* Warna ungu */
    color: #fff;
    padding: 100px 0;
}

    .hero-section h1 {
        font-size: 3em;
    }

    .hero-section p {
        font-size: 1.2em;
    }

/* Features Section */
.features-section {
    padding: 50px 0;
}

.feature-icon {
    font-size: 3em;
    color: #6a1b9a; /* Warna ungu */
    margin-bottom: 15px;
}

.features-section h3 {
    color: #6a1b9a; /* Warna ungu */
}

/* Button Styles */
.btn-primary {
    background-color: #6a1b9a; /* Warna ungu */
    border-color: #6a1b9a;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #7b1fa2; /* Warna ungu yang lebih terang
/* Styling untuk fitur Payroll Management */
        .feature-icon.glyphicon-credit-card

{
    color: #6a1b9a; /* Warna ungu untuk ikon Payroll Management */
}

/* Styling untuk fitur Employee Self-Service */
.feature-icon.glyphicon-cog {
    color: #6a1b9a; /* Warna ungu untuk ikon Employee Self-Service */
}
/* custom.css */

/* Styling untuk Contact Section */
.contact-section {
    background-color: #f8f8f8;
    padding: 50px 0;
}

    .contact-section h2 {
        color: #6a1b9a; /* Warna ungu untuk heading */
    }

    .contact-section h3 {
        color: #6a1b9a; /* Warna ungu untuk subheading */
    }

    .contact-section .form-group input,
    .contact-section .form-group textarea {
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 10px;
        width: 100%;
        margin-bottom: 15px;
    }

    .contact-section .btn-primary {
        background-color: #6a1b9a; /* Warna ungu untuk tombol */
        border-color: #6a1b9a;
    }

        .contact-section .btn-primary:hover {
            background-color: #7b1fa2; /* Warna ungu yang lebih terang untuk hover */
            border-color: #7b1fa2;
        }

.navbar-nav .nav-link {
    font-size: 0.85rem; /* Kecilkan font */
    white-space: nowrap; /* Hindari wrap */
}

.small-font {
    font-size: 0.85rem;
}

@media (max-width: 576px) {
    .navbar-nav {
        flex-wrap: nowrap !important; /* Hindari wrap di layar kecil */
        overflow-x: auto; /* Scroll horizontal jika butuh */
    }
}

.bggradient {
    background: linear-gradient(to right, #6a0dad, #9b59b6);
}