::-webkit-scrollbar {
    width: 5px;
}  
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ff0000; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #ff0000; /* Merah solid */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ff0000; /* Tetap merah */
}
body{
    background: #ffffff; /* Background putih polos */
}
.pkp_structure_head {
    background: transparent;
    border-bottom: 1px solid transparent;
}
.pkp_site_nav_menu {
    background: #ff0000; /* Merah solid */
    border-radius: 20px;
}
.pkp_site_nav_menu .pkp_nav_list {
    padding-left: 20px;
    margin-left: 0;
}

.pkp_site_name .is_img img {
    display: inline-block;
    max-height: 200px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.pkp_brand_footer {
    display: none;
}
.pkp_structure_footer {
    background: #ff0000; /* Merah solid */
    border-radius: 20px;
}
.pkp_structure_footer_wrapper {
    background: transparent;
}
.pkp_site_nav_menu a {
    color: #000000 !important; /* Hitam dengan important */
    font-weight: bold;
}
.pkp_site_nav_menu a:hover{
    color: #000000 !important; /* Hitam dengan important */
    font-weight: bold;
}
.pkp_site_nav_toggle {
    background-color: #000000 !important; /* Hitam */
}
.pkp_page_index .homepage_image img {
    border-radius: 90px;
}
.carousel {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}  
.slides {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    border-radius: 20px;
}  
.slides::-webkit-scrollbar {
    width: 10px;
}  
.slides::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ff0000; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb {
    background: #ff0000; /* Merah solid */
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb:hover {
    background: #ff0000; /* Tetap merah */
}
.slides-item{
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-shrink: 0;
    font-size: 100px;
    height: 300px;
    justify-content: center;
    margin: 0.5rem 1rem;
    position: relative;
    scroll-snap-align: start;
    transform: scale(1);
    transform-origin: center center;
    transition: transform .5s;
    width: 100%;
}