::-webkit-scrollbar {
    width: 5px;
}  
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #b1dabb; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #b1dabb; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #67ad7e; 
}
body{
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='58' height='100.23' patternTransform='scale(16) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M.111-33.307l-28.997 16.744zm.012.006l28.993 16.738-.004 33.485L.115 33.492l-28.997-16.57.004-33.485m40.992 43.198v-5.672l4.937 2.85M29.113 9.995L12.117.18l17-9.815M6.114 30.062L6.114 10.57l16.967 9.798m-51.963-3.446l57.998-33.485m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485m57.992 19.63l-5-2.887 5.002-2.887m28.872-30.805L28.99-16.768zm.012.006l28.993 16.738-.004 33.485-28.997 16.57-28.997-16.57.004-33.485m-.004 33.485l57.998-33.485M57.992 33.287l-.004-66.799m29 50.229C67.615 5.529 48.285-5.633 28.999-16.768M28.998 2.86l4.998-2.886-4.998-2.886m6.029 23.076l16.964-9.794.002 19.49m-6-3.43v-5.67l-4.936 2.85M28.995 9.789L45.994-.026 28.998-9.84M-.003 66.943L-29 83.687zm.012.006l28.993 16.738-.004 33.485m0 0L.001 133.742m0 0l-28.997-16.57m0 0l.004-33.485m57.991 26.557l-16.996-9.814 17-9.815m-58 26.557l57.999-33.485M.001 133.742l-.004-66.8m29.001 50.23l-57.99-33.485m45.994-6.928l-5.005 2.89V73.87m11.005 6.353L5.999 90.04l-.002-19.633M29 103.317l-5-2.887 5.002-2.887m28.99-30.6L28.993 83.687zm.011.006l28.993 16.738-.004 33.485m0 0l-28.997 16.57m0 0l-28.997-16.57m0 0l.004-33.485m22.99-13.28v19.627l-16.995-9.813m-5.999 36.95l57.998-33.484m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485M29 103.314L34 100.428 29 97.542m11.996-20.786l4.996 2.885v-5.77m-16.994 36.373l17-9.815L29 90.615M57.998 66.94l-.003-33.484zm-.012.008l-28.992 16.74L-.002 66.94l.148-33.397 28.849-16.827L57.99 33.463M.084 47.363L4.997 50.2.06 53.05m5.936 17.356l16.998-9.812v19.63m35.003-20.212L41 50.2l16.996-9.812m-57.878.067l16.88 9.745L.03 59.996m28.966-43.28v66.971M.144 33.544L57.999 66.94m-58 .001L57.99 33.463M40.994 76.759v-5.78l5.004 2.89m-5.004-50.221v5.772l5-2.886m-11 53.689V60.589l17.004 9.815m-40.003 3.467l5-2.887v5.775m41.002-29.444L53 50.2l4.998 2.885M22.995 20.217v19.589l-16.88-9.744m5.97-3.481l4.91 2.835v-5.7m18-3.535v19.63l16.997-9.813'  stroke-linejoin='round' stroke-linecap='round' stroke-width='1' stroke='hsla(135, 36%, 77%, 0.1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-816,-999.36)' fill='url(%23a)'/></svg>")
}
.pkp_structure_head {
    background: #f67423;
    background: transparent;
    border-bottom: 1px solid transparent;
}
.pkp_site_nav_menu {
    background: #212422;
    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: #b1dabb;
    border-radius: 20px;
}
.pkp_structure_footer_wrapper {
    background: transparent;
}
.pkp_site_nav_menu a {
    color: #f67423;
    font-weight: bold;
}
.pkp_site_nav_menu a:hover{
    color: #f67423;
    font-weight: bold;
}
.pkp_site_nav_toggle {
    background-color: #f67423;;
}
.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 #b1dabb; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb {
    background: #b1dabb; 
    border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb:hover {
    background: #67ad7e; 
}
.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%;
} 
.slide-1 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-2 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-3 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
} 
.slide-4 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
}  
.slide-5 {
    background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
}