@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
/* Mengatur font family untuk seluruh halaman */
body {
    font-family: 'Poppins', sans-serif; /* Menggunakan Inter untuk isi/content */
}

/* Mengatur font family untuk heading */
h1, h2, h3, h4 {
    font-family: 'Poppins', sans-serif; /* Menggunakan Work Sans untuk heading */
}

/* Mengatur font family untuk sub-heading dan body */
.sub-heading-1, .sub-heading-2, .body-1, .body-2 {
    font-family: 'Poppins', sans-serif; /* Set font to Poppins */
}

h1 {
    font-size: 4rem; /* 64px */
    font-weight: 700;
    color: #6256CA;
}

h2 {
    font-size: 3rem; /* 48px */
    font-weight: 700;
    color: #6256CA;
}

h3 {
    font-size: 2rem; /* 32px */
    font-weight: 700;
    color: #6256CA;
}

h4 {
    font-size: 1.5rem; /* 24px */
    font-weight: 700;
}

.sub-heading-1 {
    font-size: 1rem; /* 16px */
    font-weight: 600;
}

.sub-heading-2 {
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
}

.body-1 {
    font-size: 1rem; /* 16px */
    font-weight: 400;
    color: #5a5a5a;
}

.body-2 {
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    color: #5a5a5a;
}

.body-3 {
    font-size: 0.75rem; /* 12px */
    font-weight: 400;
    color: #5a5a5a;
    font-family: 'Poppins';
}

/* bread */
.breadcrumb {
    background-color: white;
    padding: 0;
    font-family: 'Poppins', sans-serif; /* Set font to Poppins */
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    margin-right: 14px;
    color: #9CA3AF;
    font-family: 'Poppins', sans-serif; /* Set font to Poppins */
}

.form-control {
    border-radius: 6px; /* Tetap menggunakan px */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

/* Membuat scrollbar yang lebih modern di browser lain */

/* General scrollbar styling */
.scrollbar {
    overflow-y: auto;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #000 #fff; /* Scroll black, track white */
}

/* Webkit browsers (Chrome, Safari, Edge) */
.scrollbar::-webkit-scrollbar {
    width: 5px; /* Tetap menggunakan px */
    height: 5px; /* Tetap menggunakan px */
    background-color: #fff; /* White background */
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #000; /* Black scroll */
    border-radius: 20px; /* Modern radius */
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #333; /* Darker color on hover */
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #fff; /* White background */
    border-radius: 20px; /* Modern radius */
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.scrollbar::-webkit-scrollbar-corner {
    background-color: #fff; /* White background */
}

/* Firefox */
.scrollbar::-moz-scrollbar-thumb {
    background-color: #000; /* Black scroll */
    border-radius: 20px; /* Modern radius */
}

.scrollbar::-moz-scrollbar-thumb:hover {
    background-color: #333; /* Darker color on hover */
}

.scrollbar::-moz-scrollbar-track {
    background-color: #fff; /* White background */
    border-radius: 20px; /* Modern radius */
}