/* =========================================================
   JRAIE — CLEANED & DEDUPLICATED STYLESHEET
   This file removes old duplicate/conflicting versions of
   the header, navbar, and Register/Login rules that had
   piled up across earlier edits. Only the final, working
   version of each section is kept. File size was also
   reduced well below common database TEXT-field limits
   (this file is well under 65KB, vs ~66KB before) so that
   OJS doesn't silently cut off the end when you paste it
   into Setup -> Appearance -> Custom CSS.
   ========================================================= */

/* ======================================================
   MAIN CONTENT CARD
====================================================== */

.pkp_structure_main {

    background: #ffffff !important;

    border-top: 5px solid #1e73be !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;

    border-radius: 20px !important;

    padding: 35px !important;
    margin-top: 25px !important;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* ======================================================
   HEADINGS
====================================================== */

.pkp_structure_main h1,
.pkp_structure_main h2 {

    color: #0f172a !important;
    font-weight: 700 !important;

    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Remove OJS default divider */

.page hr {
    display: none !important;
}

/* ======================================================
   ARTICLE LIST
====================================================== */
/* ======================================================
    ARTICLE LIST (ENHANCED ANIMATION - SINGLE COLUMN)
====================================================== */

.cmp_article_list {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 20px;
    display: block;
    /* Single column layout preserved */
}

.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 22px !important;
    margin-bottom: 25px !important;
    /* Space between cards */
    transition: all .35s ease;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Yaha wahi professional animation hai jo aapne manga tha */
.obj_article_summary:hover {
    transform: translateY(-8px) scale(1.02);
    /* Upar uthega aur thoda bada hoga */
    border-color: #38bdf8 !important;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12), 0 8px 12px rgba(0, 0, 0, 0.08);
}

.obj_article_summary .title a {
    color: #0f172a !important;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover par title ka color change (Optional but looks premium) */
.obj_article_summary:hover .title a {
    color: #097996 !important;
}

/* PDF Button transition match karne ke liye */
.obj_article_summary .galleys_links a {
    transition: all 0.3s ease;
}

/* ========================= FOOTER ========================= */
.pkp_structure_footer {
    /* Image matching solid color */
    background-color: #1F618D;
    color: #ffffff;
    /* Height kam karne ke liye padding ko 40px se 20px kar diya */
    padding: 20px 30px;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    clear: both;
}

/* Footer Heading Styles */
.pkp_structure_footer h1,
.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer .footer-column-title {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 8px;
    /* Space kam karne ke liye margin kam kiya */
    text-transform: uppercase;
    font-size: 1em;
}

/* Hyperlink Styles - New Color for better visibility */
.pkp_structure_footer a {
    color: #a3e7fc;
    /* Soft Cyan/Blue color jo dark background par chamkega */
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover effect */
.pkp_structure_footer a:hover {
    color: #ffffff;
    /* Hover par pure white */
    text-decoration: underline;
}

/* Normal Text (Email, ISSN etc.) */
.pkp_structure_footer p,
.pkp_structure_footer span {
    color: #ffffff;
    line-height: 1.4;
    /* Line height kam ki taaki gap kam ho jaye */
    margin-bottom: 5px;
}

/* OJS branding hatane ke liye */
.pkp_brand_footer,
.pkp_footer_content .pkp_branding,
#pkp_branding,
.pkp_branding {
    display: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
    .pkp_structure_footer {
        padding: 15px;
        /* Mobile par aur bhi compact */
    }
}

/* Login button color matching */
.pkp_form_login .pkp_button_primary {
    background: #006b99 !important;
    color: #ffffff !important;
    border: none !important;
}

.pkp_form_login .pkp_button_primary:hover {
    background: #008cc9 !important;
}

/* ======================================================
    ONLY FOR THE LINKS/POLICIES CARD - UPDATED (V2)
====================================================== */

/* Is block ke andar ke sabhi links ko BLUE karne ke liye */
.pkp_block.block_custom ul li a {
    color: #007bff !important;
    /* Bright Professional Blue */
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* Dots ko SMALL karne ke liye */
.pkp_block.block_custom ul li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 8px !important;
    width: 5px !important;
    /* Bilkul chota size */
    height: 5px !important;
    background-color: #38bdf8 !important;
    border-radius: 50% !important;
    display: block !important;
}

/* List item ki spacing */
.pkp_block.block_custom ul li {
    position: relative !important;
    padding-left: 18px !important;
    list-style: none !important;
    /* Default dots hatane ke liye */
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
}

/* Hover effect */
.pkp_block.block_custom ul li a:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

/* =========================================================
   JRAIE - RESPONSIVE FULL WIDTH NAVBAR
   LOGO + MENU + SEARCH
   Add this section at the VERY BOTTOM of styleSheet.css
   ========================================================= */


/* =========================================================
   1. FULL WIDTH NAVBAR
   ========================================================= */

.pkp_navigation_primary_row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #04072A !important;
    box-sizing: border-box !important;
}


/* =========================================================
   2. NAVBAR WRAPPER
   ========================================================= */

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 1500px !important;

    margin: 0 auto !important;

    padding: 0 25px !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;

    gap: 20px !important;
}


/* =========================================================
   3. JRAIE LOGO
   ========================================================= */

/*
   CHANGE ONLY THIS URL.

   Put your actual JRAIE logo URL here.
*/

.pkp_navigation_primary_wrapper::before {

    content: "" !important;

    width: 78px !important;
    height: 78px !important;

    min-width: 78px !important;

    background-image: url("https://galaxiauniverse.com/public/site/images/admin/1.png") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    display: block !important;

    flex-shrink: 0 !important;
}


/* =========================================================
   4. MAIN NAVIGATION
   ========================================================= */

.pkp_navigation_primary {

    flex: 1 1 auto !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 2px !important;
}


/* =========================================================
   5. MAIN MENU ITEMS
   ========================================================= */

.pkp_navigation_primary>li {

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* =========================================================
   6. MAIN MENU LINKS
   ========================================================= */

.pkp_navigation_primary>li>a {

    color: #ffffff !important;

    padding: 25px 12px !important;

    margin: 0 !important;

    border-radius: 6px !important;

    background: transparent !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    transition: all 0.3s ease !important;
}


/* =========================================================
   7. MENU HOVER
   ========================================================= */

.pkp_navigation_primary>li>a:hover {

    background: rgba(56, 189, 248, 0.18) !important;

    color: #38bdf8 !important;
}


/* =========================================================
   8. SEARCH
   ========================================================= */

.pkp_navigation_search {

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
}


/* =========================================================
   9. SEARCH BUTTON
   ========================================================= */

.pkp_navigation_search a.pkp_search {

    background: transparent !important;

    color: #ffffff !important;

    padding: 10px 16px !important;

    margin: 0 !important;

    border: 1px solid rgba(56, 189, 248, 0.45) !important;

    border-radius: 30px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    transition: all 0.3s ease !important;
}


/* =========================================================
   10. SEARCH HOVER
   ========================================================= */

.pkp_navigation_search a.pkp_search:hover {

    background: #38bdf8 !important;

    color: #04072A !important;

    border-color: #38bdf8 !important;

    box-shadow: 0 0 18px rgba(56, 189, 248, 0.35) !important;
}


/* =========================================================
   11. DROPDOWN
   ========================================================= */

.pkp_navigation_primary ul,
.pkp_navigation_user ul {

    background: #0a0f2d !important;

    border: 1px solid rgba(56, 189, 248, 0.45) !important;

    border-radius: 10px !important;

    min-width: 220px !important;

    padding: 8px 0 !important;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;

    z-index: 9999 !important;
}


/* =========================================================
   12. DROPDOWN LINKS
   ========================================================= */

.pkp_navigation_primary ul li a,
.pkp_navigation_user ul li a {

    color: #ffffff !important;

    padding: 11px 20px !important;

    font-size: 14px !important;

    transition: all 0.25s ease !important;
}


/* =========================================================
   13. DROPDOWN HOVER
   ========================================================= */

.pkp_navigation_primary ul li a:hover,
.pkp_navigation_user ul li a:hover {

    background: rgba(56, 189, 248, 0.18) !important;

    color: #38bdf8 !important;
}


/* =========================================================
   14. LARGE LAPTOP / SMALL DESKTOP
   1200px
   ========================================================= */

@media (max-width: 1200px) {

    .pkp_navigation_primary_wrapper {

        padding-left: 15px !important;
        padding-right: 15px !important;

        gap: 12px !important;
    }


    .pkp_navigation_primary_wrapper::before {

        width: 68px !important;
        height: 68px !important;

        min-width: 68px !important;
    }


    .pkp_navigation_primary>li>a {

        padding: 22px 8px !important;

        font-size: 13px !important;
    }


    .pkp_navigation_search a.pkp_search {

        padding: 9px 12px !important;

        font-size: 13px !important;
    }
}


/* =========================================================
   15. TABLET
   992px
   ========================================================= */

@media (max-width: 992px) {

    .pkp_navigation_primary_wrapper {

        padding: 10px 15px !important;

        gap: 10px !important;
    }


    .pkp_navigation_primary_wrapper::before {

        width: 60px !important;
        height: 60px !important;

        min-width: 60px !important;
    }


    .pkp_navigation_primary>li>a {

        padding: 18px 7px !important;

        font-size: 12px !important;
    }
}


/* =========================================================
   16. MOBILE
   767px
   ========================================================= */

@media (max-width: 767px) {

    .pkp_navigation_primary_row {

        width: 100% !important;

        overflow: visible !important;
    }


    .pkp_navigation_primary_wrapper {

        width: 100% !important;

        padding: 10px 15px !important;

        display: flex !important;

        flex-wrap: wrap !important;

        justify-content: space-between !important;

        gap: 10px !important;
    }


    /* LOGO */

    .pkp_navigation_primary_wrapper::before {

        width: 58px !important;
        height: 58px !important;

        min-width: 58px !important;

        margin: 0 !important;
    }


    /* SEARCH */

    .pkp_navigation_search {

        margin-left: auto !important;
    }


    .pkp_navigation_search a.pkp_search {

        padding: 8px 12px !important;

        font-size: 13px !important;
    }


    /*
       IMPORTANT:
       Don't force the desktop flex menu on mobile.

       OJS mobile menu will handle the navigation.
    */

    .pkp_navigation_primary {

        width: 100% !important;

        margin-top: 5px !important;

        display: block !important;
    }


    .pkp_navigation_primary>li {

        width: 100% !important;

        white-space: normal !important;
    }


    .pkp_navigation_primary>li>a {

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 13px 15px !important;

        font-size: 14px !important;

        text-align: left !important;
    }


    /* MOBILE DROPDOWNS */

    .pkp_navigation_primary ul {

        position: static !important;

        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        box-shadow: none !important;

        border-radius: 0 !important;

        border-left: 2px solid #38bdf8 !important;
    }
}


/* =========================================================
   17. VERY SMALL MOBILE
   480px
   ========================================================= */

@media (max-width: 480px) {

    .pkp_navigation_primary_wrapper {

        padding: 8px 10px !important;
    }


    .pkp_navigation_primary_wrapper::before {

        width: 52px !important;
        height: 52px !important;

        min-width: 52px !important;
    }


    .pkp_navigation_search a.pkp_search {

        padding: 7px 10px !important;

        font-size: 12px !important;
    }


    .pkp_navigation_primary>li>a {

        padding: 12px !important;

        font-size: 13px !important;
    }
}


/* =========================================================
   18. PREVENT HORIZONTAL SCROLLING
   ========================================================= */

html,
body {

    max-width: 100% !important;

    overflow-x: hidden !important;
}


/* =========================================================
   19. MOBILE IMAGE SAFETY
   ========================================================= */

img {

    max-width: 100% !important;

    height: auto !important;
}


/* =========================================================
   20. OPTIONAL - REMOVE JOURNAL TITLE ABOVE NAVBAR
   ========================================================= */

/*
   UNCOMMENT ONLY IF YOU WANT TO REMOVE:

   "Journal of responsible AI & ethics"

   from above the navbar.
*/

/*
.pkp_structure_head .pkp_site_name {
    display: none !important;
}
*/

/* =========================================================
   FIX: KEEP ALL NAVIGATION ITEMS ON ONE ROW
   ========================================================= */

.pkp_navigation_primary {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    flex: 1 1 auto !important;
    gap: 0 !important;
}

.pkp_navigation_primary>li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.pkp_navigation_primary>li>a {
    white-space: nowrap !important;
}


/* Search stays on the right */
.pkp_navigation_search {
    flex: 0 0 auto !important;
    margin-left: 10px !important;
}

/* =========================================================
   FIX DROPDOWN TEXT OVERFLOW
   ========================================================= */

/* Dropdown box */
.pkp_navigation_primary ul,
.pkp_navigation_user ul {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;

    box-sizing: border-box !important;

    padding: 8px 0 !important;

    overflow: hidden !important;
}


/* Dropdown menu items */
.pkp_navigation_primary ul li,
.pkp_navigation_user ul li {
    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Dropdown links */
.pkp_navigation_primary ul li a,
.pkp_navigation_user ul li a {

    width: 100% !important;

    box-sizing: border-box !important;

    display: block !important;

    padding: 12px 20px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.5 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;

    word-wrap: break-word !important;

    word-break: normal !important;

    text-decoration: none !important;

    transition: all 0.25s ease !important;
}


/* Dropdown hover */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_user ul li a:hover {

    background: rgba(56, 189, 248, 0.18) !important;

    color: #38bdf8 !important;

    padding-left: 25px !important;
}


/* =========================================================
   MOBILE DROPDOWN
   ========================================================= */

@media (max-width: 767px) {

    .pkp_navigation_primary ul,
    .pkp_navigation_user ul {

        width: 100% !important;

        min-width: 0 !important;

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    .pkp_navigation_primary ul li a,
    .pkp_navigation_user ul li a {

        width: 100% !important;

        box-sizing: border-box !important;

        white-space: normal !important;

        overflow-wrap: break-word !important;

        word-break: normal !important;

        padding: 12px 15px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pkp_navigation_primary ul,
    .pkp_navigation_user ul {

        width: 100% !important;

        min-width: 0 !important;

        max-width: 100% !important;
    }


    .pkp_navigation_primary ul li a,
    .pkp_navigation_user ul li a {

        font-size: 13px !important;

        line-height: 1.45 !important;

        padding: 10px 12px !important;
    }
}




/* another 2 navbar updated code */

/* =========================================================
   FINAL FIX
   Header + Navbar + Register/Login
   DO NOT CHANGE NAVBAR MENU DESIGN
   ========================================================= */


/* =========================================================
   1. HEADER HEIGHT
   ========================================================= */

.pkp_structure_head {
    background-image: none !important;
    background-color: #ffffff !important;

    width: 100% !important;

    min-height: 150px !important;
    height: auto !important;

    position: relative !important;

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. JOURNAL HEADER AREA
   ========================================================= */

.pkp_structure_head .pkp_site_name {
    position: relative !important;

    width: 100% !important;

    min-height: 150px !important;

    height: 150px !important;

    margin: 0 !important;

    padding: 28px 30px 20px 175px !important;

    box-sizing: border-box !important;

    display: block !important;

    background: #ffffff !important;

    z-index: 5 !important;
}


/* =========================================================
   3. LOGO - TOP LEFT
   ========================================================= */

.pkp_structure_head .pkp_site_name::before {
    content: "" !important;

    position: absolute !important;

    left: 25px !important;

    top: 10px !important;

    width: 135px !important;

    height: 135px !important;

    background-image: url("https://galaxiauniverse.com/public/site/images/admin/1.png") !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: contain !important;

    display: block !important;

    z-index: 10 !important;
}


/* =========================================================
   4. JOURNAL TITLE
   ========================================================= */

.pkp_structure_head .pkp_site_name a {
    color: #111111 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: clamp(32px, 3.2vw, 50px) !important;

    font-weight: 700 !important;

    line-height: 1.1 !important;

    text-decoration: none !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;
}


/* =========================================================
   5. ISSN
   ========================================================= */

.pkp_structure_head .pkp_site_name::after {
    content: "ISSN (Online): 3117-6402    |    ISSN (Print): 3117-6410" !important;

    display: block !important;

    margin-top: 12px !important;

    color: #222222 !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 19px !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* =========================================================
   6. REMOVE LOGO FROM NAVBAR
   ========================================================= */

.pkp_navigation_primary_wrapper::before {
    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    background-image: none !important;
}


/* =========================================================
   7. BRING NAVBAR BACK
   ========================================================= */

.pkp_navigation_primary_row {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    position: relative !important;

    width: 100% !important;

    max-width: 100% !important;

    min-height: 65px !important;

    background: #04072A !important;

    z-index: 9998 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* Navbar wrapper */

.pkp_navigation_primary_wrapper {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: 100% !important;

    max-width: 1500px !important;

    min-height: 65px !important;

    margin: 0 auto !important;

    padding: 0 25px !important;

    align-items: center !important;

    box-sizing: border-box !important;

    position: relative !important;

    z-index: 9999 !important;
}


/* =========================================================
   8. EXISTING NAVIGATION
   ========================================================= */

.pkp_navigation_primary {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    flex: 1 1 auto !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;
}


.pkp_navigation_primary>li {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    padding: 0 !important;

    white-space: nowrap !important;
}


.pkp_navigation_primary>li>a {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: center !important;

    color: #ffffff !important;

    background: transparent !important;

    padding: 22px 12px !important;

    margin: 0 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


.pkp_navigation_primary>li>a:hover {
    background: rgba(56, 189, 248, 0.18) !important;

    color: #38bdf8 !important;
}


/* =========================================================
   9. SEARCH
   ========================================================= */

.pkp_navigation_search {
    display: flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    flex: 0 0 auto !important;

    margin-left: 10px !important;

    position: relative !important;

    z-index: 10000 !important;
}


.pkp_navigation_search a.pkp_search {
    display: inline-flex !important;

    visibility: visible !important;

    opacity: 1 !important;

    align-items: center !important;

    justify-content: center !important;

    color: #ffffff !important;

    background: transparent !important;

    padding: 10px 16px !important;

    border: 1px solid rgba(56, 189, 248, 0.45) !important;

    border-radius: 30px !important;

    font-size: 14px !important;

    text-decoration: none !important;
}


.pkp_navigation_search a.pkp_search:hover {
    background: #38bdf8 !important;

    color: #04072A !important;

    border-color: #38bdf8 !important;
}

/* =========================================================
   REGISTER + LOGIN - RIGHT SIDE OF HEADER
   ========================================================= */

.pkp_structure_head {
    position: relative !important;
}

#navigationUserWrapper {
    position: absolute !important;

    top: 18px !important;
    right: 5px !important;
    left: auto !important;
    bottom: auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 999999 !important;

    display: block !important;
}

/* Register + Login list */
#navigationUserWrapper #navigationUser {
    display: flex !important;

    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Each item */
#navigationUserWrapper #navigationUser>li {
    display: block !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}

/* Register + Login buttons */
#navigationUserWrapper #navigationUser>li>a {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 95px !important;

    padding: 10px 18px !important;

    background: #24729c !important;
    color: #ffffff !important;

    border: 1px solid #38bdf8 !important;
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;
    text-decoration: none !important;

    box-sizing: border-box !important;

    transition: all 0.3s ease !important;
}

/* Hover */
#navigationUserWrapper #navigationUser>li>a:hover {
    background: #38bdf8 !important;
    color: #04072A !important;

    transform: translateY(-1px) !important;
}




/* =========================================================
   11. DROPDOWNS
   ========================================================= */

.pkp_navigation_primary ul,
.pkp_navigation_user ul {
    z-index: 10005 !important;

    background: #0a0f2d !important;

    border: 1px solid rgba(56, 189, 248, 0.45) !important;

    border-radius: 10px !important;

    min-width: 230px !important;

    padding: 8px 0 !important;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45) !important;
}


.pkp_navigation_primary ul li a,
.pkp_navigation_user ul li a {
    color: #ffffff !important;

    display: block !important;

    padding: 12px 20px !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
}


.pkp_navigation_primary ul li a:hover,
.pkp_navigation_user ul li a:hover {
    background: rgba(56, 189, 248, 0.18) !important;

    color: #38bdf8 !important;
}


/* =========================================================
   12. TABLET
   ========================================================= */

@media (max-width: 992px) {

    .pkp_structure_head .pkp_site_name {
        min-height: 130px !important;

        height: 130px !important;

        padding-left: 120px !important;

        padding-top: 20px !important;
    }


    .pkp_structure_head .pkp_site_name::before {
        left: 15px !important;

        top: 12px !important;

        width: 90px !important;

        height: 90px !important;
    }


    .pkp_structure_head .pkp_site_name a {
        font-size: 28px !important;
    }


    .pkp_structure_head .pkp_site_name::after {
        font-size: 14px !important;

        white-space: normal !important;
    }


    .pkp_navigation_primary>li>a {
        padding: 18px 7px !important;

        font-size: 12px !important;
    }


    .pkp_navigation_user:not(#___a):not(#___b):not(#___c) {
        top: 15px !important;

        right: 20px !important;
    }


    .pkp_navigation_user:not(#___a):not(#___b):not(#___c)>li>a {
        min-width: 75px !important;

        padding: 8px 12px !important;

        font-size: 12px !important;
    }
}

/* =========================================================
   13. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_structure_head {
        min-height: 115px !important;
        height: auto !important;
    }

    .pkp_structure_head .pkp_site_name {
        min-height: 115px !important;
        height: 115px !important;
        padding: 15px 10px 10px 80px !important;

        /* MOBILE ONLY - MOVE HEADER 40px LEFT */
        transform: translateX(-40px) !important;
    }

    .pkp_structure_head .pkp_site_name::before {
        left: 10px !important;

        top: 15px !important;

        width: 60px !important;

        height: 60px !important;
    }


    .pkp_structure_head .pkp_site_name a {
        font-size: 22px !important;

        line-height: 1.15 !important;

        white-space: normal !important;
    }


    .pkp_structure_head .pkp_site_name::after {
        font-size: 10px !important;

        line-height: 1.4 !important;

        white-space: normal !important;

        margin-top: 6px !important;
    }


    /* Register/Login */

    .pkp_navigation_user:not(#___a):not(#___b):not(#___c) {
        top: 8px !important;

        right: 10px !important;

        gap: 5px !important;
    }


    .pkp_navigation_user:not(#___a):not(#___b):not(#___c)>li>a {
        min-width: 65px !important;

        padding: 6px 9px !important;

        font-size: 10px !important;
    }


    /* Navbar */

    .pkp_navigation_primary_row {
        min-height: 55px !important;

        height: auto !important;
    }


    .pkp_navigation_primary_wrapper {
        min-height: 55px !important;

        padding: 8px 10px !important;

        display: block !important;
    }


    .pkp_navigation_primary {
        display: block !important;

        width: 100% !important;
    }


    .pkp_navigation_primary>li {
        width: 100% !important;
    }


    .pkp_navigation_primary>li>a {
        width: 100% !important;

        justify-content: flex-start !important;

        padding: 12px 15px !important;

        font-size: 13px !important;

        white-space: normal !important;
    }


    .pkp_navigation_search {
        margin: 5px 0 !important;

        justify-content: flex-end !important;
    }
}


/* =========================================================
   14. SMALL PHONE
   ========================================================= */

@media (max-width: 480px) {

    .pkp_structure_head .pkp_site_name {
        min-height: 105px !important;

        height: 105px !important;

        padding-left: 68px !important;
    }


    .pkp_structure_head .pkp_site_name::before {
        left: 8px !important;

        top: 12px !important;

        width: 52px !important;

        height: 52px !important;
    }


    .pkp_structure_head .pkp_site_name a {
        font-size: 17px !important;
    }


    .pkp_structure_head .pkp_site_name::after {
        font-size: 9px !important;
    }
}

/* reduces extra margin both left and right side add css code */


/* =========================================================
   JRAIE - REDUCE LEFT & RIGHT PAGE MARGINS
   ========================================================= */

/* Main page content container */
.pkp_structure_content {
    width: calc(100% - 40px) !important;

    max-width: 1400px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;

    gap: 30px !important;
}


/* Main content area */
.pkp_structure_main {
    flex: 1 1 auto !important;

    min-width: 0 !important;
}


/* Sidebar */
.pkp_structure_sidebar {
    flex: 0 0 300px !important;

    width: 300px !important;

    max-width: 300px !important;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1600px) {

    .pkp_structure_content {
        width: calc(100% - 50px) !important;

        max-width: 1700px !important;

        gap: 30px !important;
    }

    .pkp_structure_sidebar {
        flex-basis: 300px !important;
        width: 300px !important;
        max-width: 300px !important;
    }
}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1200px) {

    .pkp_structure_content {
        width: calc(100% - 30px) !important;

        gap: 25px !important;
    }

    .pkp_structure_sidebar {
        flex-basis: 280px !important;
        width: 280px !important;
        max-width: 280px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .pkp_structure_content {
        width: calc(100% - 24px) !important;

        gap: 20px !important;
    }

    .pkp_structure_sidebar {
        flex-basis: 250px !important;
        width: 250px !important;
        max-width: 250px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_structure_content {

        width: calc(100% - 20px) !important;

        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        display: block !important;

        padding: 0 !important;
    }


    .pkp_structure_main {

        width: 100% !important;

        margin: 0 !important;
    }


    .pkp_structure_sidebar {

        width: 100% !important;

        max-width: 100% !important;

        margin-top: 20px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pkp_structure_content {

        width: calc(100% - 12px) !important;
    }
}





/* removed both side line code */

/* =========================================================
   REMOVE OJS FULL-HEIGHT VERTICAL LAYOUT LINES
   ========================================================= */

/* Main OJS content vertical lines */
.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Content wrapper vertical lines */
.pkp_structure_content::before,
.pkp_structure_content::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}


/* Main content borders */
.pkp_structure_main {
    border-left: none !important;
    border-right: none !important;
}


/* Content wrapper borders */
.pkp_structure_content {
    border-left: none !important;
    border-right: none !important;
}


/* Sidebar borders */
.pkp_structure_sidebar {
    border-left: none !important;
    border-right: none !important;
}


/* OJS page wrapper pseudo-elements */
.pkp_page_index::before,
.pkp_page_index::after {
    border: none !important;
    box-shadow: none !important;
}


/* Header title - First Letter Capital */
.pkp_structure_head .pkp_site_name a {
    text-transform: capitalize !important;
}




/*-------------------------------------------------------------- 11 august navbar responsive updated code */



/* =========================================================
   FINAL RESPONSIVE NAVBAR FIX (11 Aug) — ONLY NAVBAR
   Is block ko file ke sabse end me rakha gaya hai taaki
   ye purane conflicting navbar rules ko override kar de.
   ========================================================= */

/* ---- Toggle button hidden on desktop by default ---- */
.pkp_site_nav_toggle {
    display: none !important;
}

/* =========================================================
   DESKTOP / LARGE SCREENS (default, no media query needed)
   already handled by existing rules above — untouched
   ========================================================= */

/* =========================================================
   TABLET (max-width: 1024px)
   ========================================================= */
@media (max-width: 1024px) {

    .pkp_navigation_primary_wrapper {
        flex-wrap: wrap !important;
        padding: 10px 15px !important;
        row-gap: 8px !important;
    }

    .pkp_navigation_primary {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 4px !important;
    }

    .pkp_navigation_primary>li>a {
        padding: 14px 10px !important;
        font-size: 13px !important;
    }

    .pkp_navigation_search {
        margin-left: 0 !important;
    }
}

/* =========================================================
   MOBILE / TABLET PORTRAIT (max-width: 900px)
   Hamburger menu kicks in yaha se
   ========================================================= */
@media (max-width: 900px) {

    /* Show hamburger button */
    .pkp_site_nav_toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 10px !important;

        background: #24729c !important;
        border: none !important;
        border-radius: 8px !important;

        color: #ffffff !important;
        font-size: 0 !important;
        /* text ko chupa kar sirf icon jaisa dikhana */

        cursor: pointer !important;
        position: relative !important;
    }

    /* Hamburger icon banaya CSS se */
    .pkp_site_nav_toggle::before {
        content: "\2261" !important;
        /* ≡ symbol as hamburger icon */
        font-size: 22px !important;
        line-height: 1 !important;
        color: #ffffff !important;
    }

    .pkp_site_name_wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
    }

    /* Nav row hidden by default, JS toggle 'expanded'/'is-open' class laga kar dikhayega */
    .pkp_navigation_primary_row {
        display: block !important;
        width: 100% !important;
    }

    .pkp_navigation_primary_wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
    }

    .pkp_navigation_primary {
        flex-direction: column !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    .pkp_navigation_primary>li {
        width: 100% !important;
    }

    .pkp_navigation_primary>li>a {
        width: 100% !important;
        justify-content: flex-start !important;
        padding: 14px 18px !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .pkp_navigation_primary li a[data-toggle="dropdown"] {
        position: relative !important;
        padding-right: 40px !important;
    }

    /* Arrow icon (CSS se banaya, koi image nahi) */
    .pkp_navigation_primary li a[data-toggle="dropdown"]::after {
        content: "" !important;

        position: absolute !important;
        right: 18px !important;
        top: 50% !important;

        width: 8px !important;
        height: 8px !important;

        border-right: 2px solid #38bdf8 !important;
        border-bottom: 2px solid #38bdf8 !important;

        transform: translateY(-65%) rotate(45deg) !important;

        transition: transform 0.25s ease !important;

        pointer-events: none !important;
    }

    /* Jab dropdown khula ho (show/open class laga ho), arrow upar ki taraf ghoom jaye */
    .pkp_navigation_primary li.show>a[data-toggle="dropdown"]::after,
    .pkp_navigation_primary li.open>a[data-toggle="dropdown"]::after,
    .pkp_navigation_primary li.dropdown.open>a[data-toggle="dropdown"]::after {
        transform: translateY(-35%) rotate(-135deg) !important;
    }

    .pkp_navigation_search {
        width: 100% !important;
        justify-content: flex-start !important;
        padding: 12px 18px !important;
        margin: 0 !important;
    }

    .pkp_navigation_search a.pkp_search {
        width: 100% !important;
        justify-content: center !important;
    }

    /* Dropdowns as normal stacked block, not floating */
    .pkp_navigation_primary ul,
    .pkp_navigation_user ul {
        display: none !important;

        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }



    /* Register / Login stack cleanly */
    #navigationUserWrapper {
        position: static !important;
        width: 100% !important;
        padding: 10px !important;
    }

    #navigationUserWrapper #navigationUser {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
}



/* =========================================================
   SMALL MOBILE (max-width: 480px)
   ========================================================= */
@media (max-width: 480px) {

    .pkp_structure_head .pkp_site_name::before {
        width: 45px !important;
        height: 45px !important;
        left: 8px !important;
        top: 10px !important;
    }

    .pkp_structure_head .pkp_site_name {
        padding-left: 60px !important;
    }

    .pkp_structure_head .pkp_site_name a {
        font-size: 15px !important;
    }

    .pkp_structure_head .pkp_site_name::after {
        font-size: 8px !important;
    }

    .pkp_site_nav_toggle {
        width: 38px !important;
        height: 38px !important;
    }

    #navigationUserWrapper #navigationUser>li>a {
        min-width: 0 !important;
        padding: 8px 14px !important;
        font-size: 11px !important;
    }
}

/* =========================================================
   VERY SMALL MOBILE (max-width: 360px)
   ========================================================= */
@media (max-width: 360px) {

    .pkp_navigation_primary>li>a {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }

    .pkp_structure_head .pkp_site_name a {
        font-size: 13px !important;
    }
}



/*------------------------------------------------------------ 12 august 2026 --------------------------------------------------------- */


/* =========================================================
   MOBILE DROPDOWN - OPEN ONLY WHEN USER TAPS
   ========================================================= */

@media (max-width: 900px) {

    /* Keep submenu CLOSED initially */
    .pkp_navigation_primary>li>ul {
        display: none !important;

        position: static !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0a0f2d !important;

        border: none !important;
        border-left: 3px solid #38bdf8 !important;

        border-radius: 0 !important;
        box-shadow: none !important;

        height: auto !important;
        overflow: visible !important;
    }


    /* =====================================================
       OPEN SUBMENU WHEN USER TAPS / FOCUSES PARENT
       ===================================================== */

    .pkp_navigation_primary>li:focus-within>ul {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        height: auto !important;
        max-height: none !important;
    }


    /* =====================================================
       SUBMENU ITEMS
       ===================================================== */

    .pkp_navigation_primary>li>ul>li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    /* =====================================================
       SUBMENU LINKS
       ===================================================== */

    .pkp_navigation_primary>li>ul>li>a {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 12px 18px 12px 32px !important;

        color: #ffffff !important;

        background: transparent !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        line-height: 1.5 !important;

        text-align: left !important;

        white-space: normal !important;

        overflow-wrap: break-word !important;

        word-break: normal !important;

        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;

        text-decoration: none !important;
    }


    /* Hover */
    .pkp_navigation_primary>li>ul>li>a:hover {
        background: rgba(56, 189, 248, 0.18) !important;

        color: #38bdf8 !important;
    }


    /* =====================================================
       PARENT MENU WITH SUBMENU
       ===================================================== */

    .pkp_navigation_primary>li>a[href="#"] {
        position: relative !important;

        padding-right: 45px !important;
    }


    /* Arrow */
    .pkp_navigation_primary>li>a[href="#"]::after {
        content: "" !important;

        position: absolute !important;

        right: 18px !important;
        top: 50% !important;

        width: 8px !important;
        height: 8px !important;

        border-right: 2px solid #38bdf8 !important;
        border-bottom: 2px solid #38bdf8 !important;

        transform: translateY(-65%) rotate(45deg) !important;

        pointer-events: none !important;

        transition: transform 0.25s ease !important;
    }


    /* Arrow points UP when submenu is open */
    .pkp_navigation_primary>li:focus-within>a[href="#"]::after {
        transform: translateY(-35%) rotate(-135deg) !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .pkp_navigation_primary>li>ul>li>a {
        padding: 11px 14px 11px 28px !important;

        font-size: 12px !important;
    }

}








/*  ------------------------------------------------ 12 august footer css code ---------------------------------------------------------------------------------------  */
 

/* =========================================================
   JRAIE FOOTER
   FULL WIDTH + COMPACT HEIGHT + FULLY RESPONSIVE
   ========================================================= */


/* =========================================================
   REMOVE OUTER OJS FOOTER SPACING / BACKGROUND
   ========================================================= */

.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_footer,
.pkp_footer_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #070b2d !important;
    box-sizing: border-box !important;
}


/* =========================================================
   MAIN JRAIE FOOTER
   ========================================================= */

.jraie-footer {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    /* REDUCED TOP SPACE */
    padding: 25px 0 0 0 !important;

    background: #070b2d !important;
    color: #ffffff !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   FOOTER MAIN CONTAINER
   ========================================================= */

.jraie-footer-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    /* REDUCED BOTTOM SPACE */
    padding: 0 60px 20px 60px !important;

    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
        minmax(280px, 1.45fr)
        minmax(180px, 1fr)
        minmax(200px, 1fr)
        minmax(220px, 1fr) !important;

    gap: 35px !important;

    background: #070b2d !important;
}


/* =========================================================
   BRAND COLUMN
   ========================================================= */

.jraie-footer-brand {
    min-width: 0 !important;
    width: 100% !important;

    color: #ffffff !important;
}


/* =========================================================
   BRAND HEADER
   ========================================================= */

.jraie-brand-header {
    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    gap: 15px !important;

    margin: 0 0 12px 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.jraie-footer-logo {
    flex: 0 0 90px !important;

    width: 90px !important;
    height: 90px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    border-radius: 8px !important;

    padding: 7px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


.jraie-footer-logo a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.jraie-footer-logo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   JOURNAL TITLE
   ========================================================= */

.jraie-footer-title {
    min-width: 0 !important;

    flex: 1 1 auto !important;
}


.jraie-footer-title h3 {
    margin: 0 0 5px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size: 19px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;

    word-wrap: break-word !important;

    overflow-wrap: break-word !important;
}


.jraie-issn {
    margin: 0 !important;

    padding: 0 !important;

    color: #93c5fd !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    word-wrap: break-word !important;
}


/* =========================================================
   CURRENT COPYRIGHT / LICENSE
   ========================================================= */

.jraie-footer-current {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #cbd5e1 !important;

    font-size: 13px !important;

    line-height: 1.55 !important;

    overflow-wrap: anywhere !important;
}


.jraie-footer-current p {
    margin: 0 0 8px 0 !important;

    padding: 0 !important;
}


.jraie-footer-current a {
    color: #60a5fa !important;

    text-decoration: none !important;

    overflow-wrap: anywhere !important;
}


.jraie-footer-current a:hover {
    color: #ffffff !important;

    text-decoration: underline !important;
}


/* =========================================================
   FOOTER COLUMNS
   ========================================================= */

.jraie-footer-column {
    min-width: 0 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   COLUMN HEADINGS
   ========================================================= */

.jraie-footer-column h3 {
    margin: 0 0 10px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;

    letter-spacing: 0.3px !important;
}


/* =========================================================
   FOOTER LIST
   ========================================================= */

.jraie-footer-column ul {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.jraie-footer-column ul li {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.jraie-footer-column ul li a {
    display: block !important;

    width: 100% !important;

    padding: 3px 0 !important;

    margin: 0 !important;

    color: #aeb9cf !important;

    font-size: 13px !important;

    line-height: 1.35 !important;

    text-decoration: none !important;

    overflow-wrap: anywhere !important;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease !important;
}


.jraie-footer-column ul li a:hover {
    color: #60a5fa !important;

    padding-left: 5px !important;
}


/* =========================================================
   PUBLISHER
   ========================================================= */

.jraie-publisher {
    min-width: 0 !important;

    width: 100% !important;

    color: #cbd5e1 !important;
}


.jraie-publisher-heading {
    margin-top: 18px !important;
}


.jraie-publisher p {
    margin: 0 0 6px 0 !important;

    padding: 0 !important;

    color: #aeb9cf !important;

    font-size: 12px !important;

    line-height: 1.5 !important;

    overflow-wrap: anywhere !important;
}


.jraie-publisher p strong {
    color: #ffffff !important;
}


.jraie-publisher p a {
    color: #60a5fa !important;

    text-decoration: none !important;

    overflow-wrap: anywhere !important;
}


.jraie-publisher p a:hover {
    color: #ffffff !important;

    text-decoration: underline !important;
}


/* =========================================================
   BOTTOM COPYRIGHT
   ========================================================= */

.jraie-footer-bottom {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 10px 60px !important;

    box-sizing: border-box !important;

    border-top: 1px solid rgba(255,255,255,0.10) !important;

    background: #070b2d !important;

    text-align: center !important;
}


.jraie-footer-bottom p {
    margin: 0 !important;

    padding: 0 !important;

    color: #94a3b8 !important;

    font-size: 12px !important;

    line-height: 1.4 !important;

    overflow-wrap: anywhere !important;
}


.jraie-footer-bottom strong {
    color: #ffffff !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1201px) {

    .jraie-footer-container {
        grid-template-columns:
            minmax(280px, 1.45fr)
            minmax(180px, 1fr)
            minmax(200px, 1fr)
            minmax(220px, 1fr) !important;

        gap: 35px !important;

        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}


/* =========================================================
   TABLET
   1200px AND BELOW
   ========================================================= */

@media (max-width: 1200px) {

    .jraie-footer-container {

        grid-template-columns:
            1.4fr
            1fr
            1fr !important;

        gap: 28px !important;

        padding-left: 45px !important;
        padding-right: 45px !important;
    }


    .jraie-publisher {
        grid-column: 1 / -1 !important;
    }


    .jraie-footer-bottom {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   900px AND BELOW
   ========================================================= */

@media (max-width: 900px) {

    .jraie-footer-container {

        grid-template-columns:
            1fr
            1fr !important;

        gap: 25px 25px !important;

        padding-left: 30px !important;
        padding-right: 30px !important;
    }


    .jraie-footer-brand {
        grid-column: 1 / -1 !important;
    }


    .jraie-publisher {
        grid-column: auto !important;
    }


    .jraie-footer-bottom {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


/* =========================================================
   MOBILE
   767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .pkp_structure_footer,
    .pkp_structure_footer_wrapper,
    .pkp_footer,
    .pkp_footer_wrapper {

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        background: #070b2d !important;
    }


    .jraie-footer {

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 22px 0 0 0 !important;

        overflow: hidden !important;
    }


    .jraie-footer-container {

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 0 20px 18px 20px !important;

        grid-template-columns: 1fr !important;

        gap: 22px !important;
    }


    .jraie-footer-brand,
    .jraie-footer-column,
    .jraie-publisher {

        grid-column: 1 / -1 !important;

        width: 100% !important;

        min-width: 0 !important;
    }


    /* =====================================================
       MOBILE BRAND
       ===================================================== */

    .jraie-brand-header {

        display: flex !important;

        align-items: center !important;

        justify-content: flex-start !important;

        gap: 12px !important;

        margin-bottom: 12px !important;
    }


    .jraie-footer-logo {

        flex: 0 0 65px !important;

        width: 65px !important;

        height: 65px !important;

        padding: 5px !important;
    }


    .jraie-footer-title {

        flex: 1 1 auto !important;

        min-width: 0 !important;
    }


    .jraie-footer-title h3 {

        font-size: 15px !important;

        line-height: 1.25 !important;

        margin-bottom: 4px !important;
    }


    .jraie-issn {

        font-size: 9px !important;

        line-height: 1.35 !important;
    }


    .jraie-footer-current {

        font-size: 12px !important;

        line-height: 1.5 !important;
    }


    .jraie-footer-current p {

        margin-bottom: 7px !important;
    }


    /* =====================================================
       MOBILE COLUMNS
       ===================================================== */

    .jraie-footer-column h3 {

        font-size: 14px !important;

        margin-bottom: 8px !important;
    }


    .jraie-footer-column ul li a {

        padding: 3px 0 !important;

        font-size: 12px !important;

        line-height: 1.35 !important;
    }


    /* =====================================================
       MOBILE PUBLISHER
       ===================================================== */

    .jraie-publisher-heading {

        margin-top: 15px !important;
    }


    .jraie-publisher p {

        font-size: 11px !important;

        line-height: 1.5 !important;

        margin-bottom: 5px !important;
    }


    /* =====================================================
       MOBILE BOTTOM
       ===================================================== */

    .jraie-footer-bottom {

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 10px 15px !important;

        box-sizing: border-box !important;
    }


    .jraie-footer-bottom p {

        font-size: 10px !important;

        line-height: 1.4 !important;
    }
}


/* =========================================================
   SMALL PHONES
   480px AND BELOW
   ========================================================= */

@media (max-width: 480px) {

    .jraie-footer {

        padding-top: 18px !important;
    }


    .jraie-footer-container {

        width: 100% !important;

        padding-left: 15px !important;

        padding-right: 15px !important;

        padding-bottom: 15px !important;

        gap: 20px !important;
    }


    .jraie-brand-header {

        gap: 9px !important;

        margin-bottom: 10px !important;
    }


    .jraie-footer-logo {

        flex: 0 0 58px !important;

        width: 58px !important;

        height: 58px !important;

        padding: 4px !important;
    }


    .jraie-footer-title h3 {

        font-size: 14px !important;

        line-height: 1.2 !important;
    }


    .jraie-issn {

        font-size: 7px !important;

        line-height: 1.3 !important;
    }


    .jraie-footer-current {

        font-size: 11px !important;

        line-height: 1.45 !important;
    }


    .jraie-footer-column h3 {

        font-size: 13px !important;

        margin-bottom: 7px !important;
    }


    .jraie-footer-column ul li a {

        font-size: 11px !important;

        padding: 3px 0 !important;
    }


    .jraie-publisher p {

        font-size: 10px !important;

        line-height: 1.45 !important;
    }


    .jraie-footer-bottom {

        padding: 8px 12px !important;
    }


    .jraie-footer-bottom p {

        font-size: 9px !important;

        line-height: 1.35 !important;
    }
}