.logo-syncore-2 {
        display: inline-block;
        animation: bounce 2s infinite; /* durasi 2 detik, looping terus */
    }
    
    @keyframes bounce {
        0%, 100% {
            transform: translateY(0); /* posisi awal dan akhir */
        }
        50% {
            transform: translateY(-20px); /* loncat 20px ke atas di tengah */
        }
    }

    #register .fields .identity .given_name,
    #register .fields .identity .family_name,
    #register .fields .identity .affiliation,
    #register .fields .identity .country,
    #register .login .fields .email,
    #register .login .fields .username,
    #register .login .fields .password {
        padding: 0;
    }
    
    #register .fields .identity .country select {
        padding: 0 10px;
    }
    
    #register .consent {
        padding-top: 30px;
    }
    
    .auth_brand {
        background-color: #2e4a94 !important;
        background: linear-gradient(150deg, #2e4a94, #2e4a94);
    }

    .pkp_structure_main:first-child:last-child:before,
    .pkp_structure_main:first-child:last-child:after {
        display:none;
    }

    .pkp_structure_main {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
            
    .pkp_structure_head,
    .pkp_navigation_primary_row{
        background-color: #2e4a94 !important;
    }

    .pkp_structure_footer_wrapper {
        background-color: #2e4a94 !important;
    }

    .navbar-nav .pkp_nav_list li a {
        color: white;
    }

    #navigationUser li a {
        color: white !important;
    }

    /* Dropdown menu link di navbar */
    .navbar-nav .dropdown-menu li a {
        color: #000 !important; 
        text-decoration: none; 
        padding: 8px 15px;      
        display: block;       
    }

    /* Hover effect */
    .navbar-nav .dropdown-menu li a:hover {
        background-color: #f0f0f0; 
        color: #000 !important;  
    }

    #navigationUser .dropdown-menu.show {
        width: 100%;
    }

    /* Dropdown menu link untuk user nav */
    #navigationUser .dropdown-menu li a {
        color: #000 !important;   
        text-decoration: none; 
        padding: 8px 15px;    
        display: block;    
    }

    /* Hover effect */
    #navigationUser .dropdown-menu li a:hover {
        background-color: #f0f0f0;  
        color: #000 !important;    
    }

    @media (max-width: 991px) {

        #navigationUser li a[href*="signOut"] {
            border-radius: 0 !important;
        }
        
        #navigationUser li ul li {
            margin-bottom: 10px;
            padding: 5px 0;
        }
            
        /* Margin untuk menu yang terbuka */
        .navbar-collapse.collapse.show {
            margin: 20px 0;
        }

        /* Margin bawah untuk item menu utama */
        .navbar-nav.mr-auto.pkp_nav_list > li {
            margin-bottom: 10px;
        }

        /* Margin bawah untuk item submenu di dalam li */
        .navbar-nav.mr-auto.pkp_nav_list li ul li {
            margin-bottom: 10px;
        }

        /* Opsional: beri jarak untuk a di li supaya lebih clickable */
        .navbar-nav.mr-auto.pkp_nav_list li a {
            display: block;
            
            #navigationUser li a[href*="login"] {
                background-color: #ef6537; 
                border-radius: 5px;         
                padding: 5px 20px 10px 20px; 
                color: white !important;   
                text-decoration: none;      
                display: inline-block;    
            }
            
            /* Hover effect */
            #navigationUser li a[href*="login"]:hover {
                background-color: #d9542a;  
                color: white !important;
            }
                padding: 5px 0;
        }
        
        #navigationUser li {
            margin-bottom: 10px;
        }
    }
    
    /* Styling hanya link Login di navbar user */
    #navigationUser li a[href*="login"] {
        background-color: #ef6537; 
        border-radius: 5px;         
        padding: 5px 20px 10px 20px;
        color: white !important;   
        text-decoration: none;  
        display: inline-block;     
    }
    
    /* Hover effect */
    #navigationUser li a[href*="login"]:hover {
        background-color: #d9542a; 
        color: white !important;
    }
    
    /* Styling hanya link Daftar di navbar user */
    #navigationUser li a[href*="register"] {
        background-color: white;   
        border-radius: 5px;            
        padding: 7px 18px 7px 18px;    
        color: #2e4a94 !important;     
        text-decoration: none;         
        display: inline-block;         
        margin-right: 10px;            
    }
    
    /* Log Out link full width */
    #navigationUser li a[href*="signOut"] {
        display: block !important;    
        width: 100%;                  
        padding: 8px 15px !important; 
        box-sizing: border-box;       
        border-radius: 0 !important;
    }
    
    /* Hover effect */
    #navigationUser li a[href*="register"]:hover {
        background-color: #f0f0f0;   
        color: #2e4a94 !important;
    }
    
    
    
    
    
    /*artikel */
    /* Card utama */
    .heading-card {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        background-color: white;
        position: relative;
    }
    
    /* Container heading */
    .heading-card .heading {
        display: flex;
        flex-direction: column; 
        align-items: center;  
        gap: 15px;            
    }
    
    /* Cover image */
    .heading-card .heading .cover img {
        aspect-ratio: 3 / 4;
        object-fit: cover;
        border-radius: 15px;
        max-width: 200px; 
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    
    .heading-card-bg {
        width: 100%;
        height: 200px;
        position: absolute;
        background-color: #2e4a94;
        /*background: linear-gradient(45deg, #2e4a94, #ef6537);*/
        z-index: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    
    /* Teks judul */
    .heading-card .heading h1 {
        font-size: 1.8rem;
        margin: 0;
    }
    
    /* Deskripsi */
    .heading-card .heading .description {
        font-size: 1rem;
        color: #333;
    }
    
    /* Tanggal diterbitkan */
    .heading-card .heading .published {
        font-size: 0.9rem;
        color: #555;
    }
    
    /* Styling cover image artikel */
    .obj_article_summary .cover img {
        aspect-ratio: 3 / 4;  
        object-fit: cover;  
        width: 150px;
        border-radius: 15px;  
        margin: 10px;  
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s, box-shadow 0.3s; 
    }
    
    /* Hover effect (opsional) */
    .obj_article_summary .cover img:hover {
        transform: translateY(-3px);  
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    }
    
    .obj_article_summary .title {
        /*margin-top: 20px;*/
    }
    
    .obj_article_summary .title a {
        font-size: 20px;
    }
    
    .obj_article_summary .title a span {
        font-size: 15px;
    }
    
    .obj_article_summary {
        box-shadow: 0 0px 15px rgba(0,0,0,0.2);
        padding: 10px;
        border-radius: 15px;
    }
    
    
    
    
    /*artikel details */
    .item.citation {
        padding-bottom: 0;
    }
    
    /* Title */
    .item.citation .label {
        margin: 0;
    }
    
    /* Citation text */
    .item.citation .static_citation_text p,
    .item.citation #citationOutput p {
        margin: 0;
    }
    
    /* Download title */
    .item.citation .static_citation_download h3 {
        margin-top: 2.143rem;
        margin-bottom: 10px;
    }
    
    /* Download list */
    .item.citation .static_citation_download ul {
        margin: 0;
        padding-left: 0;
        list-style: none;
    }
    
    /* Optional spacing antar link */
    .item.citation .static_citation_download li {
        margin-bottom: 6px;
    }
    
    
    
    
    /*arsip */
    .page_issue_archive h1 {
        background-color: #ef6537;
        width: fit-content;
        padding: 5px 30px;
        color: white;
        border-radius: 5px;
        margin-bottom: 0;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    }
    
    .obj_issue_summary {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        padding: 10px;
        border-radius: 15px;
    }
    
    .obj_issue_summary .cover {
        margin-bottom: 0;
        width: fit-content;
    }
    
    /* Styling cover image artikel */
    .obj_issue_summary .cover img {
        aspect-ratio: 3 / 4;  
        object-fit: cover;  
        width: 150px;
        border-radius: 15px;  
        margin: 10px;  
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s, box-shadow 0.3s; 
    }
    
    
    
    
    /*beranda*/
    .page_index_journal .homepage_image img {
        width: 150px;
        aspect-ratio: 3/4;
        object-fit: cover;
        place-self: center;
        border-radius: 15px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }
    
    .page_index_journal .additional_content {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        padding: 0;
        border-radius: 20px;
        width: 100%;
        place-self: center;
    }
    
    .page_index_journal .cmp_announcements {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        padding: 0;
        margin-top: 50px;
        border-radius: 20px;
        width: 100%;
        place-self: center;
    }
    
    .current_issue h2 {
        background-color: #ef6537;
        width: fit-content;
        padding: 10px 20px;
        color: white;
        border-radius: 5px;
    }
    
    .current_issue .obj_issue_toc .sections .section {
        margin-top: 0;
        padding-top: 0;
    }
    
    .current_issue .obj_issue_toc .sections .section .cmp_article_list {
        margin-top: 0;
    }
    
    
    
    
    /*about */
    /*privacy */
    /*penyerahan naskah */
    .page_about h1,
    .page_privacy h1,
    .page_submissions h1 {
        background-color: #ef6537;
        width: fit-content;
        padding: 5px 30px;
        color: white;
        border-radius: 5px;
        margin-bottom: 0;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    }