.hero-banner-six {
    position: relative;
    overflow: hidden;
}

.hero-banner-six > .container,
.hero-banner-six > .carousel {
    position: relative;
    z-index: 2;
}

.carousel-item {
    background-attachment: fixed;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        /* Gradasi putih di pojok kiri atas */ linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.7) 0%,
            rgba(255, 255, 255, 0) 40%
        ),
        /* Gradasi warna yang sudah ada */
            linear-gradient(
                -20deg,
                rgba(238, 119, 82, 0.4),
                rgba(231, 60, 126, 0.4),
                rgba(35, 166, 213, 0.4),
                rgba(35, 213, 171, 0.4)
            );
    background-size: 100% 100%;
    animation: gradientMove 15s ease infinite;
    z-index: 1;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.theme-main-menu.menu-overlay.fixed {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    --webkit-backdrop-filter: blur(10px);
}

.theme-main-menu.menu-overlay.home-page:not(.fixed) .nav-link,
.theme-main-menu.menu-overlay.home-page:not(.fixed) ul li {
    color: #fff !important;
}

.theme-main-menu.menu-overlay.home-page.fixed .nav-link,
.theme-main-menu.menu-overlay.home-page.fixed ul li {
    color: #000 !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #31795a;
    border-color: #31795a;
}

.page-link {
    color: #31795a;
}

.job-list-two {
    box-shadow: 0px 20px 40px rgba(22, 105, 70, 0.08);
}

.job-list-two:hover {
    cursor: pointer;
    transform: translateY(-20px) scale(1.01);
    background: rgba(100, 100, 111, 0.05);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}