body {
    font-family: 'Poppins', sans-serif;
}


/* // bagian About {Profile Company} */
.bg-about-pc{
    background-color: #fafbfb;
}

.hero-area-hero-pc {
    background: linear-gradient(230deg, rgba(255, 215, 94, 0.29) 0%, #fafbfb 11%, #fafbfb 89%, rgba(255, 215, 94, 0.29) 100%);
}
/* // end bagian about */

.hero-area-choose-pc {
    background: rgb(255,215,94);
    background: linear-gradient(135deg, rgba(255, 215, 94, 0.29) 0%, rgba(250,251,251,1) 13%);

}

.hero-area-vision-pc {
    background: linear-gradient(230deg, rgba(255, 215, 94, 0.29) 0%, #fafbfb 11%, #fafbfb 89%, rgba(255, 215, 94, 0.29) 100%);
}

/* // End */


/* // Bagian Landing page {/} */
.lora-font {
    font-family: 'Lora', serif;
}

.feature-area-bannerlandingpage .info-box {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease;
    height: 180px; /* Tinggi card yang konsisten */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; /* Atur lebar sesuai kebutuhan */
    max-width: 300px; /* Membatasi lebar maksimum */
}

.feature-area-bannerlandingpage .info-box:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.85); /* Tetap menggunakan warna yang sama saat hover */
}

.feature-area-bannerlandingpage .info-box i {
    font-size: 1rem; /* Ukuran ikon agar seimbang */
    margin-bottom: 10px;
    color: #6f42c1;
}

.feature-area-bannerlandingpage .info-box .font-weight-bold.h5 {
    font-size: 1.25rem; /* Ukuran font untuk judul */
    line-height: 1.2; /* Tinggi baris jika perlu */
}

.feature-area-bannerlandingpage .info-box .info-text {
    font-size: 0.7rem;
    color: #6c757d;
    margin: 0; /* Menghapus margin default */
    margin-top: 5px; /* Jarak atas jika diperlukan */
    margin-bottom: 0; /* Menghapus jarak bawah */
}
/* // end banner */

/* // bagian course landingpage */
.hero-area-course-landingpage {
    background: linear-gradient(120deg, rgba(255, 215, 94, 0.171) 5%, rgba(243, 244, 246, 0.8763227703190651) 10%);
}
.category-btn-course-landingpage {
    color: #6c757d;
    border: none;
    background: none;
    transition: color 0.3s, font-weight 0.3s;
    margin: 0 15px;
    cursor: pointer;
}

.category-btn-course-landingpage:hover {
    color: #FFD700;
    font-weight: bold;
}
.active-course-landingpage {
    border-bottom: 2px solid #FFD700;
    font-weight: bold;
    color: black;
}



/* // bagian all_main */
            /* Main Dropdown Menu */
            .dropdown-menu {
                border-radius: 8px;
                box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
                width: 220px;
            }

            .dropdown-item {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-weight: 500;
                color: #333;
                padding: 10px 15px;
            }

            .menu-text {
                flex: 1;
            }

            .arrow-icon {
                color: #333;
            }

            .dropdown-item:hover {
                background-color: #f8f9fa;
                color: #000;
            }

            /* Submenu Styling */
            .dropdown-submenu {
                position: relative;
            }

            .dropdown-submenu .dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -5px;
                margin-left: 1px;
                border-radius: 8px;
            }

            .dropdown-submenu:hover > .dropdown-menu {
                display: block;
            }

            /* Hide submenu by default */
            .dropdown-submenu .dropdown-menu {
                display: none;
                position: absolute;
            }