/* =========================================================
   IJSSBR FINAL OJS DESIGN
   International Journal of Social Sciences and Business Research
   REMOVE OLD CSS - USE ONLY THIS CSS
   ========================================================= */

:root{
    --navy:#062a45;
    --blue:#17648f;
    --blue2:#2d7e9c;
    --gold:#d6ad5c;
    --light:#f4f7f9;
    --border:#dce5ea;
    --text:#263b49;
}


/* =========================================================
   GENERAL
   ========================================================= */

html,
body{
    margin:0 !important;
    padding:0 !important;
    background:#f4f7f9 !important;
}

body{
    font-family:"Segoe UI", Arial, Helvetica, sans-serif !important;
    color:var(--text) !important;
    line-height:1.7 !important;
}

a{
    transition:.25s ease;
}


/* =========================================================
   MAIN HERO HEADER
   ========================================================= */

.pkp_structure_head{
    position:relative !important;

    width:100% !important;

    min-height:365px !important;

    margin:0 !important;

    overflow:hidden !important;

    background:
        radial-gradient(
            circle at 75% 30%,
            rgba(255,255,255,.12),
            transparent 27%
        ),
        radial-gradient(
            circle at 17% 85%,
            rgba(67,163,178,.20),
            transparent 32%
        ),
        linear-gradient(
            115deg,
            #041d31 0%,
            #093652 38%,
            #155d80 70%,
            #327e94 100%
        ) !important;

    border:0 !important;

    box-shadow:
        0 4px 16px rgba(0,0,0,.16) !important;
}


/* Decorative circle */

.pkp_structure_head::before{
    content:"";

    position:absolute;

    width:600px;
    height:600px;

    top:-350px;
    left:-180px;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.11);

    box-shadow:
        110px 100px 0 rgba(255,255,255,.025),
        190px 165px 0 rgba(255,255,255,.018);

    pointer-events:none;

    animation:
        circleMove 14s ease-in-out infinite alternate;
}


/* Moving light */

.pkp_structure_head::after{
    content:"";

    position:absolute;

    top:-100%;
    left:-35%;

    width:18%;
    height:300%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.12),
            transparent
        );

    transform:rotate(18deg);

    pointer-events:none;

    animation:
        headerShine 8s linear infinite;
}


/* =========================================================
   HEADER INNER WRAPPER
   ========================================================= */

.pkp_head_wrapper{
    position:relative !important;

    display:block !important;

    width:100% !important;

    max-width:1280px !important;

    min-height:365px !important;

    margin:0 auto !important;

    padding:0 25px 64px !important;

    box-sizing:border-box !important;

    z-index:5 !important;
}


/* =========================================================
   SITE NAME WRAPPER
   ========================================================= */

.pkp_site_name_wrapper{
    position:relative !important;

    display:flex !important;

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

    width:100% !important;

    min-height:300px !important;

    padding:45px 40px 30px !important;

    margin:0 !important;

    box-sizing:border-box !important;
}


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

.pkp_site_name{
    position:relative !important;

    display:block !important;

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    text-align:center !important;

    float:none !important;

    z-index:10 !important;
}


.pkp_site_name a,
.pkp_site_name .is_text{

    display:block !important;

    width:100% !important;

    max-width:1050px !important;

    margin:0 auto !important;

    padding:0 !important;

    color:#ffffff !important;

    background:transparent !important;

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

    font-size:38px !important;

    font-weight:700 !important;

    line-height:1.25 !important;

    letter-spacing:.15px !important;

    text-align:center !important;

    white-space:normal !important;

    text-shadow:
        0 3px 7px rgba(0,0,0,.25);

    animation:
        titleSlide 1.1s ease both;
}


/* GOLD LINE */

.pkp_site_name::before{
    content:"";

    display:block;

    width:75px;
    height:3px;

    margin:0 auto 20px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--gold),
            transparent
        );

    animation:
        lineGrow 1.3s ease both;
}


/* SUBTITLE */

.pkp_site_name::after{
    content:"SOCIAL SCIENCES  •  BUSINESS  •  RESEARCH";

    display:block;

    width:max-content;
    max-width:90%;

    margin:23px auto 0;

    padding:8px 18px;

    color:
        rgba(255,255,255,.90);

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:12px;

    font-weight:650;

    line-height:1.4;

    letter-spacing:3px;

    text-align:center;

    border-top:
        1px solid rgba(255,255,255,.30);

    border-bottom:
        1px solid rgba(255,255,255,.30);

    box-sizing:border-box;

    animation:
        subtitleFade 1.4s ease both;
}


/* =========================================================
   ADMIN TOP RIGHT
   ========================================================= */

.pkp_navigation_user_wrapper{
    position:absolute !important;

    top:0 !important;
    right:0 !important;
    left:auto !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    z-index:9999 !important;
}


#navigationUser,
.pkp_navigation_user{

    position:absolute !important;

    top:13px !important;
    right:18px !important;
    left:auto !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:block !important;

    transform:none !important;

    white-space:nowrap !important;

    z-index:99999 !important;
}


#navigationUser > li,
.pkp_navigation_user > li{

    display:inline-block !important;

    float:none !important;

    width:auto !important;

    margin:0 !important;

    white-space:nowrap !important;
}


#navigationUser > li > a,
.pkp_navigation_user > li > a{

    display:inline-flex !important;

    align-items:center !important;

    width:auto !important;

    padding:7px 11px !important;

    color:#ffffff !important;

    background:
        rgba(0,0,0,.14) !important;

    border:
        1px solid rgba(255,255,255,.12) !important;

    border-radius:5px !important;

    font-size:13px !important;

    font-weight:600 !important;

    line-height:1.2 !important;

    white-space:nowrap !important;

    word-break:normal !important;
}


#navigationUser > li > a:hover,
.pkp_navigation_user > li > a:hover{

    color:#efd18c !important;

    background:
        rgba(0,0,0,.23) !important;
}


/* ADMIN DROPDOWN */

#navigationUser ul,
.pkp_navigation_user ul{

    position:absolute !important;

    top:100% !important;

    right:0 !important;
    left:auto !important;

    min-width:200px !important;

    padding:4px 0 !important;

    background:#ffffff !important;

    border:0 !important;

    border-top:
        3px solid var(--gold) !important;

    border-radius:4px !important;

    box-shadow:
        0 10px 25px rgba(0,0,0,.20) !important;

    text-align:left !important;
}


#navigationUser ul li a,
.pkp_navigation_user ul li a{

    display:block !important;

    padding:10px 15px !important;

    background:#ffffff !important;

    color:#263f50 !important;

    white-space:nowrap !important;
}


#navigationUser ul li a:hover,
.pkp_navigation_user ul li a:hover{

    background:#edf4f7 !important;

    color:var(--blue) !important;
}


/* =========================================================
   NAVIGATION BAR
   ========================================================= */

.pkp_navigation_primary_row{

    position:absolute !important;

    left:50% !important;
    right:auto !important;

    bottom:0 !important;

    width:100vw !important;
    max-width:none !important;

    height:64px !important;

    margin:0 !important;

    padding:0 !important;

    transform:
        translateX(-50%) !important;

    background:
        rgba(3,37,60,.97) !important;

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

    box-shadow:
        0 3px 10px rgba(0,0,0,.13) !important;

    z-index:1000 !important;
}


/* =========================================================
   NAV INNER WRAPPER
   ========================================================= */

.pkp_navigation_primary_wrapper{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    width:100% !important;

    max-width:1230px !important;

    height:64px !important;

    margin:0 auto !important;

    padding:0 25px !important;

    box-sizing:border-box !important;
}


/* =========================================================
   MAIN MENU
   ========================================================= */

#navigationPrimary{

    display:flex !important;

    align-items:center !important;

    height:64px !important;

    margin:0 !important;

    padding:0 !important;

    list-style:none !important;
}


#navigationPrimary > li{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    height:64px !important;

    margin:0 2px !important;

    padding:0 !important;
}


#navigationPrimary > li > a{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    height:64px !important;

    padding:0 20px !important;

    margin:0 !important;

    box-sizing:border-box !important;

    background:transparent !important;

    color:#ffffff !important;

    border:0 !important;

    font-size:14px !important;

    font-weight:700 !important;

    letter-spacing:.25px !important;

    text-transform:uppercase !important;
}


/* menu hover line */

#navigationPrimary > li > a::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:0;
    height:3px;

    background:var(--gold);

    transform:
        translateX(-50%);

    transition:
        width .25s ease;
}


#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus{

    color:#f1d48d !important;

    background:
        rgba(255,255,255,.05) !important;
}


#navigationPrimary > li > a:hover::after,
#navigationPrimary > li > a:focus::after{

    width:65%;
}


/* =========================================================
   ABOUT DROPDOWN
   ========================================================= */

#navigationPrimary ul{

    position:absolute !important;

    top:64px !important;

    left:0 !important;

    min-width:220px !important;

    margin:0 !important;

    padding:4px 0 !important;

    background:#ffffff !important;

    border:0 !important;

    border-top:
        3px solid var(--gold) !important;

    border-radius:
        0 0 5px 5px !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,.18) !important;
}


#navigationPrimary ul li{

    display:block !important;

    width:100% !important;

    height:auto !important;

    margin:0 !important;
}


#navigationPrimary ul li a{

    display:block !important;

    width:100% !important;

    height:auto !important;

    padding:11px 17px !important;

    box-sizing:border-box !important;

    color:#263f50 !important;

    background:#ffffff !important;

    border-bottom:
        1px solid #edf1f3 !important;

    font-size:13px !important;

    font-weight:500 !important;

    text-transform:none !important;

    white-space:nowrap !important;
}


#navigationPrimary ul li a:hover{

    color:var(--blue) !important;

    background:#edf5f7 !important;

    padding-left:22px !important;
}


/* =========================================================
   SEARCH RIGHT SIDE
   ========================================================= */

.pkp_navigation_search_wrapper{

    position:relative !important;

    display:flex !important;

    align-items:center !important;

    height:64px !important;

    margin-left:auto !important;

    padding:0 !important;

    top:auto !important;
    right:auto !important;
    left:auto !important;
}


.pkp_search_desktop{

    display:flex !important;

    align-items:center !important;

    height:64px !important;

    padding:0 12px !important;

    color:#ffffff !important;

    background:transparent !important;

    font-size:14px !important;
}


.pkp_search_desktop:hover{

    color:#efd18a !important;

    background:
        rgba(255,255,255,.05) !important;
}


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

.pkp_structure_content{

    max-width:1280px !important;

    margin:0 auto !important;

    padding-top:32px !important;

    padding-bottom:45px !important;
}


.pkp_structure_main{

    background:#ffffff !important;

    border:
        1px solid var(--border) !important;

    border-radius:7px !important;

    padding:30px 32px !important;

    box-shadow:
        0 5px 18px rgba(6,42,69,.06) !important;
}


/* =========================================================
   PAGE TITLES
   ========================================================= */

.pkp_structure_main h1{

    position:relative;

    color:var(--navy) !important;

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

    font-size:29px !important;

    font-weight:700 !important;

    padding-bottom:14px !important;

    border-bottom:
        1px solid #dce5ea !important;
}


.pkp_structure_main h1::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-2px;

    width:85px;
    height:4px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--gold)
        );
}


.pkp_structure_main h2{

    color:var(--blue) !important;

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


/* =========================================================
   CURRENT ISSUE
   ========================================================= */

.current_issue{

    margin-top:30px !important;

    padding:24px !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #eef5f7
        ) !important;

    border:
        1px solid #d8e3e8 !important;

    border-top:
        4px solid var(--blue) !important;

    border-radius:7px !important;
}


/* =========================================================
   ARTICLE CARDS
   ========================================================= */

.obj_article_summary{

    position:relative;

    margin-bottom:14px !important;

    padding:
        19px 19px 19px 24px !important;

    background:#ffffff !important;

    border:
        1px solid #dce5ea !important;

    border-radius:6px !important;

    transition:.25s ease;
}


.obj_article_summary::before{

    content:"";

    position:absolute;

    top:-1px;
    bottom:-1px;
    left:-1px;

    width:4px;

    background:var(--blue2);

    border-radius:
        6px 0 0 6px;
}


.obj_article_summary:hover{

    transform:
        translateY(-3px);

    box-shadow:
        0 8px 20px rgba(5,45,70,.10);
}


.obj_article_summary:hover::before{

    background:var(--gold);
}


.obj_article_summary .title,
.obj_article_summary .title a{

    color:var(--navy) !important;

    font-size:17px !important;

    font-weight:700 !important;

    line-height:1.5 !important;
}


/* =========================================================
   PDF BUTTON
   ========================================================= */

.obj_galley_link{

    background:var(--blue) !important;

    color:#ffffff !important;

    border:0 !important;

    border-radius:4px !important;

    padding:7px 16px !important;

    font-weight:700 !important;
}


.obj_galley_link:hover{

    background:var(--gold) !important;

    color:#173447 !important;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.pkp_structure_sidebar{

    padding-left:26px !important;
}


.pkp_block{

    padding:
        0 17px 17px !important;

    margin-bottom:20px !important;

    background:#ffffff !important;

    border:
        1px solid var(--border) !important;

    border-radius:6px !important;

    overflow:hidden !important;

    box-shadow:
        0 4px 14px rgba(5,45,70,.05);
}


.pkp_block .title{

    margin:
        0 -17px 15px !important;

    padding:
        12px 17px !important;

    color:#ffffff !important;

    background:
        linear-gradient(
            110deg,
            #062a45,
            #17617e
        ) !important;

    border-bottom:
        3px solid var(--gold);

    font-size:15px !important;

    font-weight:700 !important;
}


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

.pkp_structure_footer_wrapper{

    background:
        linear-gradient(
            110deg,
            #041d30,
            #0b3a58
        ) !important;

    border-top:
        4px solid var(--gold) !important;

    margin-top:25px !important;
}


.pkp_structure_footer{

    color:#e0e9ee !important;

    padding-top:32px !important;

    padding-bottom:32px !important;
}


.pkp_structure_footer p{

    color:#e0e9ee !important;
}


.pkp_structure_footer a{

    color:#e5c77d !important;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes titleSlide{

    0%{
        opacity:0;
        transform:
            translateY(45px);
    }

    100%{
        opacity:1;
        transform:
            translateY(0);
    }
}


@keyframes subtitleFade{

    0%{
        opacity:0;
        letter-spacing:7px;
    }

    100%{
        opacity:1;
        letter-spacing:3px;
    }
}


@keyframes lineGrow{

    0%{
        width:0;
        opacity:0;
    }

    100%{
        width:75px;
        opacity:1;
    }
}


@keyframes headerShine{

    0%{
        left:-35%;
    }

    60%,
    100%{
        left:135%;
    }
}


@keyframes circleMove{

    from{
        transform:
            translate(0,0);
    }

    to{
        transform:
            translate(45px,25px);
    }
}


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

@media(max-width:991px){

    .pkp_structure_head,
    .pkp_head_wrapper{

        min-height:320px !important;
    }


    .pkp_site_name_wrapper{

        min-height:255px !important;
    }


    .pkp_site_name a,
    .pkp_site_name .is_text{

        font-size:29px !important;
    }


    #navigationPrimary > li > a{

        padding:
            0 14px !important;

        font-size:13px !important;
    }


    .pkp_structure_sidebar{

        padding-left:0 !important;

        margin-top:25px !important;
    }
}


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

@media(max-width:767px){

    .pkp_structure_head{

        min-height:auto !important;

        overflow:visible !important;
    }


    .pkp_head_wrapper{

        min-height:auto !important;

        padding:0 !important;
    }


    .pkp_site_name_wrapper{

        min-height:235px !important;

        padding:
            55px 15px 30px !important;
    }


    .pkp_site_name a,
    .pkp_site_name .is_text{

        font-size:21px !important;

        line-height:1.35 !important;
    }


    .pkp_site_name::after{

        font-size:9px;

        letter-spacing:1.3px;

        padding:7px 8px;
    }


    /* ADMIN */

    #navigationUser,
    .pkp_navigation_user{

        top:7px !important;

        right:8px !important;
    }


    #navigationUser > li > a,
    .pkp_navigation_user > li > a{

        padding:5px 7px !important;

        font-size:11px !important;
    }


    /* NAV */

    .pkp_navigation_primary_row{

        position:relative !important;

        left:auto !important;

        bottom:auto !important;

        width:100% !important;

        height:auto !important;

        transform:none !important;

        background:#052a44 !important;
    }


    .pkp_navigation_primary_wrapper{

        display:block !important;

        height:auto !important;

        padding:0 !important;
    }


    #navigationPrimary{

        display:block !important;

        width:100% !important;

        height:auto !important;
    }


    #navigationPrimary > li{

        display:block !important;

        width:100% !important;

        height:auto !important;

        margin:0 !important;
    }


    #navigationPrimary > li > a{

        display:block !important;

        width:100% !important;

        height:auto !important;

        padding:
            12px 16px !important;

        box-sizing:border-box !important;

        border-bottom:
            1px solid
            rgba(255,255,255,.08) !important;
    }


    #navigationPrimary > li > a::after{

        display:none;
    }


    #navigationPrimary ul{

        position:static !important;

        width:100% !important;

        min-width:0 !important;

        box-shadow:none !important;
    }


    .pkp_navigation_search_wrapper{

        display:block !important;

        height:auto !important;

        margin:0 !important;
    }


    .pkp_search_desktop{

        display:block !important;

        height:auto !important;

        padding:
            12px 16px !important;
    }


    .pkp_structure_content{

        padding:
            15px 10px 30px !important;
    }


    .pkp_structure_main{

        padding:
            18px 15px !important;
    }


    .pkp_structure_sidebar{

        padding:0 !important;
    }
}


/* =========================================================
   REDUCE MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .pkp_structure_head::before,
    .pkp_structure_head::after,
    .pkp_site_name a,
    .pkp_site_name .is_text,
    .pkp_site_name::before,
    .pkp_site_name::after{

        animation:none !important;
    }
}
/* =========================================================
   IJSSBR ADMIN - EXACT TOP RIGHT CORNER
   ========================================================= */

/* Header must be reference point */
.pkp_structure_head,
.pkp_head_wrapper {
    position: relative !important;
}


/* Full viewport admin wrapper */
.pkp_navigation_user_wrapper {
    position: absolute !important;

    top: 0 !important;

    /* Important: viewport ki full width */
    left: 50% !important;
    right: auto !important;

    width: 100vw !important;
    max-width: none !important;
    height: 55px !important;

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

    transform: translateX(-50%) !important;

    overflow: visible !important;

    pointer-events: none !important;

    z-index: 999999 !important;
}


/* Actual admin button */
#navigationUser,
.pkp_navigation_user {
    position: absolute !important;

    top: 12px !important;
    right: 15px !important;

    left: auto !important;
    bottom: auto !important;

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

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

    transform: none !important;

    text-align: right !important;
    white-space: nowrap !important;

    pointer-events: auto !important;

    z-index: 1000000 !important;
}


/* Admin list */
#navigationUser > li,
.pkp_navigation_user > li {
    position: relative !important;

    display: inline-block !important;
    float: none !important;

    width: auto !important;

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

    white-space: nowrap !important;
}


/* Admin button style */
#navigationUser > li > a,
.pkp_navigation_user > li > a {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;

    padding: 7px 10px !important;

    background: rgba(3, 37, 60, .65) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.14) !important;

    border-radius: 4px !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* Hover */
#navigationUser > li > a:hover,
.pkp_navigation_user > li > a:hover {
    background: rgba(3,37,60,.85) !important;
    color: #f0d18b !important;
}


/* =========================================================
   ADMIN DROPDOWN
   ========================================================= */

#navigationUser ul,
.pkp_navigation_user ul {
    position: absolute !important;

    top: calc(100% + 4px) !important;

    right: 0 !important;
    left: auto !important;

    width: auto !important;
    min-width: 180px !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    transform: none !important;

    background: #ffffff !important;

    border: none !important;
    border-top: 3px solid #d6ad5c !important;

    border-radius: 4px !important;

    box-shadow: 0 8px 22px rgba(0,0,0,.20) !important;

    text-align: left !important;

    z-index: 1000001 !important;
}


#navigationUser ul li,
.pkp_navigation_user ul li {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
}


#navigationUser ul li a,
.pkp_navigation_user ul li a {
    display: block !important;

    width: 100% !important;

    padding: 10px 15px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;
    color: #263f50 !important;

    font-size: 13px !important;

    white-space: nowrap !important;
}


#navigationUser ul li a:hover,
.pkp_navigation_user ul li a:hover {
    background: #edf4f7 !important;
    color: #17648f !important;
}


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

@media screen and (max-width: 767px) {

    .pkp_navigation_user_wrapper {
        height: 48px !important;
    }

    #navigationUser,
    .pkp_navigation_user {
        top: 7px !important;
        right: 7px !important;
    }

    #navigationUser > li > a,
    .pkp_navigation_user > li > a {
        padding: 5px 7px !important;
        font-size: 10px !important;
    }

    #navigationUser ul,
    .pkp_navigation_user ul {
        right: 0 !important;
        min-width: 170px !important;
    }
}
/* =========================================================
   MAIN CONTENT - REMOVE LEFT / RIGHT LINES
   ========================================================= */

.pkp_structure_content {
    border: none !important;
    box-shadow: none !important;
}

.pkp_structure_main {
    background: #ffffff !important;

    /* IMPORTANT - vertical lines remove */
    border: none !important;
    border-left: none !important;
    border-right: none !important;

    outline: none !important;

    border-radius: 7px !important;

    padding: 30px 32px !important;

    box-shadow: 0 5px 18px rgba(6,42,69,.06) !important;
}

/* OJS MAIN PSEUDO ELEMENTS - NO DECORATIVE BORDERS */
.pkp_structure_main::before,
.pkp_structure_main::after{
    content:none !important;
    display:none !important;
    border:none !important;
}

/* IMPORTANT: KEEP CONTENT CLEARFIX
   This prevents the footer from moving up beside/behind the sidebar. */
.pkp_structure_content::before,
.pkp_structure_content::after{
    content:"" !important;
    display:table !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
}

.pkp_structure_content::after{
    clear:both !important;
}
/* =========================================================
   IJSSBR FINAL NAVBAR + DROPDOWN FIX
   KEEP THIS AT VERY END OF CSS
   ========================================================= */

@media screen and (min-width:768px){

    /* Header dropdown ko content ke upar show hone dein */
    .pkp_structure_head{
        overflow:visible !important;
        z-index:9999 !important;
    }

    .pkp_head_wrapper{
        overflow:visible !important;
    }


    /* =====================================================
       SMALLER MENU BAR
       ===================================================== */

    .pkp_navigation_primary_row{
        position:absolute !important;

        left:50% !important;
        right:auto !important;
        bottom:0 !important;

        width:100vw !important;
        max-width:none !important;

        height:52px !important;

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

        transform:translateX(-50%) !important;

        background:#03253c !important;

        overflow:visible !important;

        z-index:99999 !important;
    }


    .pkp_navigation_primary_wrapper{
        position:relative !important;

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

        width:100% !important;
        max-width:1180px !important;

        height:52px !important;

        margin:0 auto !important;
        padding:0 18px !important;

        box-sizing:border-box !important;

        overflow:visible !important;
    }


    /* =====================================================
       MAIN MENU
       ===================================================== */

    #navigationPrimary{
        display:flex !important;
        align-items:center !important;

        height:52px !important;

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

        overflow:visible !important;
    }


    #navigationPrimary > li{
        position:relative !important;

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

        height:52px !important;

        margin:0 1px !important;
        padding:0 !important;

        overflow:visible !important;
    }


    #navigationPrimary > li > a{
        display:flex !important;
        align-items:center !important;

        height:52px !important;

        margin:0 !important;
        padding:0 13px !important;

        box-sizing:border-box !important;

        color:#ffffff !important;
        background:transparent !important;

        border:0 !important;

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

        line-height:1 !important;
        letter-spacing:.15px !important;

        text-transform:uppercase !important;

        white-space:nowrap !important;
    }


    /* Gold hover line */
    #navigationPrimary > li > a::after{
        content:"" !important;

        position:absolute !important;

        left:50% !important;
        bottom:0 !important;

        width:0 !important;
        height:3px !important;

        background:#d6ad5c !important;

        transform:translateX(-50%) !important;

        transition:width .25s ease !important;
    }


    #navigationPrimary > li > a:hover::after,
    #navigationPrimary > li > a:focus::after{
        width:60% !important;
    }


    /* =====================================================
       DROPDOWN - MUST OPEN BELOW NAVBAR
       ===================================================== */

    .pkp_navigation_primary_row
    #navigationPrimary > li > ul,

    .pkp_navigation_primary_row
    #navigationPrimary > li > .dropdown-menu{

        position:absolute !important;

        /* IMPORTANT */
        top:52px !important;
        bottom:auto !important;

        left:0 !important;
        right:auto !important;

        inset:52px auto auto 0 !important;

        width:auto !important;
        min-width:205px !important;
        max-width:290px !important;

        margin:0 !important;
        margin-top:0 !important;

        padding:3px 0 !important;

        transform:none !important;
        translate:none !important;

        background:#ffffff !important;

        border:0 !important;
        border-top:3px solid #d6ad5c !important;

        border-radius:0 0 5px 5px !important;

        box-shadow:
            0 10px 25px rgba(0,0,0,.18) !important;

        text-align:left !important;

        overflow:visible !important;

        z-index:9999999 !important;
    }


    /* =====================================================
       DROPDOWN ITEMS
       ===================================================== */

    .pkp_navigation_primary_row
    #navigationPrimary > li > ul > li{

        position:relative !important;

        display:block !important;

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

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


    .pkp_navigation_primary_row
    #navigationPrimary > li > ul > li > a{

        display:block !important;

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

        margin:0 !important;

        padding:9px 14px !important;

        box-sizing:border-box !important;

        color:#263f50 !important;
        background:#ffffff !important;

        border:0 !important;
        border-bottom:
            1px solid #e7edf0 !important;

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

        line-height:1.45 !important;

        text-align:left !important;
        text-transform:none !important;

        white-space:nowrap !important;
    }


    .pkp_navigation_primary_row
    #navigationPrimary > li > ul > li:last-child > a{
        border-bottom:0 !important;
    }


    .pkp_navigation_primary_row
    #navigationPrimary > li > ul > li > a:hover{

        color:#17648f !important;

        background:#edf5f7 !important;

        padding-left:18px !important;
    }


    /* =====================================================
       FORCE REMOVE OLD OJS DROPDOWN POSITION
       ===================================================== */

    #navigationPrimary ul{
        bottom:auto !important;

        margin-top:0 !important;

        transform:none !important;
        translate:none !important;
    }


    /* =====================================================
       SEARCH - MATCH NEW SMALL NAVBAR
       ===================================================== */

    .pkp_navigation_search_wrapper{
        height:52px !important;

        margin-left:auto !important;

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


    .pkp_search_desktop{
        display:flex !important;
        align-items:center !important;

        height:52px !important;

        padding:0 10px !important;

        font-size:12.5px !important;
    }

}
/* =========================================
   MOVE MAIN CONTENT UP
   ========================================= */

.pkp_structure_content{
    padding-top:12px !important;
}

/* Main white content card */
.pkp_structure_main{
    margin-top:0 !important;
}

/* Desktop */
@media screen and (min-width:768px){
    .pkp_structure_content{
        padding-top:12px !important;
    }
}
/* =========================================================
   IJSSBR FINAL SIDEBAR + FOOTER + MOBILE FIX
   KEEP THIS SECTION AT THE VERY END
   ========================================================= */

/* ---------- GLOBAL LAYOUT SAFETY ---------- */

html,
body,
.pkp_structure_page{
    min-height:100% !important;
}

.pkp_structure_content{
    position:relative !important;
    box-sizing:border-box !important;
}

/* Properly contain both main column and sidebar */
.pkp_structure_content.has_sidebar{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 255px !important;
    column-gap:22px !important;
    align-items:start !important;

    width:100% !important;
    max-width:1280px !important;

    margin:0 auto !important;
    padding:12px 20px 35px !important;

    box-sizing:border-box !important;
}

/* Remove old float/percentage behaviour inside the grid */
.pkp_structure_content.has_sidebar > .pkp_structure_main{
    float:none !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    box-sizing:border-box !important;

    grid-column:1 !important;
}

.pkp_structure_content.has_sidebar > .pkp_structure_sidebar{
    float:none !important;
    clear:none !important;

    width:100% !important;
    max-width:none !important;

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

    box-sizing:border-box !important;

    grid-column:2 !important;
}

/* Sidebar blocks */
.pkp_structure_sidebar .pkp_block{
    width:100% !important;
    max-width:100% !important;

    margin:0 0 16px !important;

    box-sizing:border-box !important;
}

/* ---------- FOOTER: ALWAYS AFTER CONTENT ---------- */

.pkp_structure_footer_wrapper{
    position:relative !important;

    clear:both !important;
    float:none !important;

    width:100% !important;

    margin:0 !important;

    z-index:1 !important;
}

.pkp_structure_footer{
    position:relative !important;

    clear:both !important;
    float:none !important;

    width:100% !important;

    box-sizing:border-box !important;
}


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

@media screen and (min-width:768px) and (max-width:991px){

    .pkp_structure_content.has_sidebar{
        grid-template-columns:minmax(0, 1fr) 225px !important;
        column-gap:16px !important;

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

    .pkp_structure_sidebar{
        margin-top:0 !important;
        padding-left:0 !important;
    }
}


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

@media screen and (max-width:767px){

    html,
    body,
    .pkp_structure_page{
        width:100% !important;
        max-width:100% !important;

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

        overflow-x:hidden !important;
    }


    /* ---------------- HEADER ---------------- */

    .pkp_structure_head{
        width:100% !important;
        min-height:0 !important;

        margin:0 !important;

        overflow:visible !important;
    }

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

        min-height:0 !important;

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

        box-sizing:border-box !important;
    }

    .pkp_site_name_wrapper{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        min-height:190px !important;

        margin:0 !important;
        padding:48px 42px 25px !important;

        box-sizing:border-box !important;
    }

    .pkp_site_name{
        width:100% !important;
        max-width:100% !important;

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

        text-align:center !important;
    }

    .pkp_site_name a,
    .pkp_site_name .is_text{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

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

        color:#ffffff !important;

        font-size:20px !important;
        line-height:1.28 !important;

        text-align:center !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }

    .pkp_site_name::before{
        width:52px !important;
        height:2px !important;

        margin:0 auto 12px !important;
    }

    .pkp_site_name::after{
        width:auto !important;
        max-width:95% !important;

        margin:14px auto 0 !important;
        padding:6px 7px !important;

        font-size:8px !important;
        line-height:1.4 !important;
        letter-spacing:1px !important;

        white-space:normal !important;
    }


    /* ---------------- MOBILE MENU TOGGLE ---------------- */

    .pkp_site_nav_toggle{
        position:absolute !important;

        top:10px !important;
        left:10px !important;
        right:auto !important;

        margin:0 !important;

        z-index:1000002 !important;
    }


    /* ---------------- ADMIN ---------------- */

    .pkp_navigation_user_wrapper{
        position:absolute !important;

        top:0 !important;
        left:50% !important;
        right:auto !important;

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

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

        transform:translateX(-50%) !important;

        pointer-events:none !important;

        z-index:1000000 !important;
    }

    #navigationUser,
    .pkp_navigation_user{
        position:absolute !important;

        top:7px !important;
        right:7px !important;
        left:auto !important;
        bottom:auto !important;

        width:auto !important;

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

        transform:none !important;

        pointer-events:auto !important;
    }

    #navigationUser > li > a,
    .pkp_navigation_user > li > a{
        padding:5px 7px !important;

        font-size:10px !important;
        line-height:1.2 !important;
    }

    #navigationUser ul,
    .pkp_navigation_user ul{
        top:calc(100% + 4px) !important;

        right:0 !important;
        left:auto !important;

        min-width:165px !important;

        z-index:1000003 !important;
    }


    /* ---------------- MOBILE NAV ---------------- */

    .pkp_site_nav_menu{
        width:100% !important;
        max-width:100% !important;

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

        box-sizing:border-box !important;

        background:#03253c !important;
    }

    .pkp_navigation_primary_row{
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

        transform:none !important;

        background:#03253c !important;

        overflow:visible !important;
    }

    .pkp_navigation_primary_wrapper{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

        box-sizing:border-box !important;
    }

    #navigationPrimary{
        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

    #navigationPrimary > li{
        position:relative !important;

        display:block !important;

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

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

    #navigationPrimary > li > a{
        display:block !important;

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

        margin:0 !important;
        padding:11px 15px !important;

        box-sizing:border-box !important;

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

        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.09) !important;

        font-size:12px !important;
        font-weight:700 !important;
        line-height:1.35 !important;

        text-align:left !important;
        text-transform:uppercase !important;

        white-space:normal !important;
    }

    #navigationPrimary > li > a::after{
        display:none !important;
    }

    #navigationPrimary > li > ul,
    #navigationPrimary > li > .dropdown-menu{
        position:static !important;

        inset:auto !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

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

        transform:none !important;
        translate:none !important;

        background:#ffffff !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }

    #navigationPrimary > li > ul > li,
    #navigationPrimary > li > .dropdown-menu > li{
        display:block !important;

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

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

    #navigationPrimary > li > ul > li > a,
    #navigationPrimary > li > .dropdown-menu > li > a{
        display:block !important;

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

        padding:9px 24px !important;

        box-sizing:border-box !important;

        color:#263f50 !important;
        background:#ffffff !important;

        border:0 !important;
        border-bottom:1px solid #e7edf0 !important;

        font-size:12px !important;
        font-weight:500 !important;
        line-height:1.4 !important;

        text-align:left !important;
        text-transform:none !important;

        white-space:normal !important;
    }

    #navigationPrimary > li > ul > li > a:hover,
    #navigationPrimary > li > .dropdown-menu > li > a:hover{
        color:#17648f !important;
        background:#edf5f7 !important;

        padding-left:27px !important;
    }


    /* ---------------- SEARCH ---------------- */

    .pkp_navigation_search_wrapper{
        width:100% !important;

        height:auto !important;

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

    .pkp_search_desktop{
        display:none !important;
    }


    /* ---------------- CONTENT + SIDEBAR ---------------- */

    .pkp_structure_content,
    .pkp_structure_content.has_sidebar{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:10px 10px 24px !important;

        box-sizing:border-box !important;
    }

    .pkp_structure_main,
    .pkp_structure_content.has_sidebar > .pkp_structure_main{
        display:block !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:18px 14px !important;

        box-sizing:border-box !important;

        border:0 !important;
        border-radius:6px !important;

        box-shadow:0 3px 12px rgba(6,42,69,.05) !important;
    }

    .pkp_structure_sidebar,
    .pkp_structure_content.has_sidebar > .pkp_structure_sidebar{
        display:block !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin:16px 0 0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    .pkp_structure_sidebar .pkp_block{
        width:100% !important;
        max-width:100% !important;

        margin:0 0 13px !important;

        box-sizing:border-box !important;
    }


    /* ---------------- PAGE TYPOGRAPHY ---------------- */

    .pkp_structure_main h1{
        font-size:23px !important;
        line-height:1.25 !important;

        margin-top:0 !important;

        overflow-wrap:anywhere !important;
    }

    .pkp_structure_main h2{
        font-size:20px !important;
        line-height:1.3 !important;

        overflow-wrap:anywhere !important;
    }

    .pkp_structure_main h3{
        line-height:1.35 !important;
        overflow-wrap:anywhere !important;
    }

    .pkp_structure_main p,
    .pkp_structure_main li,
    .pkp_structure_main a{
        overflow-wrap:anywhere !important;
    }


    /* ---------------- MEDIA SAFETY ---------------- */

    .pkp_structure_main img,
    .pkp_structure_sidebar img{
        max-width:100% !important;
        height:auto !important;
    }

    .pkp_structure_main iframe,
    .pkp_structure_main video{
        max-width:100% !important;
    }

    .pkp_structure_main table{
        width:100% !important;
        max-width:100% !important;

        display:block !important;

        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }


    /* ---------------- FOOTER MOBILE ---------------- */

    .pkp_structure_footer_wrapper,
    .pkp_structure_footer{
        position:relative !important;

        clear:both !important;
        float:none !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }

    .pkp_structure_footer{
        padding:22px 15px !important;
    }
}
/* =========================================================
   IJSSBR FINAL SIDEBAR + MOBILE TITLE FIX
   KEEP THIS AT VERY END OF CSS
   ========================================================= */


/* =========================================================
   DESKTOP / TABLET - SIDEBAR BELOW MENU BAR
   ========================================================= */

@media screen and (min-width:768px){

    body .pkp_structure_content.has_sidebar{
        align-items:start !important;
    }

    body .pkp_structure_content.has_sidebar > .pkp_structure_sidebar,
    body .pkp_structure_content.has_sidebar .pkp_structure_sidebar{

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        /* IMPORTANT */
        margin-top:30px !important;

        padding-top:0 !important;

        transform:none !important;

        align-self:start !important;

        z-index:1 !important;
    }


    /* First sidebar block - Make a Submission */
    body .pkp_structure_sidebar .pkp_block:first-child{
        margin-top:0 !important;
    }

}


/* =========================================================
   MOBILE HEADER / TITLE EXACT CENTER
   ========================================================= */

@media screen and (max-width:767px){

    /* Header */
    body .pkp_structure_head{
        width:100% !important;
        min-height:0 !important;

        overflow:visible !important;
    }


    body .pkp_head_wrapper{
        position:relative !important;

        width:100% !important;
        max-width:100% !important;

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

        box-sizing:border-box !important;
    }


    /* Title area */
    body .pkp_site_name_wrapper{

        position:relative !important;

        display:flex !important;

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

        width:100% !important;

        min-height:190px !important;

        margin:0 !important;

        /* SAME SPACE LEFT & RIGHT */
        padding:52px 20px 25px !important;

        box-sizing:border-box !important;
    }


    /* Actual title container */
    body .pkp_site_name{

        position:relative !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;

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

        left:auto !important;
        right:auto !important;

        transform:none !important;

        float:none !important;

        text-align:center !important;
    }


    body .pkp_site_name a,
    body .pkp_site_name .is_text{

        display:block !important;

        width:100% !important;
        max-width:330px !important;

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

        color:#ffffff !important;

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

        line-height:1.28 !important;

        text-align:center !important;

        white-space:normal !important;

        word-break:normal !important;
        overflow-wrap:normal !important;

        transform:none !important;
    }


    /* Gold line center */
    body .pkp_site_name::before{

        display:block !important;

        width:55px !important;
        height:2px !important;

        margin:0 auto 12px !important;

        left:auto !important;
        right:auto !important;

        transform:none !important;
    }


    /* Subtitle center */
    body .pkp_site_name::after{

        display:block !important;

        width:max-content !important;
        max-width:90% !important;

        margin:15px auto 0 !important;
        padding:6px 8px !important;

        font-size:8px !important;
        letter-spacing:1px !important;
        line-height:1.4 !important;

        text-align:center !important;

        left:auto !important;
        right:auto !important;

        transform:none !important;
    }


    /* Hamburger stays left */
    body .pkp_site_nav_toggle{

        position:absolute !important;

        top:12px !important;
        left:12px !important;
        right:auto !important;

        margin:0 !important;

        z-index:1000002 !important;
    }


    /* Sidebar on mobile comes AFTER content */
    body .pkp_structure_sidebar,
    body .pkp_structure_content.has_sidebar > .pkp_structure_sidebar{

        position:static !important;

        display:block !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

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

        transform:none !important;

        box-sizing:border-box !important;
    }

}
/* =========================================================
   IJSSBR - SUBMISSION BUTTON BLOCK FINAL
   ========================================================= */

/* White block containing Make a Submission */
.pkp_structure_sidebar .pkp_block:first-child,
.block_make_submission,
.pkp_block_make_submission{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;
    min-height:70px !important;

    margin:0 0 16px !important;
    padding:14px !important;

    box-sizing:border-box !important;

    background:#ffffff !important;

    border:1px solid #dce5ea !important;
    border-radius:6px !important;

    box-shadow:0 4px 14px rgba(6,42,69,.06) !important;

    overflow:hidden !important;
}


/* Make a Submission button */
.block_make_submission_link,
.pkp_block_make_submission_link,
.pkp_structure_sidebar a[href*="/about/submissions"]{
    display:inline-flex !important;

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

    width:auto !important;
    min-width:165px !important;

    margin:0 !important;
    padding:10px 18px !important;

    background:
        linear-gradient(
            135deg,
            #062a45,
            #17648f
        ) !important;

    color:#ffffff !important;

    border:0 !important;
    border-bottom:3px solid #d6ad5c !important;

    border-radius:5px !important;

    box-shadow:
        0 4px 10px rgba(6,42,69,.18) !important;

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

    line-height:1.2 !important;

    text-decoration:none !important;

    transform:none !important;
}


/* Button Hover */
.block_make_submission_link:hover,
.pkp_block_make_submission_link:hover,
.pkp_structure_sidebar a[href*="/about/submissions"]:hover{
    background:#d6ad5c !important;

    color:#062a45 !important;

    border-bottom-color:#17648f !important;

    transform:translateY(-2px) !important;

    box-shadow:
        0 6px 14px rgba(6,42,69,.20) !important;
}

/* =========================================================
   IJSSBR CLEAN FINAL OVERRIDE
   Full Header Light + Compact Desktop Header + Mobile Menu
   KEEP THIS SECTION AT THE VERY END
   ========================================================= */

/* ---------- CLEAN OLD LIGHT OVERRIDES ---------- */
.pkp_site_name_wrapper::before{
    /* keep original gold line generated by .pkp_site_name::before only */
}

.pkp_structure_head{
    position:relative !important;
    isolation:isolate !important;
}

/* Full-width light layer. It stays inside the upper blue hero
   because the pseudo element itself does not move outside the header. */
.pkp_structure_head::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;

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

    background:
        linear-gradient(
            108deg,
            transparent 0%,
            transparent 42%,
            rgba(255,255,255,.03) 46%,
            rgba(255,255,255,.12) 48%,
            rgba(255,255,255,.34) 50%,
            rgba(255,255,255,.12) 52%,
            rgba(255,255,255,.03) 54%,
            transparent 58%,
            transparent 100%
        ) !important;

    background-size:300% 100% !important;
    background-repeat:no-repeat !important;
    background-position:130% 0 ;

    transform:none !important;

    opacity:1 !important;

    pointer-events:none !important;

    z-index:2 !important;

    animation:ijssbrHeaderSweep 5.2s ease-in-out infinite !important;
    will-change:background-position !important;
}

@keyframes ijssbrHeaderSweep{
    0%{
        background-position:130% 0;
    }

    62%{
        background-position:-130% 0;
    }

    100%{
        background-position:-130% 0;
    }
}

/* Header content remains above the light */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name{
    position:relative !important;
    z-index:5 !important;
}

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

@media screen and (min-width:768px){

    /* Compact blue hero */
    .pkp_structure_head{
        min-height:290px !important;
        height:290px !important;

        overflow:visible !important;
    }

    .pkp_head_wrapper{
        min-height:290px !important;
        height:290px !important;

        max-width:1280px !important;

        padding:0 25px 44px !important;

        overflow:visible !important;
    }

    .pkp_site_name_wrapper{
        min-height:246px !important;
        height:246px !important;

        padding:34px 40px 18px !important;
    }

    .pkp_site_name a,
    .pkp_site_name .is_text{
        font-size:34px !important;
        line-height:1.22 !important;
    }

    .pkp_site_name::before{
        margin-bottom:14px !important;
    }

    .pkp_site_name::after{
        margin-top:16px !important;
        padding:6px 14px !important;

        font-size:10px !important;
        letter-spacing:2px !important;
    }

    /* ---------- COMPACT MENU BAR ---------- */
    .pkp_navigation_primary_row{
        position:absolute !important;

        left:50% !important;
        right:auto !important;
        bottom:0 !important;

        width:94% !important;
        max-width:1060px !important;

        height:44px !important;

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

        transform:translateX(-50%) !important;

        background:#03253c !important;

        border-radius:5px 5px 0 0 !important;

        overflow:visible !important;

        z-index:999999 !important;
    }

    .pkp_navigation_primary_wrapper{
        position:relative !important;

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

        width:100% !important;
        max-width:100% !important;

        height:44px !important;

        margin:0 auto !important;
        padding:0 14px !important;

        box-sizing:border-box !important;

        overflow:visible !important;
    }

    #navigationPrimary{
        display:flex !important;
        align-items:center !important;

        height:44px !important;

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

        overflow:visible !important;
    }

    #navigationPrimary > li{
        position:relative !important;

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

        height:44px !important;

        margin:0 1px !important;
        padding:0 !important;

        overflow:visible !important;
    }

    #navigationPrimary > li > a{
        display:flex !important;
        align-items:center !important;

        height:44px !important;

        padding:0 11px !important;

        font-size:11.5px !important;
        font-weight:700 !important;
        line-height:1 !important;

        white-space:nowrap !important;
    }

    /* Desktop dropdown below 44px menu */
    #navigationPrimary > li > ul,
    #navigationPrimary > li > .dropdown-menu{
        position:absolute !important;

        top:44px !important;
        left:0 !important;
        right:auto !important;
        bottom:auto !important;

        inset:44px auto auto 0 !important;

        width:auto !important;
        min-width:205px !important;
        max-width:290px !important;

        margin:0 !important;
        padding:3px 0 !important;

        transform:none !important;
        translate:none !important;

        background:#ffffff !important;

        border:0 !important;
        border-top:3px solid #d6ad5c !important;
        border-radius:0 0 5px 5px !important;

        box-shadow:0 10px 25px rgba(0,0,0,.18) !important;

        overflow:visible !important;

        z-index:1000000 !important;
    }

    #navigationPrimary > li:hover > ul,
    #navigationPrimary > li:focus-within > ul{
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
    }

    .pkp_navigation_search_wrapper,
    .pkp_search_desktop{
        height:44px !important;
    }

    /* full header light but not dark menu */
    .pkp_structure_head::after{
        height:246px !important;
    }
}

/* Slightly wider menu on tablets */
@media screen and (min-width:768px) and (max-width:991px){
    .pkp_navigation_primary_row{
        width:96% !important;
        max-width:none !important;
    }

    #navigationPrimary > li > a{
        padding:0 8px !important;
        font-size:10.5px !important;
    }
}

/* =========================================================
   MOBILE - LET OJS TOGGLE CONTROL VISIBILITY
   ========================================================= */

@media screen and (max-width:767px){

    html,
    body,
    .pkp_structure_page{
        width:100% !important;
        max-width:100% !important;

        overflow-x:hidden !important;
    }

    /* ---------- MOBILE HERO ---------- */
    .pkp_structure_head{
        width:100% !important;

        min-height:0 !important;
        height:auto !important;

        overflow:visible !important;
    }

    .pkp_head_wrapper{
        width:100% !important;
        max-width:100% !important;

        min-height:0 !important;
        height:auto !important;

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

        overflow:visible !important;
    }

    .pkp_site_name_wrapper{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        min-height:190px !important;
        height:190px !important;

        margin:0 !important;
        padding:48px 38px 24px !important;

        box-sizing:border-box !important;

        text-align:center !important;
    }

    .pkp_site_name{
        width:100% !important;
        max-width:100% !important;

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

        text-align:center !important;
    }

    .pkp_site_name a,
    .pkp_site_name .is_text{
        display:block !important;

        width:100% !important;
        max-width:330px !important;

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

        font-size:20px !important;
        line-height:1.28 !important;

        text-align:center !important;
        white-space:normal !important;
    }

    .pkp_site_name::before{
        width:52px !important;
        height:2px !important;

        margin:0 auto 12px !important;
    }

    .pkp_site_name::after{
        width:max-content !important;
        max-width:90% !important;

        margin:14px auto 0 !important;
        padding:6px 7px !important;

        font-size:8px !important;
        line-height:1.4 !important;
        letter-spacing:1px !important;

        text-align:center !important;
        white-space:normal !important;
    }

    /* ---------- HAMBURGER ---------- */
    .pkp_site_nav_toggle{
        display:block !important;

        position:absolute !important;

        top:12px !important;
        left:12px !important;
        right:auto !important;

        margin:0 !important;

        z-index:1000005 !important;

        cursor:pointer !important;
        pointer-events:auto !important;
    }

    /* Do NOT force display:none/display:block here.
       OJS JavaScript keeps control of the open/close state. */
    .pkp_site_nav_menu{
        position:relative !important;

        width:100% !important;
        max-width:100% !important;

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

        box-sizing:border-box !important;

        background:#03253c !important;

        z-index:1000001 !important;
    }

    /* ---------- MOBILE NAV ---------- */
    .pkp_navigation_primary_row{
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

        transform:none !important;

        background:#03253c !important;

        border-radius:0 !important;

        overflow:visible !important;

        z-index:auto !important;
    }

    .pkp_navigation_primary_wrapper{
        display:block !important;

        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

        box-sizing:border-box !important;

        overflow:visible !important;
    }

    #navigationPrimary{
        width:100% !important;
        max-width:100% !important;

        height:auto !important;

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

        list-style:none !important;
    }

    #navigationPrimary > li{
        position:relative !important;

        display:block !important;

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

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

    #navigationPrimary > li > a{
        display:block !important;

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

        margin:0 !important;
        padding:11px 16px !important;

        box-sizing:border-box !important;

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

        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.09) !important;

        font-size:12px !important;
        font-weight:700 !important;
        line-height:1.35 !important;

        text-align:left !important;
        text-transform:uppercase !important;

        white-space:normal !important;
    }

    #navigationPrimary > li > a:hover,
    #navigationPrimary > li > a:focus{
        background:#0a405c !important;
        color:#f1d48d !important;
    }

    #navigationPrimary > li > a::after{
        display:none !important;
    }

    /* Nested menu: keep it in normal document flow on mobile.
       Visibility remains controlled by OJS/default menu behaviour. */
    #navigationPrimary > li > ul,
    #navigationPrimary > li > .dropdown-menu{
        position:static !important;

        inset:auto !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

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

        transform:none !important;
        translate:none !important;

        background:#ffffff !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }

    #navigationPrimary > li > ul > li,
    #navigationPrimary > li > .dropdown-menu > li{
        display:block !important;

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

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

    #navigationPrimary > li > ul > li > a,
    #navigationPrimary > li > .dropdown-menu > li > a{
        display:block !important;

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

        padding:9px 23px !important;

        box-sizing:border-box !important;

        color:#263f50 !important;
        background:#ffffff !important;

        border:0 !important;
        border-bottom:1px solid #e7edf0 !important;

        font-size:12px !important;
        font-weight:500 !important;
        line-height:1.4 !important;

        text-align:left !important;
        text-transform:none !important;

        white-space:normal !important;
    }

    .pkp_navigation_search_wrapper{
        width:100% !important;
        height:auto !important;

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

    .pkp_search_desktop{
        display:none !important;
    }

    /* Mobile light across the full blue title area */
    .pkp_structure_head::after{
        height:190px !important;

        background-size:320% 100% !important;

        animation:ijssbrHeaderSweepMobile 5.2s ease-in-out infinite !important;
    }

    @keyframes ijssbrHeaderSweepMobile{
        0%{
            background-position:135% 0;
        }

        62%{
            background-position:-135% 0;
        }

        100%{
            background-position:-135% 0;
        }
    }
}

/* Keep light animation active even if earlier CSS disabled it */
@media (prefers-reduced-motion:reduce){
    .pkp_structure_head::after{
        animation:ijssbrHeaderSweep 5.2s ease-in-out infinite !important;
    }

    @media screen and (max-width:767px){
        .pkp_structure_head::after{
            animation:ijssbrHeaderSweepMobile 5.2s ease-in-out infinite !important;
        }
    }
}
/* =========================================================
   IJSSBR - FINAL IJMR STYLE FULL HEADER SLIDING LIGHT
   IMPORTANT: animated background-position intentionally has NO !important
   ========================================================= */

/* Keep dropdowns visible */
html body .pkp_structure_head{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
}

/* Disable any old wrapper-based light so only ONE sweep remains */
html body .pkp_site_name_wrapper::before{
    content:none !important;
    display:none !important;
    animation:none !important;
}

/* Full header light layer */
html body .pkp_structure_head::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    inset:0 !important;

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

    background-image:
        linear-gradient(
            108deg,
            transparent 0%,
            transparent 18%,
            rgba(255,255,255,.03) 30%,
            rgba(255,255,255,.10) 40%,
            rgba(255,255,255,.26) 47%,
            rgba(255,255,255,.55) 50%,
            rgba(255,255,255,.26) 53%,
            rgba(255,255,255,.10) 60%,
            rgba(255,255,255,.03) 70%,
            transparent 82%,
            transparent 100%
        ) !important;

    background-size:220px 100% !important;
    background-repeat:no-repeat !important;

    /* DO NOT add !important here: animation must change this value */
    background-position:-260px 0;

    opacity:1 !important;
    pointer-events:none !important;

    z-index:2 !important;

    animation:ijssbrFinalHeaderLight 5.4s linear infinite !important;
    will-change:background-position;
}

/* Actual visible left -> right slide */
@keyframes ijssbrFinalHeaderLight{
    0%{
        background-position:-260px 0;
    }

    68%{
        background-position:calc(100% + 260px) 0;
    }

    100%{
        background-position:calc(100% + 260px) 0;
    }
}

/* Header content above the light */
html body .pkp_head_wrapper,
html body .pkp_site_name_wrapper,
html body .pkp_site_name{
    position:relative !important;
    z-index:5 !important;
}

/* Menu/dropdowns remain fully clickable and above the light */
html body .pkp_navigation_primary_row{
    z-index:999999 !important;
    overflow:visible !important;
}

html body .pkp_navigation_primary_wrapper,
html body #navigationPrimary,
html body #navigationPrimary > li{
    overflow:visible !important;
}

html body #navigationPrimary > li > ul,
html body #navigationPrimary .dropdown-menu{
    z-index:1000000 !important;
}

/* Mobile */
@media screen and (max-width:767px){
    html body .pkp_structure_head::after{
        background-size:125px 100% !important;
        animation:ijssbrFinalHeaderLightMobile 5s linear infinite !important;
    }

    @keyframes ijssbrFinalHeaderLightMobile{
        0%{
            background-position:-160px 0;
        }

        68%{
            background-position:calc(100% + 160px) 0;
        }

        100%{
            background-position:calc(100% + 160px) 0;
        }
    }
}

/* Keep the light running even if an earlier rule disabled animations */
@media (prefers-reduced-motion:reduce){
    html body .pkp_structure_head::after{
        animation:ijssbrFinalHeaderLight 5.4s linear infinite !important;
    }

    @media screen and (max-width:767px){
        html body .pkp_structure_head::after{
            animation:ijssbrFinalHeaderLightMobile 5s linear infinite !important;
        }
    }
}



/* =========================================================
   IJSSBR - WORKING FULL HEADER LIGHT SLIDE
   Uses the independent `translate` property so older
   !important left/transform/background-position rules cannot
   freeze the animation.
   KEEP THIS BLOCK AT THE ABSOLUTE END OF THE FILE.
   ========================================================= */

/* Disable wrapper-based duplicate light layers */
html body .pkp_site_name_wrapper::before{
    content:none !important;
    display:none !important;
    animation:none !important;
}

/* Header must stay overflow-visible so OJS dropdowns are not clipped */
html body .pkp_structure_head{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
}

/* One narrow diagonal light strip across the full blue hero */
html body .pkp_structure_head::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;
    inset:auto !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;

    width:145px !important;
    height:calc(100% - 52px) !important;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.02) 15%,
        rgba(255,255,255,.10) 30%,
        rgba(255,255,255,.30) 43%,
        rgba(255,255,255,.62) 50%,
        rgba(255,255,255,.30) 57%,
        rgba(255,255,255,.10) 70%,
        rgba(255,255,255,.02) 85%,
        transparent 100%
    ) !important;

    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    background-position:center !important;

    opacity:1 !important;
    pointer-events:none !important;

    /* Constant diagonal shape; movement is handled by `translate` below */
    transform:skewX(-18deg) !important;
    transform-origin:center !important;

    /* Important: do NOT put !important on translate itself */
    translate:-220px 0;

    z-index:2 !important;

    animation-name:ijssbrWorkingLightSweep !important;
    animation-duration:5.2s !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
    animation-fill-mode:both !important;

    will-change:translate !important;
}

@keyframes ijssbrWorkingLightSweep{
    0%{
        translate:-220px 0;
        opacity:0;
    }

    7%{
        opacity:1;
    }

    68%{
        translate:calc(100vw + 220px) 0;
        opacity:1;
    }

    69%,
    100%{
        translate:calc(100vw + 220px) 0;
        opacity:0;
    }
}

/* Header text/content above the sweep */
html body .pkp_head_wrapper,
html body .pkp_site_name_wrapper,
html body .pkp_site_name{
    position:relative !important;
    z-index:5 !important;
}

/* Navbar and dropdowns always above the light */
html body .pkp_navigation_primary_row{
    z-index:999999 !important;
    overflow:visible !important;
}

html body .pkp_navigation_primary_wrapper,
html body #navigationPrimary,
html body #navigationPrimary > li{
    overflow:visible !important;
}

html body #navigationPrimary > li > ul,
html body #navigationPrimary .dropdown-menu{
    z-index:1000000 !important;
}

/* Mobile: sweep only across the blue title area, above the mobile nav */
@media screen and (max-width:767px){
    html body .pkp_structure_head::after{
        width:95px !important;
        height:190px !important;

        translate:-150px 0;

        animation-name:ijssbrWorkingLightSweepMobile !important;
        animation-duration:5s !important;
    }

    @keyframes ijssbrWorkingLightSweepMobile{
        0%{
            translate:-150px 0;
            opacity:0;
        }

        7%{
            opacity:1;
        }

        68%{
            translate:calc(100vw + 150px) 0;
            opacity:1;
        }

        69%,
        100%{
            translate:calc(100vw + 150px) 0;
            opacity:0;
        }
    }
}

/* Force the sweep even if the OS/browser prefers reduced motion */
@media (prefers-reduced-motion:reduce){
    html body .pkp_structure_head::after{
        animation-name:ijssbrWorkingLightSweep !important;
        animation-duration:5.2s !important;
        animation-timing-function:linear !important;
        animation-iteration-count:infinite !important;
    }

    @media screen and (max-width:767px){
        html body .pkp_structure_head::after{
            animation-name:ijssbrWorkingLightSweepMobile !important;
            animation-duration:5s !important;
        }
    }
}
/* =========================================================
   IJSSBR FINAL SIDEBAR + SINGLE HEADER LIGHT FIX
   KEEP AT ABSOLUTE END OF CSS
   ========================================================= */


/* =========================================================
   1. JOURNAL INFORMATION SIDEBAR FIX
   ========================================================= */

/* Complete Journal Information block */
#customblock-journal-information,
[id*="customblock-journal-information"]{
    position:relative !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 0 16px !important;
    padding:0 !important;

    background:#ffffff !important;

    border:1px solid #d9e3e8 !important;
    border-radius:6px !important;

    box-shadow:0 4px 14px rgba(6,42,69,.06) !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}


/* REMOVE extra blue "journal-information" label */
#customblock-journal-information > .title,
#customblock-journal-information .title,
[id*="customblock-journal-information"] > .title,
[id*="customblock-journal-information"] .title{
    display:none !important;

    position:static !important;

    width:0 !important;
    height:0 !important;

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

    overflow:hidden !important;
}


/* Content full width */
#customblock-journal-information .content,
[id*="customblock-journal-information"] .content{
    position:static !important;

    display:block !important;

    float:none !important;
    clear:both !important;

    width:100% !important;
    max-width:100% !important;

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

    left:auto !important;
    right:auto !important;

    transform:none !important;

    box-sizing:border-box !important;
}


/* Journal Info inner content */
#customblock-journal-information .journal-info-box,
[id*="customblock-journal-information"] .journal-info-box{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 16px 16px !important;

    box-sizing:border-box !important;

    text-align:left !important;

    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.55 !important;

    color:#263b49 !important;
}


/* Journal Information heading */
#customblock-journal-information .journal-info-box h3,
[id*="customblock-journal-information"] .journal-info-box h3{
    display:block !important;

    width:auto !important;

    margin:0 -16px 16px !important;
    padding:12px 16px !important;

    background:
        linear-gradient(
            110deg,
            #062a45,
            #17617e
        ) !important;

    color:#ffffff !important;

    border:0 !important;
    border-bottom:3px solid #d6ad5c !important;

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

    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    text-align:left !important;
}


/* Information rows */
#customblock-journal-information .journal-info-box p,
[id*="customblock-journal-information"] .journal-info-box p{
    display:block !important;

    width:100% !important;

    margin:0 0 10px !important;
    padding:0 !important;

    font-size:13px !important;
    line-height:1.55 !important;

    word-break:normal !important;
    overflow-wrap:anywhere !important;
}


/* Labels */
#customblock-journal-information .journal-info-box strong,
[id*="customblock-journal-information"] .journal-info-box strong{
    color:#062a45 !important;
    font-weight:700 !important;
}


/* Values */
#customblock-journal-information .journal-info-box span,
[id*="customblock-journal-information"] .journal-info-box span{
    color:#31566b !important;
}


/* Sidebar itself */
.pkp_structure_content.has_sidebar > .pkp_structure_sidebar{
    width:100% !important;

    margin-top:22px !important;
    padding:0 !important;

    box-sizing:border-box !important;
}


/* =========================================================
   2. REMOVE ALL OLD LIGHT EFFECTS
   ========================================================= */

/* Remove wrapper lights */
.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after{
    content:none !important;
    display:none !important;
    animation:none !important;
}


/*
   IMPORTANT:
   Don't disable .pkp_site_name::before / ::after
   because those are gold line + subtitle.
*/


/* =========================================================
   3. ONLY ONE HEADER SLIDING LIGHT
   ========================================================= */

.pkp_structure_head{
    position:relative !important;

    overflow:visible !important;
}


/* SINGLE LIGHT ONLY */
.pkp_structure_head::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;

    /* Menu bar ke upar tak light */
    height:calc(100% - 52px) !important;

    background:
        linear-gradient(
            108deg,

            transparent 0%,
            transparent 43%,

            rgba(255,255,255,.04) 46%,
            rgba(255,255,255,.12) 48%,
            rgba(255,255,255,.30) 50%,
            rgba(255,255,255,.12) 52%,
            rgba(255,255,255,.04) 54%,

            transparent 57%,
            transparent 100%
        ) !important;

    /* Thin professional beam */
    background-size:95px 100% !important;

    background-repeat:no-repeat !important;

    background-position:-130px 0;

    opacity:.75 !important;

    pointer-events:none !important;

    z-index:2 !important;

    animation:
        ijssbrOneLight 6.5s linear infinite !important;
}


/* Single light slide */
@keyframes ijssbrOneLight{

    0%{
        background-position:-130px 0;
    }

    62%{
        background-position:calc(100% + 130px) 0;
    }

    100%{
        background-position:calc(100% + 130px) 0;
    }
}


/* Header title above light */
.pkp_head_wrapper{
    position:relative !important;
    z-index:5 !important;
}


/* Menu above everything */
.pkp_navigation_primary_row{
    z-index:99999 !important;
    overflow:visible !important;
}


/* Dropdown safe */
.pkp_navigation_primary_wrapper,
#navigationPrimary,
#navigationPrimary > li{
    overflow:visible !important;
}


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

@media screen and (max-width:767px){

    .pkp_structure_head::after{
        height:190px !important;

        background-size:65px 100% !important;

        opacity:.65 !important;

        animation:
            ijssbrOneLight 6.5s linear infinite !important;
    }


    #customblock-journal-information .journal-info-box,
    [id*="customblock-journal-information"] .journal-info-box{
        padding:0 14px 14px !important;
    }


    #customblock-journal-information .journal-info-box h3,
    [id*="customblock-journal-information"] .journal-info-box h3{
        margin:0 -14px 14px !important;
        padding:11px 14px !important;
    }

}


/* Light ko reduced motion setting bhi stop na kare */
@media (prefers-reduced-motion:reduce){

    .pkp_structure_head::after{
        animation:
            ijssbrOneLight 6.5s linear infinite !important;
    }
}
/* =========================================================
   IJSSBR FINAL PROFESSIONAL MOVING LIGHT
   MUST BE ABSOLUTE LAST CODE
   ========================================================= */

html body .pkp_structure_page .pkp_structure_head{
    position:relative !important;
    overflow:visible !important;
}


/* FORCE ONLY ONE MOVING LIGHT */
html body .pkp_structure_page .pkp_structure_head::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;

    top:0 !important;
    left:-130px !important;

    width:90px !important;

    /* menu bar ko light se bahar rakho */
    height:calc(100% - 52px) !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.03) 15%,
            rgba(255,255,255,.12) 30%,
            rgba(255,255,255,.32) 45%,
            rgba(255,255,255,.48) 50%,
            rgba(255,255,255,.32) 55%,
            rgba(255,255,255,.12) 70%,
            rgba(255,255,255,.03) 85%,
            transparent 100%
        ) !important;

    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.03) 15%,
            rgba(255,255,255,.12) 30%,
            rgba(255,255,255,.32) 45%,
            rgba(255,255,255,.48) 50%,
            rgba(255,255,255,.32) 55%,
            rgba(255,255,255,.12) 70%,
            rgba(255,255,255,.03) 85%,
            transparent 100%
        ) !important;

    background-size:100% 100% !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    transform:skewX(-17deg) !important;

    opacity:0 !important;

    pointer-events:none !important;

    z-index:4 !important;

    /* FORCE old animations off */
    animation-name:IJSSBR_FINAL_LIGHT !important;
    animation-duration:5.5s !important;
    animation-timing-function:linear !important;
    animation-delay:0s !important;
    animation-iteration-count:infinite !important;
    animation-direction:normal !important;
    animation-fill-mode:none !important;

    will-change:left,opacity !important;
}
/* =========================================================
   REAL LEFT → RIGHT MOVEMENT
   ========================================================= */

@keyframes IJSSBR_FINAL_LIGHT{

    0%{
        left:-130px;
        opacity:0;
    }

    8%{
        left:-90px;
        opacity:.85;
    }

    60%{
        left:calc(100% + 40px);
        opacity:.85;
    }

    68%{
        left:calc(100% + 130px);
        opacity:0;
    }

    100%{
        left:calc(100% + 130px);
        opacity:0;
    }
}


/* Header text above light */
html body .pkp_structure_page .pkp_head_wrapper{
    position:relative !important;
    z-index:5 !important;
}


/* Menu above light */
html body .pkp_structure_page .pkp_navigation_primary_row{
    z-index:999999 !important;
    overflow:visible !important;
}


/* Prevent horizontal scrollbar while light moves */
html,
body{
    overflow-x:hidden !important;
}


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

@media screen and (max-width:767px){

    html body .pkp_structure_page .pkp_structure_head::after{
        width:65px !important;
        height:190px !important;

        animation-name:IJSSBR_FINAL_LIGHT !important;
        animation-duration:5.5s !important;
        animation-timing-function:linear !important;
        animation-iteration-count:infinite !important;
    }
}


/* Browser reduce-motion bhi is effect ko stop na kare */
@media (prefers-reduced-motion:reduce){

    html body .pkp_structure_page .pkp_structure_head::after{
        animation-name:IJSSBR_FINAL_LIGHT !important;
        animation-duration:5.5s !important;
        animation-timing-function:linear !important;
        animation-iteration-count:infinite !important;
    }
}