.pkp_brand_footer {
    display: none;
}

.pkp_structure_page {
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
}

/* Ensure the outer wrappers are full width */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Remove internal padding from the main footer content */
.pkp_footer_content {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Remove margins and force full width on inner utility containers */
.cse-footer-container,
.cse-footer-bottom-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Remove top margin if necessary */
.cse-footer {
    margin-top: 0 !important;
}








/* =========================================
   CSE JOURNAL FOOTER
   ========================================= */

.cse-footer {
    width: 100%;
    margin-top: 50px;

    background: #032457;
    color: #ffffff;

    font-family: "Times New Roman", Times, serif;

    box-sizing: border-box;
}

.cse-footer *,
.cse-footer *::before,
.cse-footer *::after {
    box-sizing: border-box;
}


/* =========================================
   MAIN FOOTER CONTAINER
   Official / Standard Content Width: 992px
   ========================================= */

.cse-footer-container {
    width: 100%;
    max-width: 992px;

    margin: 0 auto;

    padding: 55px 24px 45px;

    display: grid;
    grid-template-columns:
        minmax(260px, 2fr) minmax(130px, 1fr) minmax(150px, 1fr) minmax(190px, 1.35fr);

    gap: 35px;
}


/* =========================================
   JOURNAL ABOUT
   ========================================= */

.cse-footer-about {
    min-width: 0;
}

.cse-footer-about h3 {
    margin: 0 0 18px;

    font-size: 20px;
    line-height: 1.45;
    font-weight: 700;

    color: #ffffff;
}

.cse-footer-about p {
    margin: 0;
    max-width: 400px;

    font-size: 15px;
    line-height: 1.75;

    color: rgba(255, 255, 255, 0.82);
}


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

.cse-footer-publisher {
    margin-top: 24px;
    padding-left: 14px;

    border-left: 3px solid rgba(255, 255, 255, 0.55);

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.cse-footer-publisher span {
    font-size: 13px;
    line-height: 1.4;

    color: rgba(255, 255, 255, 0.68);
}

.cse-footer-publisher strong {
    font-size: 15px;
    line-height: 1.4;

    color: #ffffff;
}


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

.cse-footer-column h4 {
    position: relative;

    margin: 0 0 22px;
    padding-bottom: 11px;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;

    color: #ffffff;
}

.cse-footer-column h4::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 38px;
    height: 2px;

    background: rgba(255, 255, 255, 0.75);
}


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

.cse-footer-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.cse-footer-column li {
    margin: 0 0 11px;
    padding: 0;
}

.cse-footer-column li:last-child {
    margin-bottom: 0;
}

.cse-footer-column li a {
    position: relative;

    display: inline-block;

    max-width: 100%;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 14px;
    line-height: 1.5;

    transition:
        color 0.25s ease,
        padding-left 0.25s ease;
}

.cse-footer-column li a::before {
    content: "›";

    position: absolute;

    left: -13px;
    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

    transition: opacity 0.25s ease;
}

.cse-footer-column li a:hover {
    color: #ffffff;
    padding-left: 5px;
}

.cse-footer-column li a:hover::before {
    opacity: 1;
}


/* =========================================
   CONTACT
   ========================================= */

.cse-footer-contact {
    min-width: 0;
}

.cse-contact-item {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 20px;
}

.cse-contact-item:last-child {
    margin-bottom: 0;
}


/* Font Awesome Icon Circle */

.cse-contact-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;

    color: #ffffff;

    font-size: 14px;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.cse-contact-item:hover .cse-contact-icon {
    background: rgba(255, 255, 255, 0.12);

    border-color: rgba(255, 255, 255, 0.55);

    transform: translateY(-2px);
}


/* Contact Label */

.cse-contact-item small {
    display: block;

    margin: 0 0 4px;

    font-size: 12px;
    line-height: 1.4;

    color: rgba(255, 255, 255, 0.62);
}


/* Contact Link */

.cse-contact-item a {
    display: inline-block;

    max-width: 100%;

    color: #ffffff;

    text-decoration: none;

    font-size: 14px;
    line-height: 1.5;

    overflow-wrap: anywhere;
    word-break: break-word;

    transition: opacity 0.25s ease;
}

.cse-contact-item a:hover {
    opacity: 0.72;
}


/* =========================================
   BOTTOM BAR
   ========================================= */

.cse-footer-bottom {
    width: 100%;

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

    background: rgba(0, 0, 0, 0.10);
}

.cse-footer-bottom-container {
    width: 100%;
    max-width: 992px;

    min-height: 70px;

    margin: 0 auto;

    padding: 15px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


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

.cse-copyright {
    min-width: 0;

    font-size: 13px;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.75);
}


/* =========================================
   BOTTOM LINKS
   ========================================= */

.cse-footer-bottom-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 8px 20px;
}

.cse-footer-bottom-links a {
    color: rgba(255, 255, 255, 0.78);

    text-decoration: none;

    font-size: 13px;
    line-height: 1.5;

    white-space: nowrap;

    transition: color 0.25s ease;
}

.cse-footer-bottom-links a:hover {
    color: #ffffff;
}


/* =========================================
   LARGE TABLET
   992px → 769px
   ========================================= */

@media (max-width: 991px) {

    .cse-footer-container {
        max-width: 100%;

        padding-left: 30px;
        padding-right: 30px;

        grid-template-columns:
            minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);

        gap: 40px 35px;
    }

    /*
       Contact becomes the fourth area
       and spans the full row.
    */

    .cse-footer-contact {
        grid-column: 1 / -1;

        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 40px;
        row-gap: 0;
    }

    .cse-footer-contact h4 {
        grid-column: 1 / -1;
    }

    .cse-contact-item {
        margin-bottom: 0;
    }

    .cse-footer-bottom-container {
        max-width: 100%;

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


/* =========================================
   TABLET
   768px → 600px
   ========================================= */

@media (max-width: 767px) {

    .cse-footer-container {
        padding: 45px 30px 40px;

        grid-template-columns: 1fr 1fr;

        gap: 38px 35px;
    }

    /*
       About section gets full width
    */

    .cse-footer-about {
        grid-column: 1 / -1;
    }

    .cse-footer-about p {
        max-width: 650px;
    }

    /*
       Contact becomes normal 2-column section
    */

    .cse-footer-contact {
        grid-column: 1 / -1;

        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 30px;
    }

    .cse-footer-bottom-container {
        padding: 18px 30px;

        flex-direction: column;

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

        text-align: center;

        gap: 12px;
    }

    .cse-footer-bottom-links {
        justify-content: center;
    }
}


/* =========================================
   MOBILE
   599px → 421px
   ========================================= */

@media (max-width: 599px) {

    .cse-footer {
        margin-top: 40px;
    }

    .cse-footer-container {
        padding: 40px 22px 35px;

        grid-template-columns: 1fr;

        gap: 30px;
    }

    .cse-footer-about,
    .cse-footer-contact {
        grid-column: auto;
    }

    /*
       Contact items become vertical
    */

    .cse-footer-contact {
        display: block;
    }

    .cse-contact-item {
        margin-bottom: 18px;
    }

    .cse-footer-about h3 {
        font-size: 19px;
        line-height: 1.45;
    }

    .cse-footer-about p {
        font-size: 14px;
        line-height: 1.7;
    }

    .cse-footer-column h4 {
        margin-bottom: 18px;

        font-size: 16px;
    }

    .cse-footer-column li a {
        font-size: 14px;
    }

    .cse-footer-bottom-container {
        padding: 18px 22px;
    }

    .cse-copyright {
        font-size: 12px;
    }

    .cse-footer-bottom-links {
        gap: 8px 16px;
    }

    .cse-footer-bottom-links a {
        font-size: 12px;
    }
}


/* =========================================
   SMALL MOBILE
   420px AND BELOW
   ========================================= */

@media (max-width: 420px) {

    .cse-footer-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cse-footer-about h3 {
        font-size: 18px;
    }

    .cse-footer-about p {
        font-size: 13.5px;
    }

    .cse-footer-publisher {
        margin-top: 20px;
    }

    .cse-footer-column h4 {
        font-size: 15.5px;
    }

    .cse-footer-column li {
        margin-bottom: 9px;
    }

    .cse-contact-icon {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }

    .cse-contact-item a {
        font-size: 13px;
    }

    .cse-footer-bottom-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .cse-footer-bottom-links {
        flex-direction: column;

        align-items: center;

        gap: 7px;
    }
}


/* =========================================
   VERY SMALL SCREENS
   ========================================= */

@media (max-width: 340px) {

    .cse-footer-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cse-footer-about h3 {
        font-size: 17px;
    }

    .cse-contact-item {
        gap: 9px;
    }

    .cse-contact-icon {
        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }

    .cse-footer-bottom-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}





/* =========================================================
IJRACSE — SCOPE & AREAS PAGE
Brand Color: #012354
========================================================= */

.ijracse-scope-page {
    --ijracse-scope-primary: #012354;
    --ijracse-scope-primary-light: #eaf1f8;
    --ijracse-scope-primary-soft: #f3f7fb;
    --ijracse-scope-text: #344054;
    --ijracse-scope-muted: #667085;
    --ijracse-scope-border: #dce5ee;
    --ijracse-scope-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-scope-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

}

/* =========================================================
HERO
========================================================= */

.ijracse-scope-hero {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(135deg,
            #012354 0%,
            #073b70 100%);

    border-radius: 18px;
    padding: 58px 50px;
    margin-bottom: 45px;

    color: #fff;

}

.ijracse-scope-hero::before {
    content: "";
    position: absolute;

    width: 270px;
    height: 270px;

    border: 35px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;

    right: -100px;
    top: -125px;

}

.ijracse-scope-hero::after {
    content: "";
    position: absolute;

    width: 150px;
    height: 150px;

    border: 22px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;

    left: -70px;
    bottom: -80px;

}

.ijracse-scope-hero-content {
    position: relative;
    z-index: 2;

    max-width: 750px;

}

.ijracse-scope-eyebrow {
    display: inline-block;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;

    color: #b8cce1;

    margin-bottom: 13px;

}

.ijracse-scope-hero h1 {
    color: #fff;

    font-size: 38px;
    line-height: 1.2;

    margin: 0 0 15px;

}

.ijracse-scope-hero p {
    color: #e4edf6;

    font-size: 17px;

    max-width: 680px;

    margin: 0;

}

/* =========================================================
COMMON SECTION HEADING
========================================================= */

.ijracse-scope-section-heading {
    display: flex;
    align-items: center;

    gap: 17px;

    margin-bottom: 24px;

}

.ijracse-scope-number {
    flex-shrink: 0;

    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-scope-primary);
    color: #fff;

    border-radius: 11px;

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

}

.ijracse-scope-label {
    display: block;

    color: var(--ijracse-scope-primary);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.6px;

    margin-bottom: 3px;

}

.ijracse-scope-section-heading h2 {
    color: var(--ijracse-scope-primary);

    font-size: 28px;
    line-height: 1.25;

    margin: 0;

}

/* =========================================================
INTRODUCTION
========================================================= */

.ijracse-scope-introduction {
    background: #fff;

    border: 1px solid var(--ijracse-scope-border);
    border-radius: 16px;

    padding: 38px 42px;

    margin-bottom: 58px;

    box-shadow: 0 7px 25px rgba(1, 35, 84, 0.055);

    position: relative;
    overflow: hidden;

}

.ijracse-scope-introduction::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 100%;

    background: var(--ijracse-scope-primary);

}

.ijracse-scope-intro-content {
    padding-left: 64px;
}

.ijracse-scope-intro-content p {
    font-size: 17px;

    margin: 0 0 17px;

}

.ijracse-scope-intro-content p {
    margin-bottom: 0;
}

.ijracse-scope-intro-content a {
    color: var(--ijracse-scope-primary);
    text-decoration: none;
}

.ijracse-scope-intro-content a {
    text-decoration: underline;
}

/* =========================================================
AREAS
========================================================= */

.ijracse-scope-areas {
    margin-bottom: 65px;
}

.ijracse-scope-description {
    font-size: 17px;

    margin: 0 0 25px;

}

.ijracse-scope-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 14px;

}

.ijracse-scope-card {
    min-height: 92px;

    display: flex;
    align-items: flex-start;

    gap: 13px;

    background: #fff;

    border: 1px solid var(--ijracse-scope-border);
    border-radius: 12px;

    padding: 18px;

    box-sizing: border-box;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;

}

.ijracse-scope-card {
    transform: translateY(-3px);

    border-color: var(--ijracse-scope-primary);

    box-shadow:
        0 9px 22px rgba(1, 35, 84, 0.09);

}

.ijracse-scope-card-number {
    flex-shrink: 0;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-scope-primary-light);
    color: var(--ijracse-scope-primary);

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;

}

.ijracse-scope-card h3 {
    color: #203b59;

    font-size: 16px;
    line-height: 1.35;

    margin: 5px 0 0;

}

.ijracse-scope-card-wide {
    grid-column: span 3;
}

/* =========================================================
WHAT WE PUBLISH
========================================================= */

.ijracse-scope-research {
    background: var(--ijracse-scope-primary-soft);

    border-radius: 18px;

    padding: 40px;

    margin-bottom: 65px;

}

.ijracse-scope-research-layout {
    display: grid;

    grid-template-columns: 0.9fr 1.2fr;

    gap: 45px;

    align-items: start;

}

.ijracse-scope-research-text p {
    font-size: 17px;

    margin: 0 0 17px;

}

.ijracse-scope-research-list {
    display: flex;

    flex-direction: column;

    gap: 13px;

}

.ijracse-scope-research-item {
    display: flex;

    gap: 17px;

    background: #fff;

    border: 1px solid var(--ijracse-scope-border);

    border-radius: 12px;

    padding: 17px 19px;

}

.ijracse-scope-research-item>span {
    flex-shrink: 0;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-scope-primary);

    color: #fff;

    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;

}

.ijracse-scope-research-item h3 {
    color: var(--ijracse-scope-primary);

    font-size: 17px;

    margin: 1px 0 4px;

}

.ijracse-scope-research-item p {
    color: var(--ijracse-scope-muted);

    font-size: 14px;
    line-height: 1.5;

    margin: 0;

}

/* =========================================================
JOURNAL FOCUS
========================================================= */

.ijracse-scope-focus {
    display: grid;

    grid-template-columns: 1.35fr 1fr;

    gap: 45px;

    align-items: center;

    background: var(--ijracse-scope-primary);

    color: #fff;

    border-radius: 18px;

    padding: 43px;

    margin-bottom: 55px;

    position: relative;
    overflow: hidden;

}

.ijracse-scope-focus::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    border: 35px solid rgba(255, 255, 255, 0.045);

    border-radius: 50%;

    right: -120px;
    bottom: -150px;

}

.ijracse-scope-focus-content {
    position: relative;
    z-index: 2;
}

.ijracse-scope-focus-label {
    color: #b9cce0;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.7px;

}

.ijracse-scope-focus-content h2 {
    color: #fff;

    font-size: 29px;
    line-height: 1.25;

    margin: 12px 0 18px;

}

.ijracse-scope-focus-content p {
    color: #e2ebf4;

    font-size: 16px;

    margin: 0 0 15px;

}

.ijracse-scope-focus-content p {
    margin-bottom: 0;
}

/* Focus Points */

.ijracse-scope-focus-points {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

    position: relative;
    z-index: 2;

}

.ijracse-scope-focus-point {
    background: rgba(255, 255, 255, 0.07);

    border: 1px solid rgba(255, 255, 255, 0.13);

    border-radius: 11px;

    padding: 18px;

}

.ijracse-scope-focus-point>span {
    display: block;

    color: #9fb8d0;

    font-size: 11px;
    font-weight: 700;

    margin-bottom: 5px;

}

.ijracse-scope-focus-point strong {
    display: block;

    color: #fff;

    font-size: 15px;

    margin-bottom: 5px;

}

.ijracse-scope-focus-point p {
    color: #c9d8e6;

    font-size: 13px;
    line-height: 1.45;

    margin: 0;

}

/* =========================================================
CLOSING STATEMENT
========================================================= */

.ijracse-scope-closing {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    background: #fff;

    border: 1px solid var(--ijracse-scope-border);

    border-radius: 15px;

    padding: 28px 30px;

    box-shadow: 0 5px 20px rgba(1, 35, 84, 0.045);

}

.ijracse-scope-closing-icon {
    flex-shrink: 0;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-scope-primary);

    color: #fff;

    border-radius: 50%;

    font-size: 20px;

}

.ijracse-scope-closing h2 {
    color: var(--ijracse-scope-primary);

    font-size: 22px;

    margin: 0 0 7px;

}

.ijracse-scope-closing p {
    color: var(--ijracse-scope-muted);

    font-size: 15px;
    line-height: 1.65;

    margin: 0;

}

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

@media (max-width: 900px) {

    .ijracse-scope-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ijracse-scope-card-wide {
        grid-column: span 2;
    }

    .ijracse-scope-research-layout {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .ijracse-scope-focus {
        grid-template-columns: 1fr;

        gap: 30px;
    }

}

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

@media (max-width: 600px) {

    .ijracse-scope-page {
        padding: 15px 10px 40px;
    }


    /* Hero */

    .ijracse-scope-hero {
        padding: 38px 25px;

        border-radius: 14px;

        margin-bottom: 30px;
    }

    .ijracse-scope-hero h1 {
        font-size: 28px;
    }

    .ijracse-scope-hero p {
        font-size: 15px;
    }


    /* Headings */

    .ijracse-scope-section-heading {
        gap: 11px;

        margin-bottom: 19px;
    }

    .ijracse-scope-number {
        width: 40px;
        height: 40px;

        border-radius: 9px;

        font-size: 11px;
    }

    .ijracse-scope-section-heading h2 {
        font-size: 23px;
    }

    .ijracse-scope-label {
        font-size: 9px;
    }


    /* Introduction */

    .ijracse-scope-introduction {
        padding: 27px 20px;

        border-radius: 13px;

        margin-bottom: 40px;
    }

    .ijracse-scope-intro-content {
        padding-left: 0;
    }

    .ijracse-scope-intro-content p {
        font-size: 15px;
    }


    /* Areas */

    .ijracse-scope-description {
        font-size: 15px;
    }

    .ijracse-scope-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }

    .ijracse-scope-card,
    .ijracse-scope-card-wide {
        grid-column: span 1;

        min-height: auto;

        padding: 16px;
    }

    .ijracse-scope-card h3 {
        font-size: 15px;
    }


    /* Research */

    .ijracse-scope-research {
        padding: 27px 18px;

        border-radius: 14px;

        margin-bottom: 40px;
    }

    .ijracse-scope-research-text p {
        font-size: 15px;
    }

    .ijracse-scope-research-item {
        padding: 15px;

        gap: 12px;
    }

    .ijracse-scope-research-item>span {
        width: 37px;
        height: 37px;
    }

    .ijracse-scope-research-item h3 {
        font-size: 15px;
    }

    .ijracse-scope-research-item p {
        font-size: 13px;
    }


    /* Focus */

    .ijracse-scope-focus {
        padding: 30px 20px;

        border-radius: 14px;

        margin-bottom: 40px;
    }

    .ijracse-scope-focus-content h2 {
        font-size: 24px;
    }

    .ijracse-scope-focus-content p {
        font-size: 15px;
    }

    .ijracse-scope-focus-points {
        grid-template-columns: 1fr 1fr;

        gap: 9px;
    }

    .ijracse-scope-focus-point {
        padding: 14px;
    }

    .ijracse-scope-focus-point strong {
        font-size: 14px;
    }

    .ijracse-scope-focus-point p {
        font-size: 12px;
    }


    /* Closing */

    .ijracse-scope-closing {
        padding: 22px 18px;

        gap: 14px;
    }

    .ijracse-scope-closing-icon {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }

    .ijracse-scope-closing h2 {
        font-size: 19px;
    }

    .ijracse-scope-closing p {
        font-size: 14px;
    }

}

/* =========================================================
VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .ijracse-scope-focus-points {
        grid-template-columns: 1fr;
    }

    .ijracse-scope-hero h1 {
        font-size: 25px;
    }

}



/* =========================================================
IJRACSE — OPEN ACCESS & LICENSING PAGE
Brand Color: #012354
========================================================= */

.ijracse-policy-page {
    --ijracse-policy-primary: #012354;
    --ijracse-policy-primary-light: #eaf1f8;
    --ijracse-policy-primary-soft: #f3f7fb;
    --ijracse-policy-text: #344054;
    --ijracse-policy-muted: #667085;
    --ijracse-policy-border: #dce5ee;
    --ijracse-policy-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-policy-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

}

/* =========================================================
HERO
========================================================= */

.ijracse-policy-hero {
    position: relative;
    overflow: hidden;

    background: linear-gradient(135deg,
            #012354 0%,
            #073b70 100%);

    border-radius: 18px;
    padding: 55px 50px;
    margin-bottom: 45px;

    color: #fff;

}

.ijracse-policy-hero::before {
    content: "";

    position: absolute;

    width: 270px;
    height: 270px;

    border: 35px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;

    right: -100px;
    top: -125px;

}

.ijracse-policy-hero::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    border: 22px solid rgba(255, 255, 255, 0.05);
    border-radius: 50%;

    left: -70px;
    bottom: -80px;

}

.ijracse-policy-hero-content {
    position: relative;
    z-index: 2;

    max-width: 750px;

}

.ijracse-policy-eyebrow {
    display: inline-block;

    color: #b8cce1;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 12px;

}

.ijracse-policy-hero h1 {
    color: #fff;

    font-size: 38px;
    line-height: 1.2;

    margin: 0 0 14px;

}

.ijracse-policy-hero p {
    color: #e4edf6;

    font-size: 17px;

    max-width: 680px;

    margin: 0;

}

/* =========================================================
SECTION HEADING
========================================================= */

.ijracse-policy-section-heading {
    display: flex;
    align-items: center;

    gap: 17px;

    margin-bottom: 24px;

}

.ijracse-policy-number {
    flex-shrink: 0;

    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);
    color: #fff;

    border-radius: 11px;

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

}

.ijracse-policy-label {
    display: block;

    color: var(--ijracse-policy-primary);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.6px;

    margin-bottom: 3px;

}

.ijracse-policy-section-heading h2 {
    color: var(--ijracse-policy-primary);

    font-size: 28px;
    line-height: 1.25;

    margin: 0;

}

/* =========================================================
COMMON SECTIONS
========================================================= */

.ijracse-policy-section {
    margin-bottom: 58px;
}

.ijracse-policy-soft-section {
    background: var(--ijracse-policy-primary-soft);

    border-radius: 18px;

    padding: 40px;

}

/* =========================================================
OPEN ACCESS
========================================================= */

.ijracse-policy-introduction {
    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 16px;

    padding: 38px 42px;

    margin-bottom: 58px;

    box-shadow: 0 7px 25px rgba(1, 35, 84, 0.055);

    position: relative;
    overflow: hidden;

}

.ijracse-policy-introduction::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 100%;

    background: var(--ijracse-policy-primary);

}

.ijracse-policy-intro-content {
    padding-left: 64px;
}

.ijracse-policy-intro-content p {
    font-size: 17px;

    margin: 0 0 17px;

}

.ijracse-policy-intro-content p {
    margin-bottom: 0;
}

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

.ijracse-policy-highlight {
    display: flex;

    align-items: center;

    gap: 18px;

    background: var(--ijracse-policy-primary-soft);

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 13px;

    padding: 20px 23px;

    margin-bottom: 20px;

}

.ijracse-policy-highlight-icon {
    flex-shrink: 0;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 50%;

    font-size: 23px;

}

.ijracse-policy-highlight h3 {
    color: var(--ijracse-policy-primary);

    font-size: 18px;

    margin: 0 0 3px;

}

.ijracse-policy-highlight p {
    margin: 0;

    font-size: 15px;

}

.ijracse-policy-text p {
    font-size: 17px;

    margin: 0;

}

/* =========================================================
AUTHOR RIGHTS
========================================================= */

.ijracse-policy-list-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 13px;

}

.ijracse-policy-list-card {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 12px;

    padding: 18px;

    transition: all 0.25s ease;

}

.ijracse-policy-list-card {
    transform: translateY(-2px);

    border-color: var(--ijracse-policy-primary);

    box-shadow: 0 7px 18px rgba(1, 35, 84, 0.07);

}

.ijracse-policy-list-card>span {
    flex-shrink: 0;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary-light);

    color: var(--ijracse-policy-primary);

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;

}

.ijracse-policy-list-card p {
    font-size: 15px;

    line-height: 1.55;

    margin: 4px 0 0;

}

.ijracse-policy-card-wide {
    grid-column: span 2;
}

/* =========================================================
AUTHOR RESPONSIBILITIES
========================================================= */

.ijracse-policy-responsibilities {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

}

.ijracse-policy-responsibility {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 11px;

    padding: 17px 18px;

}

.ijracse-policy-responsibility {
    grid-column: span 2;
}

.ijracse-policy-responsibility>span {
    flex-shrink: 0;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 50%;

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

}

.ijracse-policy-responsibility p {
    margin: 3px 0 0;

    font-size: 15px;

    line-height: 1.55;

}

/* =========================================================
JOURNAL RIGHTS
========================================================= */

.ijracse-policy-rights {
    display: flex;

    flex-direction: column;

    gap: 13px;

}

.ijracse-policy-right {
    display: flex;

    align-items: flex-start;

    gap: 17px;

    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 12px;

    padding: 18px 20px;

}

.ijracse-policy-right>span {
    flex-shrink: 0;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 9px;

    font-size: 11px;
    font-weight: 700;

}

.ijracse-policy-right p {
    margin: 3px 0 0;

    font-size: 15px;

}

/* =========================================================
LICENSING
========================================================= */

.ijracse-policy-license {
    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 18px;

    padding: 40px;

    margin-bottom: 58px;

    position: relative;
    overflow: hidden;

}

.ijracse-policy-license::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    border: 35px solid rgba(255, 255, 255, 0.045);

    border-radius: 50%;

    right: -120px;
    bottom: -140px;

}

.ijracse-policy-license .ijracse-policy-section-heading {
    position: relative;
    z-index: 2;
}

.ijracse-policy-license .ijracse-policy-label {
    color: #b9cce0;
}

.ijracse-policy-license .ijracse-policy-section-heading h2 {
    color: #fff;
}

.ijracse-policy-license-content {
    position: relative;
    z-index: 2;
}

.ijracse-policy-license-content>p {
    color: #e3edf6;

    font-size: 17px;

    margin: 0 0 22px;

}

.ijracse-policy-license-content a {
    color: #fff;

    text-decoration: underline;

}

.ijracse-policy-license-badge {
    display: inline-flex;

    align-items: center;

    gap: 15px;

    background: rgba(255, 255, 255, 0.09);

    border: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 11px;

    padding: 15px 18px;

    margin-bottom: 17px;

}

.ijracse-policy-license-badge img {
    display: block;

    width: 88px;
    height: 31px;

}

.ijracse-policy-license-badge strong {
    display: block;

    color: #fff;

    font-size: 15px;

}

.ijracse-policy-license-badge span {
    display: block;

    color: #bfd0df;

    font-size: 12px;

    margin-top: 2px;

}

.ijracse-policy-license-note {
    color: #bfcfdf !important;

    font-size: 13px !important;

    margin: 0 !important;

}

/* =========================================================
PERMISSIONS
========================================================= */

.ijracse-policy-permission {
    display: flex;

    align-items: center;

    gap: 18px;

    background: var(--ijracse-policy-primary-soft);

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 13px;

    padding: 20px 22px;

    margin-bottom: 12px;

}

.ijracse-policy-permission-icon {
    width: 47px;
    height: 47px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 50%;

    font-size: 21px;

}

.ijracse-policy-permission h3 {
    color: var(--ijracse-policy-primary);

    margin: 0 0 2px;

    font-size: 18px;

}

.ijracse-policy-permission p {
    margin: 0;

    font-size: 15px;

}

.ijracse-policy-small-note {
    color: var(--ijracse-policy-muted);

    font-size: 14px;

    margin: 0;

}

/* =========================================================
LICENSE CONDITIONS
========================================================= */

.ijracse-policy-conditions {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;

}

.ijracse-policy-condition {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 12px;

    padding: 20px;

}

.ijracse-policy-condition-icon {
    flex-shrink: 0;

    min-width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary);

    color: #fff;

    border-radius: 9px;

    font-size: 11px;
    font-weight: 700;

}

.ijracse-policy-condition h3 {
    color: var(--ijracse-policy-primary);

    font-size: 17px;

    margin: 1px 0 5px;

}

.ijracse-policy-condition p {
    color: var(--ijracse-policy-muted);

    font-size: 14px;

    line-height: 1.55;

    margin: 0;

}

/* =========================================================
NOTICES
========================================================= */

.ijracse-policy-notices {
    background: #fff;

    border: 1px solid var(--ijracse-policy-border);

    border-radius: 16px;

    padding: 38px 40px;

    margin-bottom: 0;

}

.ijracse-policy-notice-list {
    display: flex;

    flex-direction: column;

    gap: 10px;

}

.ijracse-policy-notice-list>div {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 13px 0;

    border-bottom: 1px solid #edf1f5;

}

.ijracse-policy-notice-list>div {
    border-bottom: 0;
}

.ijracse-policy-notice-list span {
    flex-shrink: 0;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-policy-primary-light);

    color: var(--ijracse-policy-primary);

    border-radius: 50%;

    font-size: 10px;
    font-weight: 700;

}

.ijracse-policy-notice-list p {
    margin: 3px 0 0;

    font-size: 15px;

    line-height: 1.55;

}

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

@media (max-width: 900px) {

    .ijracse-policy-list-grid {
        grid-template-columns: 1fr;
    }

    .ijracse-policy-card-wide {
        grid-column: span 1;
    }

    .ijracse-policy-responsibilities {
        grid-template-columns: 1fr;
    }

    .ijracse-policy-responsibility:last-child {
        grid-column: span 1;
    }

    .ijracse-policy-conditions {
        grid-template-columns: 1fr;
    }

}

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

@media (max-width: 600px) {

    .ijracse-policy-page {
        padding: 15px 10px 40px;
    }


    /* Hero */

    .ijracse-policy-hero {
        padding: 38px 25px;

        border-radius: 14px;

        margin-bottom: 30px;
    }

    .ijracse-policy-hero h1 {
        font-size: 28px;
    }

    .ijracse-policy-hero p {
        font-size: 15px;
    }


    /* Headings */

    .ijracse-policy-section-heading {
        gap: 11px;

        margin-bottom: 19px;
    }

    .ijracse-policy-number {
        width: 40px;
        height: 40px;

        border-radius: 9px;

        font-size: 11px;
    }

    .ijracse-policy-section-heading h2 {
        font-size: 23px;
    }

    .ijracse-policy-label {
        font-size: 9px;
    }


    /* Open Access */

    .ijracse-policy-introduction {
        padding: 27px 20px;

        border-radius: 13px;

        margin-bottom: 40px;
    }

    .ijracse-policy-intro-content {
        padding-left: 0;
    }

    .ijracse-policy-intro-content p {
        font-size: 15px;
    }


    /* Common */

    .ijracse-policy-section {
        margin-bottom: 42px;
    }

    .ijracse-policy-soft-section {
        padding: 27px 18px;

        border-radius: 14px;
    }


    /* Copyright */

    .ijracse-policy-highlight {
        padding: 16px;

        gap: 13px;
    }

    .ijracse-policy-highlight-icon {
        width: 42px;
        height: 42px;
    }

    .ijracse-policy-highlight h3 {
        font-size: 16px;
    }

    .ijracse-policy-highlight p {
        font-size: 14px;
    }

    .ijracse-policy-text p {
        font-size: 15px;
    }


    /* Rights */

    .ijracse-policy-list-card {
        padding: 15px;
    }

    .ijracse-policy-list-card p {
        font-size: 14px;
    }


    /* Responsibilities */

    .ijracse-policy-responsibility {
        padding: 15px;
    }

    .ijracse-policy-responsibility p {
        font-size: 14px;
    }


    /* Journal Rights */

    .ijracse-policy-right {
        padding: 15px;
    }

    .ijracse-policy-right p {
        font-size: 14px;
    }


    /* Licensing */

    .ijracse-policy-license {
        padding: 28px 20px;

        border-radius: 14px;

        margin-bottom: 42px;
    }

    .ijracse-policy-license-content>p {
        font-size: 15px;
    }

    .ijracse-policy-license-badge {
        width: 100%;

        box-sizing: border-box;
    }


    /* Permission */

    .ijracse-policy-permission {
        padding: 16px;
    }

    .ijracse-policy-permission-icon {
        width: 41px;
        height: 41px;
    }


    /* Conditions */

    .ijracse-policy-condition {
        padding: 16px;
    }

    .ijracse-policy-condition h3 {
        font-size: 16px;
    }

    .ijracse-policy-condition p {
        font-size: 13px;
    }


    /* Notices */

    .ijracse-policy-notices {
        padding: 27px 20px;

        border-radius: 13px;
    }

    .ijracse-policy-notice-list p {
        font-size: 14px;
    }

}

/* =========================================================
VERY SMALL DEVICES
========================================================= */

@media (max-width: 380px) {

    .ijracse-policy-license-badge {
        align-items: flex-start;

        flex-direction: column;
    }

}

/* =========================================================
   IJRACSE - ARCHIVING POLICY
   ========================================================= */

.ijracse-archiving-page {
    --ijracse-archiving-primary: #012354;
    --ijracse-archiving-primary-light: #eaf1f8;
    --ijracse-archiving-primary-soft: #f3f7fb;
    --ijracse-archiving-text: #344054;
    --ijracse-archiving-muted: #667085;
    --ijracse-archiving-border: #dce5ee;
    --ijracse-archiving-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-archiving-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-archiving-page *,
.ijracse-archiving-page *::before,
.ijracse-archiving-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-archiving-hero {
    position: relative;
    overflow: hidden;

    margin-bottom: 35px;
    padding: 55px 55px;

    background:
        linear-gradient(135deg,
            #012354 0%,
            #07396f 65%,
            #0c4d82 100%);

    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(1, 35, 84, 0.12);
}

.ijracse-archiving-hero::before {
    content: "";
    position: absolute;

    width: 230px;
    height: 230px;

    right: -70px;
    top: -80px;

    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
}

.ijracse-archiving-hero::after {
    content: "";
    position: absolute;

    width: 150px;
    height: 150px;

    right: 40px;
    bottom: -90px;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.ijracse-archiving-hero-content {
    position: relative;
    z-index: 2;

    max-width: 760px;
}

.ijracse-archiving-label {
    display: inline-block;

    margin-bottom: 13px;
    padding: 6px 13px;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.ijracse-archiving-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.ijracse-archiving-hero p {
    max-width: 680px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijracse-archiving-intro {
    margin-bottom: 45px;
    padding: 0 8px;
}

.ijracse-archiving-intro p {
    margin: 0 0 17px;

    color: var(--ijracse-archiving-text);

    font-size: 16px;
    line-height: 1.8;
}

.ijracse-archiving-intro p:last-child {
    margin-bottom: 0;
}


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

.ijracse-archiving-section {
    margin-bottom: 48px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.ijracse-archiving-heading {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 22px;
}

.ijracse-archiving-number {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-archiving-primary);
    background: var(--ijracse-archiving-primary-light);

    border: 1px solid var(--ijracse-archiving-border);
    border-radius: 10px;

    font-size: 17px;
    font-weight: bold;
}

.ijracse-archiving-kicker {
    display: block;

    margin-bottom: 2px;

    color: var(--ijracse-archiving-muted);

    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.ijracse-archiving-heading h2 {
    margin: 0;

    color: var(--ijracse-archiving-primary);

    font-size: 27px;
    line-height: 1.25;
}


/* =========================================================
   DIGITAL PRESERVATION CARD
   ========================================================= */

.ijracse-archiving-preservation-card {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 25px;

    padding: 30px;

    background: var(--ijracse-archiving-white);

    border: 1px solid var(--ijracse-archiving-border);
    border-radius: 12px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-archiving-icon {
    width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-archiving-primary);

    background: var(--ijracse-archiving-primary-light);

    border-radius: 50%;

    font-size: 30px;
    font-weight: bold;
}

.ijracse-archiving-preservation-content p {
    margin: 0 0 20px;

    font-size: 16px;
    line-height: 1.8;
}

.ijracse-archiving-preservation-content h3 {
    margin: 5px 0 13px;

    color: var(--ijracse-archiving-primary);

    font-size: 19px;
}


/* =========================================================
   ARCHIVING LIST
   ========================================================= */

.ijracse-archiving-list {
    margin: 0;
    padding: 0;

    list-style: none;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 25px;
}

.ijracse-archiving-list li {
    position: relative;

    padding: 11px 14px 11px 31px;

    color: var(--ijracse-archiving-text);
    background: var(--ijracse-archiving-primary-soft);

    border: 1px solid #e5edf4;
    border-radius: 7px;

    font-size: 15px;
}

.ijracse-archiving-list li::before {
    content: "✓";

    position: absolute;
    left: 12px;
    top: 10px;

    color: var(--ijracse-archiving-primary);

    font-weight: bold;
}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.ijracse-archiving-info-card {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 18px;

    padding: 27px 30px;

    background: var(--ijracse-archiving-primary-soft);

    border: 1px solid var(--ijracse-archiving-border);
    border-left: 4px solid var(--ijracse-archiving-primary);

    border-radius: 10px;
}

.ijracse-archiving-info-mark {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-archiving-primary);

    border-radius: 50%;

    font-size: 20px;
    font-weight: bold;
}

.ijracse-archiving-info-card p {
    margin: 0 0 15px;

    font-size: 16px;
    line-height: 1.8;
}

.ijracse-archiving-info-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   COMMITMENT
   ========================================================= */

.ijracse-archiving-commitment {
    position: relative;

    padding: 28px 30px 28px 40px;

    background: #ffffff;

    border: 1px solid var(--ijracse-archiving-border);
    border-radius: 10px;

    box-shadow: 0 5px 18px rgba(1, 35, 84, 0.05);
}

.ijracse-archiving-commitment-line {
    position: absolute;

    left: 20px;
    top: 28px;
    bottom: 28px;

    width: 3px;

    background: var(--ijracse-archiving-primary);
    border-radius: 3px;
}

.ijracse-archiving-commitment p {
    margin: 0;

    color: var(--ijracse-archiving-text);

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   CLOSING
   ========================================================= */

.ijracse-archiving-closing {
    position: relative;
    overflow: hidden;

    margin-top: 10px;
    padding: 38px 40px;

    text-align: center;

    background: var(--ijracse-archiving-primary-light);

    border: 1px solid var(--ijracse-archiving-border);
    border-radius: 12px;
}

.ijracse-archiving-closing::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    bottom: -110px;

    border: 1px solid rgba(1, 35, 84, 0.08);
    border-radius: 50%;
}

.ijracse-archiving-closing span {
    display: block;

    margin-bottom: 6px;

    color: var(--ijracse-archiving-muted);

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-archiving-closing h2 {
    position: relative;
    z-index: 1;

    margin: 0 0 8px;

    color: var(--ijracse-archiving-primary);

    font-size: 25px;
}

.ijracse-archiving-closing p {
    position: relative;
    z-index: 1;

    max-width: 700px;

    margin: 0 auto;

    color: var(--ijracse-archiving-muted);

    font-size: 15px;
}


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

@media (max-width: 900px) {

    .ijracse-archiving-page {
        padding: 20px 18px 50px;
    }

    .ijracse-archiving-hero {
        padding: 45px 38px;
    }

    .ijracse-archiving-hero h1 {
        font-size: 34px;
    }

    .ijracse-archiving-list {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .ijracse-archiving-page {
        padding: 15px 12px 40px;
    }

    .ijracse-archiving-hero {
        margin-bottom: 28px;
        padding: 35px 25px;

        border-radius: 11px;
    }

    .ijracse-archiving-hero h1 {
        font-size: 29px;
    }

    .ijracse-archiving-hero p {
        font-size: 15px;
    }

    .ijracse-archiving-label {
        font-size: 10px;
    }

    .ijracse-archiving-intro {
        padding: 0 3px;
        margin-bottom: 35px;
    }

    .ijracse-archiving-intro p {
        font-size: 15px;
        line-height: 1.7;
    }

    .ijracse-archiving-section {
        margin-bottom: 38px;
    }

    .ijracse-archiving-heading {
        gap: 12px;
        margin-bottom: 17px;
    }

    .ijracse-archiving-number {
        flex-basis: 43px;

        width: 43px;
        height: 43px;

        font-size: 14px;
    }

    .ijracse-archiving-heading h2 {
        font-size: 22px;
    }

    .ijracse-archiving-kicker {
        font-size: 9px;
    }

    .ijracse-archiving-preservation-card {
        grid-template-columns: 1fr;
        gap: 18px;

        padding: 22px 20px;
    }

    .ijracse-archiving-icon {
        width: 55px;
        height: 55px;

        font-size: 24px;
    }

    .ijracse-archiving-preservation-content p {
        font-size: 15px;
    }

    .ijracse-archiving-preservation-content h3 {
        font-size: 18px;
    }

    .ijracse-archiving-list {
        gap: 8px;
    }

    .ijracse-archiving-list li {
        font-size: 14px;
        padding: 10px 12px 10px 29px;
    }

    .ijracse-archiving-info-card {
        grid-template-columns: 1fr;
        gap: 13px;

        padding: 22px 20px;
    }

    .ijracse-archiving-info-mark {
        width: 40px;
        height: 40px;

        font-size: 17px;
    }

    .ijracse-archiving-info-card p {
        font-size: 15px;
        line-height: 1.7;
    }

    .ijracse-archiving-commitment {
        padding: 22px 20px 22px 32px;
    }

    .ijracse-archiving-commitment-line {
        left: 16px;
        top: 22px;
        bottom: 22px;
    }

    .ijracse-archiving-commitment p {
        font-size: 15px;
        line-height: 1.7;
    }

    .ijracse-archiving-closing {
        padding: 30px 20px;
    }

    .ijracse-archiving-closing h2 {
        font-size: 22px;
    }

    .ijracse-archiving-closing p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .ijracse-archiving-hero {
        padding: 30px 20px;
    }

    .ijracse-archiving-hero h1 {
        font-size: 26px;
    }

    .ijracse-archiving-heading h2 {
        font-size: 20px;
    }

    .ijracse-archiving-preservation-card {
        padding: 18px 16px;
    }

    .ijracse-archiving-info-card {
        padding: 18px 16px;
    }

}


/* =========================================================
   IJRACSE - PLAGIARISM POLICY
   ========================================================= */

.ijracse-plagiarism-page {
    --ijracse-plagiarism-primary: #012354;
    --ijracse-plagiarism-primary-light: #eaf1f8;
    --ijracse-plagiarism-primary-soft: #f3f7fb;
    --ijracse-plagiarism-text: #344054;
    --ijracse-plagiarism-muted: #667085;
    --ijracse-plagiarism-border: #dce5ee;
    --ijracse-plagiarism-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-plagiarism-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-plagiarism-page *,
.ijracse-plagiarism-page *::before,
.ijracse-plagiarism-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-plagiarism-hero {
    position: relative;
    overflow: hidden;

    margin-bottom: 35px;
    padding: 55px;

    background: linear-gradient(135deg,
            #012354 0%,
            #07396f 65%,
            #0c4d82 100%);

    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(1, 35, 84, 0.12);
}

.ijracse-plagiarism-hero::before {
    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -80px;
    top: -90px;

    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
}

.ijracse-plagiarism-hero::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: 45px;
    bottom: -90px;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.ijracse-plagiarism-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}

.ijracse-plagiarism-label {
    display: inline-block;

    margin-bottom: 13px;
    padding: 6px 13px;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.ijracse-plagiarism-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 38px;
    line-height: 1.2;
}

.ijracse-plagiarism-hero p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRO
   ========================================================= */

.ijracse-plagiarism-intro {
    margin-bottom: 45px;
    padding: 0 8px;
}

.ijracse-plagiarism-intro>p {
    margin: 0 0 22px;

    font-size: 16px;
    line-height: 1.85;
}

.ijracse-plagiarism-principle {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 17px;
    align-items: start;

    padding: 20px 22px;

    background: var(--ijracse-plagiarism-primary-soft);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-left: 4px solid var(--ijracse-plagiarism-primary);

    border-radius: 9px;
}

.ijracse-plagiarism-principle-icon {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-plagiarism-primary);

    border-radius: 50%;

    font-size: 18px;
    font-weight: bold;
}

.ijracse-plagiarism-principle strong {
    display: block;

    margin-bottom: 3px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 17px;
}

.ijracse-plagiarism-principle p {
    margin: 0;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION
   ========================================================= */

.ijracse-plagiarism-section {
    margin-bottom: 48px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.ijracse-plagiarism-heading {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 22px;
}

.ijracse-plagiarism-number {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-plagiarism-primary);
    background: var(--ijracse-plagiarism-primary-light);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 10px;

    font-size: 17px;
    font-weight: bold;
}

.ijracse-plagiarism-kicker {
    display: block;

    margin-bottom: 2px;

    color: var(--ijracse-plagiarism-muted);

    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.ijracse-plagiarism-heading h2 {
    margin: 0;

    color: var(--ijracse-plagiarism-primary);

    font-size: 27px;
    line-height: 1.25;
}


/* =========================================================
   DEFINITION
   ========================================================= */

.ijracse-plagiarism-definition {
    margin-bottom: 17px;
}

.ijracse-plagiarism-definition p {
    margin: 0;

    font-size: 16px;
}


/* =========================================================
   PLAGIARISM LIST
   ========================================================= */

.ijracse-plagiarism-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.ijracse-plagiarism-list-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
    align-items: center;

    padding: 15px 18px;

    background: #ffffff;

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 8px;

    transition: background 0.2s ease, transform 0.2s ease;
}

.ijracse-plagiarism-list-item:hover {
    background: var(--ijracse-plagiarism-primary-soft);
    transform: translateX(2px);
}

.ijracse-plagiarism-list-item>span {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-plagiarism-primary);
    background: var(--ijracse-plagiarism-primary-light);

    border-radius: 7px;

    font-size: 11px;
    font-weight: bold;
}

.ijracse-plagiarism-list-item p {
    margin: 0;

    font-size: 15px;
    line-height: 1.65;
}


/* =========================================================
   AUTHOR NOTE
   ========================================================= */

.ijracse-plagiarism-author-note {
    margin-top: 17px;
    padding: 18px 22px;

    background: var(--ijracse-plagiarism-primary-light);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 8px;

    font-size: 15px;
    line-height: 1.7;
}

.ijracse-plagiarism-author-note strong {
    color: var(--ijracse-plagiarism-primary);
}


/* =========================================================
   SCREENING
   ========================================================= */

.ijracse-plagiarism-screening {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ijracse-plagiarism-screening-main {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 20px;

    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 11px;

    box-shadow: 0 6px 20px rgba(1, 35, 84, 0.05);
}

.ijracse-plagiarism-screening-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-plagiarism-primary);

    border-radius: 50%;

    font-size: 19px;
    font-weight: bold;
}

.ijracse-plagiarism-screening-main h3 {
    margin: 0 0 8px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 20px;
}

.ijracse-plagiarism-screening-main p {
    margin: 0 0 12px;

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-plagiarism-screening-main p:last-child {
    margin-bottom: 0;
}

.ijracse-plagiarism-investigation {
    padding: 20px 24px;

    background: var(--ijracse-plagiarism-primary-soft);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-left: 4px solid var(--ijracse-plagiarism-primary);

    border-radius: 8px;
}

.ijracse-plagiarism-investigation strong {
    display: block;

    margin-bottom: 3px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 17px;
}

.ijracse-plagiarism-investigation p {
    margin: 0;

    font-size: 15px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ijracse-plagiarism-process {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.ijracse-plagiarism-process-step {
    padding: 25px;

    background: #ffffff;

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 10px;

    box-shadow: 0 5px 17px rgba(1, 35, 84, 0.04);
}

.ijracse-plagiarism-step-number {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 14px;

    color: #ffffff;
    background: var(--ijracse-plagiarism-primary);

    border-radius: 8px;

    font-size: 12px;
    font-weight: bold;
}

.ijracse-plagiarism-process-step h3 {
    margin: 0 0 7px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 19px;
}

.ijracse-plagiarism-process-step p {
    margin: 0;

    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================================
   POSSIBLE ACTIONS
   ========================================================= */

.ijracse-plagiarism-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.ijracse-plagiarism-action {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 15px;

    padding: 22px;

    background: var(--ijracse-plagiarism-primary-soft);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 9px;
}

.ijracse-plagiarism-action-icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-plagiarism-primary);
    background: var(--ijracse-plagiarism-primary-light);

    border-radius: 7px;

    font-size: 11px;
    font-weight: bold;
}

.ijracse-plagiarism-action h3 {
    margin: 0 0 5px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 18px;
}

.ijracse-plagiarism-action p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   ETHICS CARD
   ========================================================= */

.ijracse-plagiarism-ethics-card {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 18px;

    padding: 27px 30px;

    background: var(--ijracse-plagiarism-primary-light);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 10px;
}

.ijracse-plagiarism-ethics-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-plagiarism-primary);

    border-radius: 50%;

    font-size: 18px;
    font-weight: bold;
}

.ijracse-plagiarism-ethics-card p {
    margin: 0 0 13px;

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-plagiarism-ethics-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   COMMITMENT
   ========================================================= */

.ijracse-plagiarism-commitment {
    padding: 28px 32px;

    background: #ffffff;

    border: 1px solid var(--ijracse-plagiarism-border);
    border-left: 5px solid var(--ijracse-plagiarism-primary);

    border-radius: 10px;

    box-shadow: 0 5px 18px rgba(1, 35, 84, 0.05);
}

.ijracse-plagiarism-commitment p {
    margin: 0;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   CLOSING
   ========================================================= */

.ijracse-plagiarism-closing {
    position: relative;
    overflow: hidden;

    margin-top: 10px;
    padding: 38px 40px;

    text-align: center;

    background: var(--ijracse-plagiarism-primary-light);

    border: 1px solid var(--ijracse-plagiarism-border);
    border-radius: 12px;
}

.ijracse-plagiarism-closing::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    bottom: -110px;

    border: 1px solid rgba(1, 35, 84, 0.08);
    border-radius: 50%;
}

.ijracse-plagiarism-closing span {
    display: block;

    margin-bottom: 6px;

    color: var(--ijracse-plagiarism-muted);

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-plagiarism-closing h2 {
    position: relative;
    z-index: 1;

    margin: 0 0 8px;

    color: var(--ijracse-plagiarism-primary);

    font-size: 25px;
}

.ijracse-plagiarism-closing p {
    position: relative;
    z-index: 1;

    max-width: 740px;

    margin: 0 auto;

    color: var(--ijracse-plagiarism-muted);

    font-size: 15px;
}


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

@media (max-width: 900px) {

    .ijracse-plagiarism-page {
        padding: 20px 18px 50px;
    }

    .ijracse-plagiarism-hero {
        padding: 45px 38px;
    }

    .ijracse-plagiarism-hero h1 {
        font-size: 34px;
    }

    .ijracse-plagiarism-process {
        grid-template-columns: 1fr;
    }

    .ijracse-plagiarism-actions {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .ijracse-plagiarism-page {
        padding: 15px 12px 40px;
    }

    .ijracse-plagiarism-hero {
        margin-bottom: 28px;
        padding: 35px 25px;

        border-radius: 11px;
    }

    .ijracse-plagiarism-hero h1 {
        font-size: 29px;
    }

    .ijracse-plagiarism-hero p {
        font-size: 15px;
    }

    .ijracse-plagiarism-label {
        font-size: 10px;
    }

    .ijracse-plagiarism-intro {
        padding: 0 3px;
        margin-bottom: 35px;
    }

    .ijracse-plagiarism-intro>p {
        font-size: 15px;
        line-height: 1.75;
    }

    .ijracse-plagiarism-principle {
        grid-template-columns: 1fr;
        gap: 11px;

        padding: 18px;
    }

    .ijracse-plagiarism-section {
        margin-bottom: 38px;
    }

    .ijracse-plagiarism-heading {
        gap: 12px;
        margin-bottom: 17px;
    }

    .ijracse-plagiarism-number {
        flex-basis: 43px;

        width: 43px;
        height: 43px;

        font-size: 14px;
    }

    .ijracse-plagiarism-heading h2 {
        font-size: 22px;
    }

    .ijracse-plagiarism-kicker {
        font-size: 9px;
    }

    .ijracse-plagiarism-definition p {
        font-size: 15px;
    }

    .ijracse-plagiarism-list-item {
        grid-template-columns: 36px 1fr;
        gap: 11px;

        padding: 13px 14px;
    }

    .ijracse-plagiarism-list-item>span {
        width: 30px;
        height: 30px;
    }

    .ijracse-plagiarism-list-item p {
        font-size: 14px;
    }

    .ijracse-plagiarism-author-note {
        padding: 16px 17px;

        font-size: 14px;
    }

    .ijracse-plagiarism-screening-main {
        grid-template-columns: 1fr;
        gap: 13px;

        padding: 22px 20px;
    }

    .ijracse-plagiarism-screening-main h3 {
        font-size: 19px;
    }

    .ijracse-plagiarism-screening-main p {
        font-size: 14px;
    }

    .ijracse-plagiarism-investigation {
        padding: 17px 18px;
    }

    .ijracse-plagiarism-investigation p {
        font-size: 14px;
    }

    .ijracse-plagiarism-process-step {
        padding: 21px 19px;
    }

    .ijracse-plagiarism-process-step h3 {
        font-size: 18px;
    }

    .ijracse-plagiarism-process-step p {
        font-size: 14px;
    }

    .ijracse-plagiarism-action {
        padding: 19px 17px;
    }

    .ijracse-plagiarism-action h3 {
        font-size: 17px;
    }

    .ijracse-plagiarism-action p {
        font-size: 13.5px;
    }

    .ijracse-plagiarism-ethics-card {
        grid-template-columns: 1fr;
        gap: 13px;

        padding: 22px 20px;
    }

    .ijracse-plagiarism-ethics-card p {
        font-size: 14px;
    }

    .ijracse-plagiarism-commitment {
        padding: 22px 20px;
    }

    .ijracse-plagiarism-commitment p {
        font-size: 14px;
        line-height: 1.75;
    }

    .ijracse-plagiarism-closing {
        padding: 30px 20px;
    }

    .ijracse-plagiarism-closing h2 {
        font-size: 22px;
    }

    .ijracse-plagiarism-closing p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .ijracse-plagiarism-hero {
        padding: 30px 20px;
    }

    .ijracse-plagiarism-hero h1 {
        font-size: 26px;
    }

    .ijracse-plagiarism-heading h2 {
        font-size: 20px;
    }

    .ijracse-plagiarism-screening-main,
    .ijracse-plagiarism-ethics-card {
        padding: 18px 16px;
    }

    .ijracse-plagiarism-commitment {
        padding: 18px 16px;
    }

}


/* =========================================
   IJRACSE - AUTHOR GUIDELINES
   ========================================= */

.ijracse-author-page {
    --ijracse-author-primary: #012354;
    --ijracse-author-primary-light: #eaf1f8;
    --ijracse-author-primary-soft: #f3f7fb;
    --ijracse-author-text: #344054;
    --ijracse-author-muted: #667085;
    --ijracse-author-border: #dce5ee;
    --ijracse-author-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-author-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-author-page *,
.ijracse-author-page *::before,
.ijracse-author-page *::after {
    box-sizing: border-box;
}


/* =========================================
   HERO
   ========================================= */

.ijracse-author-hero {
    position: relative;
    overflow: hidden;

    padding: 55px 50px;
    margin-bottom: 35px;

    background: var(--ijracse-author-primary);
    color: #ffffff;

    border-radius: 16px;
}

.ijracse-author-hero::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -80px;
    top: -110px;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.ijracse-author-hero::after {
    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    right: 40px;
    bottom: -100px;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.ijracse-author-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}

.ijracse-author-label {
    display: inline-block;

    margin-bottom: 10px;
    padding: 5px 13px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-author-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.ijracse-author-hero p {
    margin: 0;

    max-width: 720px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;
}


/* =========================================
   INTRO
   ========================================= */

.ijracse-author-intro {
    padding: 24px 28px;
    margin-bottom: 45px;

    background: var(--ijracse-author-primary-soft);

    border-left: 5px solid var(--ijracse-author-primary);
    border-radius: 0 10px 10px 0;
}

.ijracse-author-intro p {
    margin: 0;

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================
   SECTION
   ========================================= */

.ijracse-author-section {
    margin-bottom: 48px;
}

.ijracse-author-heading {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 22px;
}

.ijracse-author-number {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-author-primary);
    color: #ffffff;

    border-radius: 10px;

    font-size: 16px;
    font-weight: bold;
}

.ijracse-author-heading h2 {
    margin: 0;

    color: var(--ijracse-author-primary);

    font-size: 28px;
    line-height: 1.2;
}

.ijracse-author-heading p {
    margin: 3px 0 0;

    color: var(--ijracse-author-muted);

    font-size: 14px;
}


/* =========================================
   MANUSCRIPT TYPES
   ========================================= */

.ijracse-author-types {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}

.ijracse-author-type-card {
    position: relative;

    padding: 26px 24px;

    background: #ffffff;

    border: 1px solid var(--ijracse-author-border);
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.ijracse-author-type-card:hover {
    transform: translateY(-4px);

    border-color: rgba(1, 35, 84, 0.25);

    box-shadow: 0 12px 30px rgba(1, 35, 84, 0.1);
}

.ijracse-author-type-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    margin-bottom: 18px;

    background: var(--ijracse-author-primary-light);
    color: var(--ijracse-author-primary);

    border-radius: 9px;

    font-size: 13px;
    font-weight: bold;
}

.ijracse-author-type-card h3 {
    margin: 0 0 8px;

    color: var(--ijracse-author-primary);

    font-size: 20px;
}

.ijracse-author-type-card p {
    margin: 0;

    color: var(--ijracse-author-muted);

    font-size: 15px;
    line-height: 1.65;
}


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

.ijracse-author-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: 18px;

    color: var(--ijracse-author-primary);

    font-size: 15px;
    font-weight: bold;

    text-decoration: none;

    border-bottom: 1px solid rgba(1, 35, 84, 0.25);
}

.ijracse-author-link span {
    font-size: 18px;

    transition: transform 0.2s ease;
}

.ijracse-author-link:hover span {
    transform: translateX(4px);
}

.ijracse-author-link:hover {
    border-bottom-color: var(--ijracse-author-primary);
}


/* =========================================
   SUBMISSION PROCESS
   ========================================= */

.ijracse-author-process-card {
    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-author-border);
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-author-process-card>p {
    margin: 0 0 22px;

    font-size: 16px;
}


/* =========================================
   CHECKLIST
   ========================================= */

.ijracse-author-checklist {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 14px;
}

.ijracse-author-check-item {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 16px;

    background: var(--ijracse-author-primary-soft);

    border: 1px solid var(--ijracse-author-border);
    border-radius: 10px;
}

.ijracse-author-check-item span {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-author-primary);
    color: #ffffff;

    border-radius: 50%;

    font-size: 14px;
    font-weight: bold;
}

.ijracse-author-check-item strong {
    color: var(--ijracse-author-primary);

    font-size: 14px;
}


/* =========================================
   INFO CARD
   ========================================= */

.ijracse-author-info-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;

    padding: 28px 30px;

    background: var(--ijracse-author-primary-soft);

    border: 1px solid var(--ijracse-author-border);
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(1, 35, 84, 0.05);
}

.ijracse-author-info-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-author-primary);
    color: #ffffff;

    border-radius: 50%;

    font-size: 21px;
    font-weight: bold;
}

.ijracse-author-info-card p {
    margin: 0;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================
   TEXT CARD
   ========================================= */

.ijracse-author-text-card {
    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-author-border);
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-author-text-card>p {
    margin: 0 0 22px;

    font-size: 16px;
}


/* =========================================
   POLICY LINKS
   ========================================= */

.ijracse-author-policy-links {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 14px;
}

.ijracse-author-policy-links a {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 16px;

    color: var(--ijracse-author-primary);

    background: var(--ijracse-author-primary-soft);

    border: 1px solid var(--ijracse-author-border);
    border-radius: 10px;

    text-decoration: none;

    font-size: 15px;
    font-weight: bold;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.ijracse-author-policy-links a:hover {
    background: var(--ijracse-author-primary-light);

    border-color: rgba(1, 35, 84, 0.25);
}

.ijracse-author-policy-icon {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-author-primary);
    color: #ffffff;

    border-radius: 7px;

    font-size: 11px;
}

.ijracse-author-policy-links strong {
    margin-left: auto;

    font-size: 18px;
}


/* =========================================
   SIMPLE CARD
   ========================================= */

.ijracse-author-simple-card {
    padding: 25px 28px;

    background: #ffffff;

    border: 1px solid var(--ijracse-author-border);
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.05);
}

.ijracse-author-simple-card p {
    margin: 0 0 15px;

    font-size: 16px;
}

.ijracse-author-simple-card a {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ijracse-author-primary);

    font-size: 15px;
    font-weight: bold;

    text-decoration: none;

    border-bottom: 1px solid rgba(1, 35, 84, 0.25);
}

.ijracse-author-simple-card a span {
    font-size: 18px;
}


/* =========================================
   RESPONSIBILITIES
   ========================================= */

.ijracse-author-responsibilities {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 14px;
}

.ijracse-author-responsibility {
    display: flex;
    align-items: center;
    gap: 13px;

    padding: 17px 19px;

    background: #ffffff;

    border: 1px solid var(--ijracse-author-border);
    border-radius: 10px;

    box-shadow: 0 5px 17px rgba(1, 35, 84, 0.04);
}

.ijracse-author-responsibility span {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-author-primary-light);
    color: var(--ijracse-author-primary);

    border-radius: 50%;

    font-size: 14px;
    font-weight: bold;
}

.ijracse-author-responsibility p {
    margin: 0;

    font-size: 15px;
}


/* =========================================
   CONTACT
   ========================================= */

.ijracse-author-contact {
    display: flex;
    align-items: center;
    gap: 20px;

    margin-top: 10px;
    padding: 30px;

    background: var(--ijracse-author-primary);

    border-radius: 14px;

    color: #ffffff;
}

.ijracse-author-contact-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 50%;

    font-size: 22px;
    font-weight: bold;
}

.ijracse-author-contact-label {
    display: block;

    margin-bottom: 4px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.4px;
}

.ijracse-author-contact h2 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 24px;
}

.ijracse-author-contact p {
    margin: 0 0 5px;

    color: rgba(255, 255, 255, 0.86);

    font-size: 15px;
}

.ijracse-author-contact a {
    color: #ffffff;

    font-size: 16px;
    font-weight: bold;

    text-decoration: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


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

@media (max-width: 900px) {

    .ijracse-author-hero {
        padding: 45px 35px;
    }

    .ijracse-author-hero h1 {
        font-size: 36px;
    }

    .ijracse-author-types {
        grid-template-columns: repeat(2, 1fr);
    }

    .ijracse-author-checklist {
        grid-template-columns: 1fr;
    }
}


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

@media (max-width: 650px) {

    .ijracse-author-page {
        padding: 15px 12px 40px;
    }

    .ijracse-author-hero {
        padding: 35px 25px;
        margin-bottom: 25px;

        border-radius: 12px;
    }

    .ijracse-author-hero h1 {
        font-size: 30px;
    }

    .ijracse-author-hero p {
        font-size: 16px;
    }

    .ijracse-author-intro {
        padding: 20px;
        margin-bottom: 35px;
    }

    .ijracse-author-intro p {
        font-size: 15px;
    }

    .ijracse-author-section {
        margin-bottom: 38px;
    }

    .ijracse-author-heading {
        gap: 12px;
        margin-bottom: 18px;
    }

    .ijracse-author-number {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 8px;

        font-size: 14px;
    }

    .ijracse-author-heading h2 {
        font-size: 23px;
    }

    .ijracse-author-heading p {
        font-size: 13px;
    }

    .ijracse-author-types {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ijracse-author-type-card {
        padding: 21px;
    }

    .ijracse-author-process-card,
    .ijracse-author-text-card,
    .ijracse-author-simple-card,
    .ijracse-author-info-card {
        padding: 21px;
    }

    .ijracse-author-process-card>p,
    .ijracse-author-text-card>p,
    .ijracse-author-simple-card p,
    .ijracse-author-info-card p {
        font-size: 15px;
    }

    .ijracse-author-checklist {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-author-policy-links {
        grid-template-columns: 1fr;
    }

    .ijracse-author-responsibilities {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-author-contact {
        align-items: flex-start;

        padding: 24px 20px;
        gap: 15px;
    }

    .ijracse-author-contact-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;
    }

    .ijracse-author-contact h2 {
        font-size: 21px;
    }

    .ijracse-author-contact p {
        font-size: 14px;
    }

    .ijracse-author-contact a {
        font-size: 15px;
    }
}


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

@media (max-width: 400px) {

    .ijracse-author-hero {
        padding: 30px 20px;
    }

    .ijracse-author-hero h1 {
        font-size: 27px;
    }

    .ijracse-author-label {
        font-size: 10px;
    }

    .ijracse-author-heading h2 {
        font-size: 21px;
    }

    .ijracse-author-contact {
        flex-direction: column;
    }
}

.ijracse-author-type-card:hover {
    transform: translateY(-4px);
    border-color: rgba(1, 35, 84, 0.25);
    box-shadow: 0 12px 30px rgba(1, 35, 84, 0.1);
}

.ijracse-author-link:hover {
    border-bottom-color: var(--ijracse-author-primary);
}

.ijracse-author-policy-links a {
    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.ijracse-author-policy-links a:hover {
    background: var(--ijracse-author-primary-light);
    border-color: rgba(1, 35, 84, 0.25);
}

/* =========================================================
   IJRACSE PEER REVIEW PROCESS
   ========================================================= */

.ijracse-review-page {
    --ijracse-review-primary: #012354;
    --ijracse-review-primary-light: #eaf1f8;
    --ijracse-review-primary-soft: #f3f7fb;
    --ijracse-review-text: #344054;
    --ijracse-review-muted: #667085;
    --ijracse-review-border: #dce5ee;
    --ijracse-review-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;
    color: var(--ijracse-review-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;
    box-sizing: border-box;
}

.ijracse-review-page *,
.ijracse-review-page *::before,
.ijracse-review-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-review-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    padding: 58px 55px;
    background:
        linear-gradient(135deg,
            rgba(1, 35, 84, 0.98),
            rgba(17, 62, 105, 0.94));
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(1, 35, 84, 0.12);
}

.ijracse-review-hero::before {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    right: -70px;
    top: -80px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.ijracse-review-hero::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: 45px;
    bottom: -95px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.ijracse-review-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.ijracse-review-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #c8d9eb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.ijracse-review-hero h1 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
}

.ijracse-review-hero p {
    max-width: 720px;
    margin: 0;
    color: #e5edf5;
    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijracse-review-intro {
    margin-bottom: 48px;
    padding: 25px 30px;
    background: var(--ijracse-review-primary-soft);
    border-left: 4px solid var(--ijracse-review-primary);
    border-radius: 8px;
}

.ijracse-review-intro p {
    margin: 0;
    color: var(--ijracse-review-text);
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION
   ========================================================= */

.ijracse-review-section {
    margin-bottom: 55px;
}

.ijracse-review-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
}

.ijracse-review-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    color: var(--ijracse-review-primary);
    background: var(--ijracse-review-primary-light);
    border: 1px solid #cbd9e8;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
}

.ijracse-review-heading h2 {
    margin: 0 0 3px;
    color: var(--ijracse-review-primary);
    font-size: 27px;
    line-height: 1.3;
}

.ijracse-review-heading p {
    margin: 0;
    color: var(--ijracse-review-muted);
    font-size: 14px;
}


/* =========================================================
   REVIEW PROCESS
   ========================================================= */

.ijracse-review-process {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.ijracse-review-process::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 27px;
    width: 1px;
    background: #cbd9e8;
}

.ijracse-review-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 22px;
    padding: 25px 28px 25px 20px;
    background: #ffffff;
    border: 1px solid var(--ijracse-review-border);
    border-radius: 12px;
    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.045);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.ijracse-review-step:hover {
    transform: translateY(-2px);
    border-color: #c4d3e2;
    box-shadow: 0 12px 28px rgba(1, 35, 84, 0.08);
}

.ijracse-review-step-number {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: #ffffff;
    background: var(--ijracse-review-primary);
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(1, 35, 84, 0.15);
    font-size: 14px;
    font-weight: 700;
}

.ijracse-review-step-content {
    min-width: 0;
}

.ijracse-review-step-content h3 {
    margin: 4px 0 9px;
    color: var(--ijracse-review-primary);
    font-size: 20px;
    line-height: 1.35;
}

.ijracse-review-step-content p {
    margin: 0 0 12px;
    color: var(--ijracse-review-text);
    font-size: 15px;
    line-height: 1.75;
}

.ijracse-review-step-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   EDITORIAL DECISIONS
   ========================================================= */

.ijracse-review-decisions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.ijracse-review-decision {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px 16px;
    background: var(--ijracse-review-primary-soft);
    border: 1px solid #dbe6f0;
    border-radius: 8px;
}

.ijracse-review-decision span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    color: #ffffff;
    background: var(--ijracse-review-primary);
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

.ijracse-review-decision p {
    margin: 0;
    color: var(--ijracse-review-text);
    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   REVIEW PRINCIPLES
   ========================================================= */

.ijracse-review-principles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ijracse-review-principle-card {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid var(--ijracse-review-border);
    border-radius: 12px;
    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.045);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.ijracse-review-principle-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(1, 35, 84, 0.08);
}

.ijracse-review-principle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    color: var(--ijracse-review-primary);
    background: var(--ijracse-review-primary-light);
    border-radius: 10px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.ijracse-review-principle-card h3 {
    margin: 1px 0 7px;
    color: var(--ijracse-review-primary);
    font-size: 19px;
    line-height: 1.35;
}

.ijracse-review-principle-card p {
    margin: 0;
    color: var(--ijracse-review-text);
    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================================
   FINAL NOTE
   ========================================================= */

.ijracse-review-note {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 15px;
    padding: 30px 32px;
    background:
        linear-gradient(135deg,
            #f3f7fb,
            #eaf1f8);
    border: 1px solid #d3dfeb;
    border-radius: 13px;
}

.ijracse-review-note-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background: var(--ijracse-review-primary);
    border-radius: 50%;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.ijracse-review-note-label {
    display: block;
    margin-bottom: 5px;
    color: var(--ijracse-review-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px;
}

.ijracse-review-note h2 {
    margin: 0 0 8px;
    color: var(--ijracse-review-primary);
    font-size: 24px;
    line-height: 1.3;
}

.ijracse-review-note p {
    max-width: 850px;
    margin: 0;
    color: var(--ijracse-review-text);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 900px) {

    .ijracse-review-page {
        padding: 20px 18px 50px;
    }

    .ijracse-review-hero {
        padding: 48px 40px;
    }

    .ijracse-review-hero h1 {
        font-size: 36px;
    }

    .ijracse-review-principles {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 650px) {

    .ijracse-review-page {
        padding: 15px 12px 40px;
    }

    .ijracse-review-hero {
        margin-bottom: 20px;
        padding: 38px 25px;
        border-radius: 12px;
    }

    .ijracse-review-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ijracse-review-hero h1 {
        font-size: 30px;
    }

    .ijracse-review-hero p {
        font-size: 15px;
    }

    .ijracse-review-intro {
        margin-bottom: 38px;
        padding: 20px 20px;
    }

    .ijracse-review-intro p {
        font-size: 14.5px;
    }

    .ijracse-review-section {
        margin-bottom: 42px;
    }

    .ijracse-review-heading {
        align-items: flex-start;
        gap: 13px;
        margin-bottom: 22px;
    }

    .ijracse-review-number {
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 9px;
        font-size: 14px;
    }

    .ijracse-review-heading h2 {
        font-size: 22px;
    }

    .ijracse-review-heading p {
        font-size: 13px;
    }

    .ijracse-review-process {
        gap: 14px;
    }

    .ijracse-review-process::before {
        display: none;
    }

    .ijracse-review-step {
        grid-template-columns: 45px 1fr;
        gap: 15px;
        padding: 20px 17px;
        border-radius: 10px;
    }

    .ijracse-review-step-number {
        width: 45px;
        height: 45px;
        border-width: 3px;
        font-size: 12px;
    }

    .ijracse-review-step-content h3 {
        margin-top: 3px;
        font-size: 18px;
    }

    .ijracse-review-step-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .ijracse-review-decisions {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-review-principle-card {
        padding: 20px;
        gap: 13px;
    }

    .ijracse-review-principle-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .ijracse-review-principle-card h3 {
        font-size: 18px;
    }

    .ijracse-review-principle-card p {
        font-size: 14px;
    }

    .ijracse-review-note {
        gap: 15px;
        padding: 22px 20px;
        border-radius: 10px;
    }

    .ijracse-review-note-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .ijracse-review-note h2 {
        font-size: 21px;
    }

    .ijracse-review-note p {
        font-size: 14px;
    }

}


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

@media (max-width: 420px) {

    .ijracse-review-hero {
        padding: 32px 20px;
    }

    .ijracse-review-hero h1 {
        font-size: 27px;
    }

    .ijracse-review-heading h2 {
        font-size: 20px;
    }

    .ijracse-review-step {
        grid-template-columns: 40px 1fr;
        gap: 12px;
        padding: 18px 14px;
    }

    .ijracse-review-step-number {
        width: 40px;
        height: 40px;
        font-size: 11px;
    }

    .ijracse-review-step-content h3 {
        font-size: 17px;
    }

    .ijracse-review-step-content p {
        font-size: 13.5px;
    }

    .ijracse-review-principle-card {
        padding: 17px;
    }

    .ijracse-review-note {
        padding: 19px 16px;
    }

}


/* =========================================================
    IJRACSE OPEN ACCESS POLICY
    ========================================================= */

.ijracse-openaccess-page {
    --ijracse-openaccess-primary: #012354;
    --ijracse-openaccess-primary-light: #eaf1f8;
    --ijracse-openaccess-primary-soft: #f3f7fb;
    --ijracse-openaccess-text: #344054;
    --ijracse-openaccess-muted: #667085;
    --ijracse-openaccess-border: #dce5ee;
    --ijracse-openaccess-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-openaccess-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-openaccess-page *,
.ijracse-openaccess-page *::before,
.ijracse-openaccess-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-openaccess-hero {
    position: relative;
    overflow: hidden;

    margin-bottom: 28px;
    padding: 58px 55px;

    background:
        linear-gradient(135deg,
            rgba(1, 35, 84, 0.98),
            rgba(17, 62, 105, 0.94));

    border-radius: 16px;

    box-shadow:
        0 14px 35px rgba(1, 35, 84, 0.12);
}

.ijracse-openaccess-hero::before {
    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -75px;
    top: -85px;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.ijracse-openaccess-hero::after {
    content: "";

    position: absolute;

    width: 155px;
    height: 155px;

    right: 50px;
    bottom: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.ijracse-openaccess-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}

.ijracse-openaccess-label {
    display: inline-block;

    margin-bottom: 12px;

    color: #c8d9eb;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
}

.ijracse-openaccess-hero h1 {
    margin: 0 0 14px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
}

.ijracse-openaccess-hero p {
    max-width: 740px;

    margin: 0;

    color: #e5edf5;

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijracse-openaccess-intro {
    display: flex;
    align-items: flex-start;
    gap: 22px;

    margin-bottom: 48px;
    padding: 28px 30px;

    background: var(--ijracse-openaccess-primary-soft);

    border: 1px solid var(--ijracse-openaccess-border);
    border-left: 4px solid var(--ijracse-openaccess-primary);

    border-radius: 10px;
}

.ijracse-openaccess-intro-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 55px;

    width: 55px;
    height: 55px;

    color: #ffffff;

    background: var(--ijracse-openaccess-primary);

    border-radius: 12px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;

    letter-spacing: 0.5px;
}

.ijracse-openaccess-intro h2 {
    margin: 0 0 8px;

    color: var(--ijracse-openaccess-primary);

    font-size: 25px;
    line-height: 1.3;
}

.ijracse-openaccess-intro p {
    margin: 0;

    color: var(--ijracse-openaccess-text);

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION
   ========================================================= */

.ijracse-openaccess-section {
    margin-bottom: 55px;
}

.ijracse-openaccess-heading {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 28px;
}

.ijracse-openaccess-number {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    color: var(--ijracse-openaccess-primary);

    background: var(--ijracse-openaccess-primary-light);

    border: 1px solid #cbd9e8;
    border-radius: 12px;

    font-size: 17px;
    font-weight: 700;
}

.ijracse-openaccess-heading h2 {
    margin: 0 0 3px;

    color: var(--ijracse-openaccess-primary);

    font-size: 27px;
    line-height: 1.3;
}

.ijracse-openaccess-heading p {
    margin: 0;

    color: var(--ijracse-openaccess-muted);

    font-size: 14px;
}


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

.ijracse-openaccess-content {
    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-openaccess-border);
    border-radius: 12px;

    box-shadow:
        0 7px 22px rgba(1, 35, 84, 0.045);
}

.ijracse-openaccess-content p {
    margin: 0 0 18px;

    color: var(--ijracse-openaccess-text);

    font-size: 15.5px;
    line-height: 1.8;
}

.ijracse-openaccess-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   OBJECTIVES GRID
   ========================================================= */

.ijracse-openaccess-objectives {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 16px;
}

.ijracse-openaccess-objective {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    min-height: 150px;

    padding: 21px;

    background: #ffffff;

    border: 1px solid var(--ijracse-openaccess-border);
    border-radius: 11px;

    box-shadow:
        0 6px 18px rgba(1, 35, 84, 0.035);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.ijracse-openaccess-objective:hover {
    transform: translateY(-3px);

    border-color: #c5d4e3;

    box-shadow:
        0 12px 26px rgba(1, 35, 84, 0.08);
}

.ijracse-openaccess-check {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 31px;

    width: 31px;
    height: 31px;

    margin-top: 1px;

    color: #ffffff;

    background: var(--ijracse-openaccess-primary);

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.ijracse-openaccess-objective h3 {
    margin: 0 0 6px;

    color: var(--ijracse-openaccess-primary);

    font-size: 18px;
    line-height: 1.35;
}

.ijracse-openaccess-objective p {
    margin: 0;

    color: var(--ijracse-openaccess-text);

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   GLOBAL COMMUNITY SECTION
   ========================================================= */

.ijracse-openaccess-global {
    display: flex;
    align-items: flex-start;

    gap: 22px;

    margin-top: 5px;
    margin-bottom: 25px;

    padding: 34px 35px;

    background:
        linear-gradient(135deg,
            #f3f7fb,
            #eaf1f8);

    border: 1px solid #d3dfeb;
    border-radius: 14px;
}

.ijracse-openaccess-global-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    color: #ffffff;

    background: var(--ijracse-openaccess-primary);

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
}

.ijracse-openaccess-global-label {
    display: block;

    margin-bottom: 5px;

    color: var(--ijracse-openaccess-muted);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.7px;
}

.ijracse-openaccess-global h2 {
    max-width: 850px;

    margin: 0 0 12px;

    color: var(--ijracse-openaccess-primary);

    font-size: 26px;
    line-height: 1.35;
}

.ijracse-openaccess-global p {
    max-width: 900px;

    margin: 0 0 14px;

    color: var(--ijracse-openaccess-text);

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-openaccess-global p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   POLICY SUMMARY
   ========================================================= */

.ijracse-openaccess-summary {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin-top: 20px;
}

.ijracse-openaccess-summary-item {
    display: flex;
    flex-direction: column;

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

    min-height: 115px;

    padding: 18px 12px;

    text-align: center;

    background: #ECF3F9;

    border-radius: 10px;
}

.ijracse-openaccess-summary-item strong {
    display: block;
    margin-bottom: 5px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
}

.ijracse-openaccess-summary-item span {
    display: block;

    color: #dce7f1;

    font-size: 13px;
    line-height: 1.5;
}


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

@media (max-width: 900px) {

    .ijracse-openaccess-page {
        padding: 20px 18px 50px;
    }

    .ijracse-openaccess-hero {
        padding: 48px 40px;
    }

    .ijracse-openaccess-hero h1 {
        font-size: 36px;
    }

    .ijracse-openaccess-objectives {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .ijracse-openaccess-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


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

@media (max-width: 650px) {

    .ijracse-openaccess-page {
        padding: 15px 12px 40px;
    }

    /* Hero */

    .ijracse-openaccess-hero {
        margin-bottom: 20px;
        padding: 38px 25px;

        border-radius: 12px;
    }

    .ijracse-openaccess-label {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .ijracse-openaccess-hero h1 {
        font-size: 30px;
    }

    .ijracse-openaccess-hero p {
        font-size: 15px;
    }


    /* Intro */

    .ijracse-openaccess-intro {
        flex-direction: column;

        gap: 14px;

        margin-bottom: 38px;

        padding: 22px 20px;
    }

    .ijracse-openaccess-intro-icon {
        flex-basis: 45px;

        width: 45px;
        height: 45px;
    }

    .ijracse-openaccess-intro h2 {
        font-size: 22px;
    }

    .ijracse-openaccess-intro p {
        font-size: 14.5px;
    }


    /* Section */

    .ijracse-openaccess-section {
        margin-bottom: 42px;
    }

    .ijracse-openaccess-heading {
        align-items: flex-start;

        gap: 13px;

        margin-bottom: 22px;
    }

    .ijracse-openaccess-number {
        flex: 0 0 46px;

        width: 46px;
        height: 46px;

        border-radius: 9px;

        font-size: 14px;
    }

    .ijracse-openaccess-heading h2 {
        font-size: 22px;
    }

    .ijracse-openaccess-heading p {
        font-size: 13px;
    }


    /* Content */

    .ijracse-openaccess-content {
        padding: 21px 20px;
    }

    .ijracse-openaccess-content p {
        font-size: 14px;
        line-height: 1.75;
    }


    /* Objectives */

    .ijracse-openaccess-objectives {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .ijracse-openaccess-objective {
        min-height: auto;

        padding: 19px;
    }

    .ijracse-openaccess-objective h3 {
        font-size: 17px;
    }

    .ijracse-openaccess-objective p {
        font-size: 13.5px;
    }


    /* Global section */

    .ijracse-openaccess-global {
        flex-direction: column;

        gap: 15px;

        padding: 24px 20px;

        border-radius: 11px;
    }

    .ijracse-openaccess-global-icon {
        flex-basis: 44px;

        width: 44px;
        height: 44px;

        font-size: 21px;
    }

    .ijracse-openaccess-global h2 {
        font-size: 21px;
    }

    .ijracse-openaccess-global p {
        font-size: 14px;
    }


    /* Summary */

    .ijracse-openaccess-summary {
        grid-template-columns: 1fr 1fr;

        gap: 10px;
    }

    .ijracse-openaccess-summary-item {
        min-height: 105px;

        padding: 15px 10px;
    }

    .ijracse-openaccess-summary-item strong {
        font-size: 13px;
    }

    .ijracse-openaccess-summary-item span {
        font-size: 12px;
    }

}


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

@media (max-width: 420px) {

    .ijracse-openaccess-hero {
        padding: 32px 20px;
    }

    .ijracse-openaccess-hero h1 {
        font-size: 27px;
    }

    .ijracse-openaccess-heading h2 {
        font-size: 20px;
    }

    .ijracse-openaccess-objective {
        padding: 17px;
    }

    .ijracse-openaccess-check {
        flex: 0 0 28px;

        width: 28px;
        height: 28px;
    }

    .ijracse-openaccess-global {
        padding: 20px 17px;
    }

    .ijracse-openaccess-summary-item {
        min-height: 95px;
    }

}


/* =========================================================
   IJRACSE - PUBLICATION ETHICS
   ========================================================= */

.ijracse-ethics-page {
    --ijracse-ethics-primary: #012354;
    --ijracse-ethics-primary-light: #eaf1f8;
    --ijracse-ethics-primary-soft: #f3f7fb;
    --ijracse-ethics-text: #344054;
    --ijracse-ethics-muted: #667085;
    --ijracse-ethics-border: #dce5ee;
    --ijracse-ethics-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-ethics-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-ethics-page *,
.ijracse-ethics-page *::before,
.ijracse-ethics-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-ethics-hero {
    position: relative;
    overflow: hidden;

    padding: 55px 50px;
    margin-bottom: 35px;

    background: var(--ijracse-ethics-primary);
    color: #ffffff;

    border-radius: 16px;
}

.ijracse-ethics-hero::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -80px;
    top: -110px;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
}

.ijracse-ethics-hero::after {
    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    right: 40px;
    bottom: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.ijracse-ethics-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}

.ijracse-ethics-label {
    display: inline-block;

    margin-bottom: 10px;
    padding: 5px 13px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-ethics-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.ijracse-ethics-hero p {
    margin: 0;

    max-width: 720px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;
}


/* =========================================================
   INTRO
   ========================================================= */

.ijracse-ethics-intro {
    padding: 24px 28px;
    margin-bottom: 45px;

    background: var(--ijracse-ethics-primary-soft);

    border-left: 5px solid var(--ijracse-ethics-primary);
    border-radius: 0 10px 10px 0;
}

.ijracse-ethics-intro p {
    margin: 0;

    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   SECTION
   ========================================================= */

.ijracse-ethics-section {
    margin-bottom: 48px;
}

.ijracse-ethics-heading {
    display: flex;
    align-items: center;

    gap: 16px;
    margin-bottom: 22px;
}

.ijracse-ethics-number {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-ethics-primary);
    color: #ffffff;

    border-radius: 10px;

    font-size: 16px;
    font-weight: bold;
}

.ijracse-ethics-heading h2 {
    margin: 0;

    color: var(--ijracse-ethics-primary);

    font-size: 28px;
    line-height: 1.2;
}

.ijracse-ethics-heading p {
    margin: 3px 0 0;

    color: var(--ijracse-ethics-muted);

    font-size: 14px;
}


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

.ijracse-ethics-card {
    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-ethics-border);
    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-ethics-card>p {
    margin: 0 0 20px;

    font-size: 16px;
}

.ijracse-ethics-card>p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   RESPONSIBILITY LIST
   ========================================================= */

.ijracse-ethics-list {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;
}

.ijracse-ethics-item {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    padding: 15px 16px;

    background: var(--ijracse-ethics-primary-soft);

    border: 1px solid var(--ijracse-ethics-border);
    border-radius: 10px;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.ijracse-ethics-item:hover {
    transform: translateY(-2px);

    border-color: rgba(1, 35, 84, 0.25);

    box-shadow: 0 7px 18px rgba(1, 35, 84, 0.07);
}

.ijracse-ethics-item>span {
    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-ethics-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;
    font-weight: bold;
}

.ijracse-ethics-item p {
    margin: 2px 0 0;

    color: var(--ijracse-ethics-text);

    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   EDITORIAL PRINCIPLE
   ========================================================= */

.ijracse-ethics-highlight {
    margin-top: 24px;
    padding: 20px 22px;

    background: var(--ijracse-ethics-primary-light);

    border-left: 4px solid var(--ijracse-ethics-primary);
    border-radius: 0 10px 10px 0;
}

.ijracse-ethics-highlight strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ijracse-ethics-primary);

    font-size: 16px;
}

.ijracse-ethics-highlight p {
    margin: 0;

    color: var(--ijracse-ethics-text);

    font-size: 15px;
}


/* =========================================================
   MISCONDUCT GRID
   ========================================================= */

.ijracse-ethics-misconduct-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 14px;
}

.ijracse-ethics-misconduct-item {
    display: flex;
    align-items: center;

    gap: 12px;

    min-height: 58px;

    padding: 12px 14px;

    background: var(--ijracse-ethics-primary-soft);

    border: 1px solid var(--ijracse-ethics-border);
    border-radius: 10px;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}

.ijracse-ethics-misconduct-item:hover {
    transform: translateY(-2px);

    border-color: rgba(1, 35, 84, 0.25);
}

.ijracse-ethics-misconduct-item span {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-ethics-primary);

    color: #ffffff;

    border-radius: 7px;

    font-size: 11px;
    font-weight: bold;
}

.ijracse-ethics-misconduct-item strong {
    color: var(--ijracse-ethics-primary);

    font-size: 14px;
    line-height: 1.4;
}


/* =========================================================
   ACTION BOX
   ========================================================= */

.ijracse-ethics-action-box {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    margin-top: 22px;
    padding: 20px;

    background: var(--ijracse-ethics-primary-soft);

    border: 1px solid var(--ijracse-ethics-border);
    border-radius: 11px;
}

.ijracse-ethics-action-box>span {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijracse-ethics-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 17px;
    font-weight: bold;
}

.ijracse-ethics-action-box strong {
    display: block;

    margin-bottom: 3px;

    color: var(--ijracse-ethics-primary);

    font-size: 16px;
}

.ijracse-ethics-action-box p {
    margin: 0;

    color: var(--ijracse-ethics-muted);

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   FINAL STATEMENT
   ========================================================= */

.ijracse-ethics-final {
    display: flex;
    align-items: center;

    gap: 20px;

    margin-top: 10px;
    padding: 30px;

    background: var(--ijracse-ethics-primary);

    border-radius: 14px;

    color: #ffffff;
}

.ijracse-ethics-final-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.2);

    border-radius: 50%;

    color: #ffffff;

    font-size: 23px;
    font-weight: bold;
}

.ijracse-ethics-final-label {
    display: block;

    margin-bottom: 4px;

    color: rgba(255, 255, 255, 0.68);

    font-size: 11px;
    font-weight: bold;

    letter-spacing: 1.4px;
}

.ijracse-ethics-final h2 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 24px;
}

.ijracse-ethics-final p {
    margin: 0;

    color: rgba(255, 255, 255, 0.86);

    font-size: 15px;
}


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

@media (max-width: 900px) {

    .ijracse-ethics-hero {
        padding: 45px 35px;
    }

    .ijracse-ethics-hero h1 {
        font-size: 36px;
    }

    .ijracse-ethics-list {
        grid-template-columns: 1fr;
    }

    .ijracse-ethics-misconduct-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


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

@media (max-width: 650px) {

    .ijracse-ethics-page {
        padding: 15px 12px 40px;
    }

    .ijracse-ethics-hero {
        padding: 35px 25px;
        margin-bottom: 25px;
        border-radius: 12px;
    }

    .ijracse-ethics-hero h1 {
        font-size: 30px;
    }

    .ijracse-ethics-hero p {
        font-size: 16px;
    }

    .ijracse-ethics-intro {
        padding: 20px;
        margin-bottom: 35px;
    }

    .ijracse-ethics-intro p {
        font-size: 15px;
    }

    .ijracse-ethics-section {
        margin-bottom: 38px;
    }

    .ijracse-ethics-heading {
        gap: 12px;
        margin-bottom: 18px;
    }

    .ijracse-ethics-number {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 8px;

        font-size: 14px;
    }

    .ijracse-ethics-heading h2 {
        font-size: 23px;
    }

    .ijracse-ethics-heading p {
        font-size: 13px;
    }

    .ijracse-ethics-card {
        padding: 21px;
    }

    .ijracse-ethics-card>p {
        font-size: 15px;
    }

    .ijracse-ethics-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-ethics-item {
        padding: 13px;
    }

    .ijracse-ethics-item p {
        font-size: 14px;
    }

    .ijracse-ethics-misconduct-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-ethics-highlight {
        padding: 17px;
    }

    .ijracse-ethics-action-box {
        padding: 16px;
    }

    .ijracse-ethics-final {
        align-items: flex-start;

        padding: 24px 20px;

        gap: 15px;
    }

    .ijracse-ethics-final-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;
    }

    .ijracse-ethics-final h2 {
        font-size: 21px;
    }

    .ijracse-ethics-final p {
        font-size: 14px;
    }
}


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

@media (max-width: 400px) {

    .ijracse-ethics-hero {
        padding: 30px 20px;
    }

    .ijracse-ethics-hero h1 {
        font-size: 27px;
    }

    .ijracse-ethics-label {
        font-size: 10px;
    }

    .ijracse-ethics-heading h2 {
        font-size: 21px;
    }

    .ijracse-ethics-final {
        flex-direction: column;
    }
}

/* =========================================================
   IJRACSE - ARTICLE PROCESSING CHARGES
   ========================================================= */

.ijracse-apc-page {
    --ijracse-apc-primary: #012354;
    --ijracse-apc-primary-light: #eaf1f8;
    --ijracse-apc-primary-soft: #f3f7fb;
    --ijracse-apc-text: #344054;
    --ijracse-apc-muted: #667085;
    --ijracse-apc-border: #dce5ee;
    --ijracse-apc-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-apc-text);

    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}


/* GLOBAL BOX SIZING */

.ijracse-apc-page *,
.ijracse-apc-page *::before,
.ijracse-apc-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-apc-hero {
    position: relative;
    overflow: hidden;

    padding: 55px 50px;
    margin-bottom: 35px;

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    border-radius: 16px;
}


.ijracse-apc-hero::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -80px;
    top: -110px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 50%;
}


.ijracse-apc-hero::after {
    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    right: 40px;
    bottom: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;
}


.ijracse-apc-hero-content {
    position: relative;

    z-index: 2;

    max-width: 780px;
}


.ijracse-apc-label {
    display: inline-block;

    margin-bottom: 10px;
    padding: 5px 13px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 30px;

    color: #ffffff;

    font-size: 12px;
    font-weight: bold;

    letter-spacing: 1.5px;
}


.ijracse-apc-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.2;

    font-weight: 700;
}


.ijracse-apc-hero p {
    margin: 0;

    max-width: 720px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;

    line-height: 1.7;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijracse-apc-intro {
    padding: 25px 30px;

    margin-bottom: 48px;

    background: var(--ijracse-apc-primary-soft);

    border-left: 5px solid var(--ijracse-apc-primary);

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


.ijracse-apc-intro p {
    margin: 0 0 15px;

    color: var(--ijracse-apc-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-apc-intro p:last-child {
    margin-bottom: 0;
}


.ijracse-apc-intro strong {
    color: var(--ijracse-apc-primary);
}


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

.ijracse-apc-section {
    margin-bottom: 50px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.ijracse-apc-heading {
    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 24px;
}


.ijracse-apc-number {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;

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

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    border-radius: 10px;

    font-size: 16px;

    font-weight: bold;
}


.ijracse-apc-heading h2 {
    margin: 0;

    color: var(--ijracse-apc-primary);

    font-size: 28px;

    line-height: 1.25;
}


.ijracse-apc-heading p {
    margin: 3px 0 0;

    color: var(--ijracse-apc-muted);

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   APC TABLE
   ========================================================= */

.ijracse-apc-table-wrapper {
    overflow-x: auto;

    width: 100%;

    background: #ffffff;

    border: 1px solid var(--ijracse-apc-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}


.ijracse-apc-table {
    width: 100%;

    min-width: 600px;

    border-collapse: collapse;

    font-size: 16px;
}


.ijracse-apc-table thead th {
    padding: 17px 20px;

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    text-align: left;

    font-size: 15px;

    font-weight: bold;

    border: none;
}


.ijracse-apc-table thead th:not(:first-child) {
    text-align: center;
}


.ijracse-apc-table tbody td {
    padding: 18px 20px;

    color: var(--ijracse-apc-text);

    background: #ffffff;

    border-bottom: 1px solid var(--ijracse-apc-border);
}


.ijracse-apc-table tbody tr:last-child td {
    border-bottom: none;
}


.ijracse-apc-table tbody tr:nth-child(even) td {
    background: var(--ijracse-apc-primary-soft);
}


.ijracse-apc-table tbody td:not(:first-child) {
    text-align: center;

    color: var(--ijracse-apc-primary);

    font-weight: bold;
}


.ijracse-apc-table tbody td strong {
    color: var(--ijracse-apc-primary);
}


/* =========================================================
   FUNDED AUTHORS
   ========================================================= */

.ijracse-apc-highlight {
    position: relative;

    padding: 30px 32px;

    background: var(--ijracse-apc-primary-soft);

    border: 1px solid var(--ijracse-apc-border);

    border-left: 5px solid var(--ijracse-apc-primary);

    border-radius: 0 14px 14px 0;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.05);
}


.ijracse-apc-highlight-label {
    display: inline-block;

    margin-bottom: 5px;

    color: var(--ijracse-apc-muted);

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 1.5px;
}


.ijracse-apc-price {
    margin-bottom: 15px;

    color: var(--ijracse-apc-primary);

    font-size: 32px;

    font-weight: bold;

    line-height: 1.2;
}


.ijracse-apc-highlight p {
    margin: 0 0 12px;

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-apc-highlight p:last-child {
    margin-bottom: 0;
}


.ijracse-apc-highlight strong {
    color: var(--ijracse-apc-primary);
}


/* =========================================================
   RETRACTIONS / INFORMATION CARD
   ========================================================= */

.ijracse-apc-info-card {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-apc-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}


.ijracse-apc-info-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;

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

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;

    font-weight: bold;
}


.ijracse-apc-info-card h3 {
    margin: 0 0 8px;

    color: var(--ijracse-apc-primary);

    font-size: 22px;

    line-height: 1.3;
}


.ijracse-apc-info-card p {
    margin: 0 0 12px;

    color: var(--ijracse-apc-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-apc-info-card strong {
    color: var(--ijracse-apc-primary);
}


.ijracse-apc-info-card ul {
    margin: 12px 0 0;

    padding-left: 22px;
}


.ijracse-apc-info-card li {
    margin-bottom: 8px;

    color: var(--ijracse-apc-text);

    font-size: 15px;

    line-height: 1.7;
}


.ijracse-apc-info-card li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   TRANSPARENCY SIMPLE CARD
   ========================================================= */

.ijracse-apc-simple-card {
    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-apc-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.05);
}


.ijracse-apc-simple-card p {
    margin: 0 0 15px;

    color: var(--ijracse-apc-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-apc-simple-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   OPEN ACCESS
   ========================================================= */

.ijracse-apc-open-access {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 30px;

    background: var(--ijracse-apc-primary-soft);

    border: 1px solid var(--ijracse-apc-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.05);
}


.ijracse-apc-open-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;

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

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;

    font-weight: bold;
}


.ijracse-apc-open-access h3 {
    margin: 0 0 9px;

    color: var(--ijracse-apc-primary);

    font-size: 22px;

    line-height: 1.3;
}


.ijracse-apc-open-access p {
    margin: 0 0 13px;

    color: var(--ijracse-apc-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-apc-open-access p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CLOSING SECTION
   ========================================================= */

.ijracse-apc-closing {
    position: relative;

    overflow: hidden;

    margin-top: 10px;

    padding: 34px 30px;

    background: var(--ijracse-apc-primary);

    color: #ffffff;

    border-radius: 14px;

    text-align: center;
}


.ijracse-apc-closing::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    top: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;
}


.ijracse-apc-closing::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -70px;
    bottom: -110px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;
}


.ijracse-apc-closing h2 {
    position: relative;

    z-index: 2;

    margin: 0 0 8px;

    color: #ffffff;

    font-size: 26px;

    line-height: 1.3;
}


.ijracse-apc-closing p {
    position: relative;

    z-index: 2;

    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.88);

    font-size: 15px;

    line-height: 1.8;
}


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

@media (max-width: 900px) {

    .ijracse-apc-page {
        padding: 20px 18px 50px;
    }


    .ijracse-apc-hero {
        padding: 45px 35px;
    }


    .ijracse-apc-hero h1 {
        font-size: 36px;
    }


    .ijracse-apc-heading h2 {
        font-size: 25px;
    }


    .ijracse-apc-section {
        margin-bottom: 44px;
    }

}


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

@media (max-width: 650px) {

    .ijracse-apc-page {
        width: 100%;

        padding: 15px 12px 40px;
    }


    /* HERO */

    .ijracse-apc-hero {
        padding: 35px 25px;

        margin-bottom: 25px;

        border-radius: 12px;
    }


    .ijracse-apc-hero h1 {
        font-size: 30px;
    }


    .ijracse-apc-hero p {
        font-size: 16px;
    }


    .ijracse-apc-label {
        font-size: 10px;
    }


    /* INTRO */

    .ijracse-apc-intro {
        padding: 20px;

        margin-bottom: 35px;
    }


    .ijracse-apc-intro p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* SECTIONS */

    .ijracse-apc-section {
        margin-bottom: 40px;
    }


    /* SECTION HEADING */

    .ijracse-apc-heading {
        gap: 12px;

        margin-bottom: 18px;
    }


    .ijracse-apc-number {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 8px;

        font-size: 14px;
    }


    .ijracse-apc-heading h2 {
        font-size: 22px;

        line-height: 1.25;
    }


    .ijracse-apc-heading p {
        font-size: 12.5px;
    }


    /* TABLE */

    .ijracse-apc-table-wrapper {
        border-radius: 10px;
    }


    .ijracse-apc-table {
        min-width: 560px;

        font-size: 14px;
    }


    .ijracse-apc-table thead th {
        padding: 14px 12px;

        font-size: 14px;
    }


    .ijracse-apc-table tbody td {
        padding: 14px 12px;
    }


    /* FUNDED AUTHORS */

    .ijracse-apc-highlight {
        padding: 23px 20px;

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


    .ijracse-apc-highlight-label {
        font-size: 10px;
    }


    .ijracse-apc-price {
        font-size: 27px;

        margin-bottom: 13px;
    }


    .ijracse-apc-highlight p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* INFORMATION CARD */

    .ijracse-apc-info-card {
        padding: 21px;

        gap: 14px;

        border-radius: 11px;
    }


    .ijracse-apc-info-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 17px;
    }


    .ijracse-apc-info-card h3 {
        font-size: 19px;
    }


    .ijracse-apc-info-card p {
        font-size: 15px;

        line-height: 1.75;
    }


    .ijracse-apc-info-card li {
        font-size: 14px;

        line-height: 1.65;
    }


    /* SIMPLE CARD */

    .ijracse-apc-simple-card {
        padding: 21px;

        border-radius: 11px;
    }


    .ijracse-apc-simple-card p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* OPEN ACCESS */

    .ijracse-apc-open-access {
        padding: 21px;

        gap: 14px;

        border-radius: 11px;
    }


    .ijracse-apc-open-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 17px;
    }


    .ijracse-apc-open-access h3 {
        font-size: 19px;
    }


    .ijracse-apc-open-access p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* CLOSING */

    .ijracse-apc-closing {
        padding: 27px 20px;

        border-radius: 11px;
    }


    .ijracse-apc-closing h2 {
        font-size: 21px;
    }


    .ijracse-apc-closing p {
        font-size: 14px;

        line-height: 1.75;
    }

}


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

@media (max-width: 400px) {

    .ijracse-apc-page {
        padding-left: 10px;
        padding-right: 10px;
    }


    .ijracse-apc-hero {
        padding: 30px 20px;
    }


    .ijracse-apc-hero h1 {
        font-size: 27px;
    }


    .ijracse-apc-label {
        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .ijracse-apc-heading h2 {
        font-size: 20px;
    }


    .ijracse-apc-heading p {
        font-size: 12px;
    }


    .ijracse-apc-info-card,
    .ijracse-apc-open-access {
        flex-direction: column;
    }


    .ijracse-apc-info-icon,
    .ijracse-apc-open-icon {
        flex: 0 0 auto;
    }


    .ijracse-apc-price {
        font-size: 25px;
    }

}



/* =========================================================
   IJRACSE - PRIVACY STATEMENT
   ========================================================= */

.ijracse-privacy-page {
    --ijracse-privacy-primary: #012354;
    --ijracse-privacy-primary-light: #eaf1f8;
    --ijracse-privacy-primary-soft: #f3f7fb;
    --ijracse-privacy-text: #344054;
    --ijracse-privacy-muted: #667085;
    --ijracse-privacy-border: #dce5ee;
    --ijracse-privacy-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-privacy-text);

    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}


.ijracse-privacy-page *,
.ijracse-privacy-page *::before,
.ijracse-privacy-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-privacy-hero {
    position: relative;
    overflow: hidden;

    padding: 55px 50px;
    margin-bottom: 35px;

    background: var(--ijracse-privacy-primary);

    color: #ffffff;

    border-radius: 16px;
}


.ijracse-privacy-hero::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -80px;
    top: -110px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 50%;
}


.ijracse-privacy-hero::after {
    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    right: 40px;
    bottom: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;
}


.ijracse-privacy-hero-content {
    position: relative;

    z-index: 2;

    max-width: 780px;
}


.ijracse-privacy-label {
    display: inline-block;

    margin-bottom: 10px;
    padding: 5px 13px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 30px;

    color: #ffffff;

    font-size: 12px;
    font-weight: bold;

    letter-spacing: 1.5px;
}


.ijracse-privacy-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;
}


.ijracse-privacy-hero p {
    margin: 0;

    max-width: 720px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;

    line-height: 1.7;
}


/* =========================================================
   INTRO
   ========================================================= */

.ijracse-privacy-intro {
    padding: 25px 30px;

    margin-bottom: 48px;

    background: var(--ijracse-privacy-primary-soft);

    border-left: 5px solid var(--ijracse-privacy-primary);

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


.ijracse-privacy-intro p {
    margin: 0 0 15px;

    color: var(--ijracse-privacy-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-privacy-intro p:last-child {
    margin-bottom: 0;
}


.ijracse-privacy-intro strong {
    color: var(--ijracse-privacy-primary);
}


/* =========================================================
   SECTIONS
   ========================================================= */

.ijracse-privacy-section {
    margin-bottom: 50px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.ijracse-privacy-heading {
    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 24px;
}


.ijracse-privacy-number {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;

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

    background: var(--ijracse-privacy-primary);

    color: #ffffff;

    border-radius: 10px;

    font-size: 16px;

    font-weight: bold;
}


.ijracse-privacy-heading h2 {
    margin: 0;

    color: var(--ijracse-privacy-primary);

    font-size: 28px;

    line-height: 1.25;
}


.ijracse-privacy-heading p {
    margin: 3px 0 0;

    color: var(--ijracse-privacy-muted);

    font-size: 14px;

    line-height: 1.5;
}


/* =========================================================
   INFORMATION CARD
   ========================================================= */

.ijracse-privacy-card {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-privacy-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}


.ijracse-privacy-card-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;

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

    background: var(--ijracse-privacy-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;

    font-weight: bold;
}


.ijracse-privacy-card h3 {
    margin: 0 0 8px;

    color: var(--ijracse-privacy-primary);

    font-size: 22px;
}


.ijracse-privacy-card p {
    margin: 0 0 12px;

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-privacy-card strong {
    color: var(--ijracse-privacy-primary);
}


/* =========================================================
   PRIVACY LIST
   ========================================================= */

.ijracse-privacy-list {
    margin: 15px 0 0;

    padding-left: 22px;

    list-style-type: disc;
}


.ijracse-privacy-list li {
    margin-bottom: 8px;

    color: var(--ijracse-privacy-text);

    font-size: 15px;

    line-height: 1.7;
}


.ijracse-privacy-list li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   NOTE
   ========================================================= */

.ijracse-privacy-note {
    margin-top: 22px;

    padding: 16px 18px;

    background: var(--ijracse-privacy-primary-soft);

    border-left: 3px solid var(--ijracse-privacy-primary);

    border-radius: 0 8px 8px 0;

    color: var(--ijracse-privacy-muted);

    font-size: 14px;

    line-height: 1.7;
}


.ijracse-privacy-note strong {
    color: var(--ijracse-privacy-primary);
}


/* =========================================================
   INFORMATION USE CARDS
   ========================================================= */

.ijracse-privacy-uses {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 18px;
}


.ijracse-privacy-use-card {
    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 23px;

    background: #ffffff;

    border: 1px solid var(--ijracse-privacy-border);

    border-radius: 12px;

    box-shadow: 0 6px 18px rgba(1, 35, 84, 0.04);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


.ijracse-privacy-use-card:hover {
    transform: translateY(-3px);

    border-color: #b9cbdc;

    box-shadow: 0 10px 25px rgba(1, 35, 84, 0.08);
}


.ijracse-privacy-use-number {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;

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

    background: var(--ijracse-privacy-primary-light);

    color: var(--ijracse-privacy-primary);

    border-radius: 8px;

    font-size: 13px;

    font-weight: bold;
}


.ijracse-privacy-use-card h3 {
    margin: 0 0 5px;

    color: var(--ijracse-privacy-primary);

    font-size: 19px;

    line-height: 1.35;
}


.ijracse-privacy-use-card p {
    margin: 0;

    color: var(--ijracse-privacy-text);

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   SECURITY
   ========================================================= */

.ijracse-privacy-security {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 30px;

    background: var(--ijracse-privacy-primary-soft);

    border: 1px solid var(--ijracse-privacy-border);

    border-left: 5px solid var(--ijracse-privacy-primary);

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


.ijracse-privacy-security-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: flex;

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

    background: var(--ijracse-privacy-primary);

    color: #ffffff;

    border-radius: 50%;

    font-size: 20px;
}


.ijracse-privacy-security h3 {
    margin: 0 0 9px;

    color: var(--ijracse-privacy-primary);

    font-size: 22px;
}


.ijracse-privacy-security p {
    margin: 0 0 13px;

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-privacy-security p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   FINAL CARD
   ========================================================= */

.ijracse-privacy-final-card {
    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-privacy-border);

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.05);
}


.ijracse-privacy-final-card p {
    margin: 0 0 15px;

    color: var(--ijracse-privacy-text);

    font-size: 16px;

    line-height: 1.8;
}


.ijracse-privacy-final-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CLOSING
   ========================================================= */

.ijracse-privacy-closing {
    position: relative;

    overflow: hidden;

    margin-top: 10px;

    padding: 34px 30px;

    background: var(--ijracse-privacy-primary);

    color: #ffffff;

    border-radius: 14px;

    text-align: center;
}


.ijracse-privacy-closing::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    top: -100px;

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 50%;
}


.ijracse-privacy-closing::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -70px;
    bottom: -110px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;
}


.ijracse-privacy-closing h2 {
    position: relative;

    z-index: 2;

    margin: 0 0 8px;

    color: #ffffff;

    font-size: 26px;

    line-height: 1.3;
}


.ijracse-privacy-closing p {
    position: relative;

    z-index: 2;

    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.88);

    font-size: 15px;

    line-height: 1.8;
}


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

@media (max-width: 900px) {

    .ijracse-privacy-page {
        padding: 20px 18px 50px;
    }


    .ijracse-privacy-hero {
        padding: 45px 35px;
    }


    .ijracse-privacy-hero h1 {
        font-size: 36px;
    }


    .ijracse-privacy-heading h2 {
        font-size: 25px;
    }


    .ijracse-privacy-uses {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 650px) {

    .ijracse-privacy-page {
        width: 100%;

        padding: 15px 12px 40px;
    }


    /* HERO */

    .ijracse-privacy-hero {
        padding: 35px 25px;

        margin-bottom: 25px;

        border-radius: 12px;
    }


    .ijracse-privacy-hero h1 {
        font-size: 30px;
    }


    .ijracse-privacy-hero p {
        font-size: 16px;
    }


    .ijracse-privacy-label {
        font-size: 10px;
    }


    /* INTRO */

    .ijracse-privacy-intro {
        padding: 20px;

        margin-bottom: 35px;
    }


    .ijracse-privacy-intro p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* SECTION */

    .ijracse-privacy-section {
        margin-bottom: 40px;
    }


    /* HEADING */

    .ijracse-privacy-heading {
        gap: 12px;

        margin-bottom: 18px;
    }


    .ijracse-privacy-number {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        border-radius: 8px;

        font-size: 14px;
    }


    .ijracse-privacy-heading h2 {
        font-size: 22px;

        line-height: 1.25;
    }


    .ijracse-privacy-heading p {
        font-size: 12.5px;
    }


    /* INFORMATION CARD */

    .ijracse-privacy-card {
        padding: 21px;

        gap: 14px;

        border-radius: 11px;
    }


    .ijracse-privacy-card-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 17px;
    }


    .ijracse-privacy-card h3 {
        font-size: 19px;
    }


    .ijracse-privacy-card p {
        font-size: 15px;

        line-height: 1.75;
    }


    .ijracse-privacy-list {
        padding-left: 20px;
    }


    .ijracse-privacy-list li {
        font-size: 14px;

        line-height: 1.65;
    }


    .ijracse-privacy-note {
        font-size: 13px;
    }


    /* USE CARDS */

    .ijracse-privacy-uses {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .ijracse-privacy-use-card {
        padding: 19px;

        gap: 13px;
    }


    .ijracse-privacy-use-number {
        flex: 0 0 35px;

        width: 35px;
        height: 35px;

        font-size: 12px;
    }


    .ijracse-privacy-use-card h3 {
        font-size: 18px;
    }


    .ijracse-privacy-use-card p {
        font-size: 14px;
    }


    /* SECURITY */

    .ijracse-privacy-security {
        padding: 21px;

        gap: 14px;

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


    .ijracse-privacy-security-icon {
        flex: 0 0 42px;

        width: 42px;
        height: 42px;

        font-size: 17px;
    }


    .ijracse-privacy-security h3 {
        font-size: 19px;
    }


    .ijracse-privacy-security p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* FINAL CARD */

    .ijracse-privacy-final-card {
        padding: 21px;

        border-radius: 11px;
    }


    .ijracse-privacy-final-card p {
        font-size: 15px;

        line-height: 1.75;
    }


    /* CLOSING */

    .ijracse-privacy-closing {
        padding: 27px 20px;

        border-radius: 11px;
    }


    .ijracse-privacy-closing h2 {
        font-size: 21px;
    }


    .ijracse-privacy-closing p {
        font-size: 14px;

        line-height: 1.75;
    }

}


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

@media (max-width: 400px) {

    .ijracse-privacy-page {
        padding-left: 10px;
        padding-right: 10px;
    }


    .ijracse-privacy-hero {
        padding: 30px 20px;
    }


    .ijracse-privacy-hero h1 {
        font-size: 27px;
    }


    .ijracse-privacy-label {
        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .ijracse-privacy-heading h2 {
        font-size: 20px;
    }


    .ijracse-privacy-heading p {
        font-size: 12px;
    }


    .ijracse-privacy-card,
    .ijracse-privacy-security {
        flex-direction: column;
    }


    .ijracse-privacy-card-icon,
    .ijracse-privacy-security-icon {
        flex: 0 0 auto;
    }

}


/* =========================================================
   IJRACSE - COPYRIGHT & LICENSING POLICY
   ========================================================= */

.ijracse-copyright-page {
    --ijracse-copyright-primary: #012354;
    --ijracse-copyright-primary-light: #eaf1f8;
    --ijracse-copyright-primary-soft: #f3f7fb;
    --ijracse-copyright-text: #344054;
    --ijracse-copyright-muted: #667085;
    --ijracse-copyright-border: #dce5ee;
    --ijracse-copyright-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 20px 60px;

    color: var(--ijracse-copyright-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-copyright-page *,
.ijracse-copyright-page *::before,
.ijracse-copyright-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-copyright-hero {
    position: relative;
    overflow: hidden;

    margin-bottom: 35px;
    padding: 55px;

    background: linear-gradient(135deg,
            #012354 0%,
            #07396f 65%,
            #0c4d82 100%);

    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(1, 35, 84, 0.12);
}

.ijracse-copyright-hero::before {
    content: "";

    position: absolute;
    width: 240px;
    height: 240px;

    right: -80px;
    top: -90px;

    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
}

.ijracse-copyright-hero::after {
    content: "";

    position: absolute;
    width: 150px;
    height: 150px;

    right: 45px;
    bottom: -90px;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.ijracse-copyright-hero-content {
    position: relative;
    z-index: 2;

    max-width: 780px;
}

.ijracse-copyright-label {
    display: inline-block;

    margin-bottom: 13px;
    padding: 6px 13px;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.ijracse-copyright-hero h1 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 38px;
    line-height: 1.2;
}

.ijracse-copyright-hero p {
    max-width: 700px;

    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRO
   ========================================================= */

.ijracse-copyright-intro {
    margin-bottom: 45px;
    padding: 0 8px;
}

.ijracse-copyright-intro p {
    margin: 0;

    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   SECTION
   ========================================================= */

.ijracse-copyright-section {
    margin-bottom: 48px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.ijracse-copyright-heading {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 22px;
}

.ijracse-copyright-number {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-copyright-primary);
    background: var(--ijracse-copyright-primary-light);

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 10px;

    font-size: 17px;
    font-weight: bold;
}

.ijracse-copyright-kicker {
    display: block;

    margin-bottom: 2px;

    color: var(--ijracse-copyright-muted);

    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.ijracse-copyright-heading h2 {
    margin: 0;

    color: var(--ijracse-copyright-primary);

    font-size: 27px;
    line-height: 1.25;
}


/* =========================================================
   OWNERSHIP CARD
   ========================================================= */

.ijracse-copyright-ownership-card {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 25px;

    padding: 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 12px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-copyright-ownership-icon {
    width: 70px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-copyright-primary);
    background: var(--ijracse-copyright-primary-light);

    border-radius: 50%;

    font-size: 32px;
    font-weight: bold;
}

.ijracse-copyright-ownership-card h3 {
    margin: 2px 0 9px;

    color: var(--ijracse-copyright-primary);

    font-size: 21px;
}

.ijracse-copyright-ownership-card p {
    margin: 0;

    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   AUTHOR RIGHTS GRID
   ========================================================= */

.ijracse-copyright-rights-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ijracse-copyright-right-card {
    position: relative;

    padding: 25px;

    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 10px;

    transition: background 0.2s ease, transform 0.2s ease,
        box-shadow 0.2s ease;
}

.ijracse-copyright-right-card:hover {
    background: var(--ijracse-copyright-primary-soft);

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(1, 35, 84, 0.07);
}

.ijracse-copyright-wide-card {
    grid-column: 1 / -1;
}

.ijracse-copyright-card-number {
    display: inline-flex;

    width: 32px;
    height: 32px;

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

    margin-bottom: 12px;

    color: var(--ijracse-copyright-primary);
    background: var(--ijracse-copyright-primary-light);

    border-radius: 7px;

    font-size: 13px;
    font-weight: bold;
}

.ijracse-copyright-right-card h3 {
    margin: 0 0 7px;

    color: var(--ijracse-copyright-primary);

    font-size: 19px;
}

.ijracse-copyright-right-card p {
    margin: 0;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   AUTHOR RESPONSIBILITIES
   ========================================================= */

.ijracse-copyright-responsibilities {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ijracse-copyright-responsibility {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;

    padding: 17px 18px;

    background: var(--ijracse-copyright-primary-soft);

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 8px;
}

.ijracse-copyright-responsibility>span {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-copyright-primary);

    border-radius: 50%;

    font-size: 13px;
    font-weight: bold;
}

.ijracse-copyright-responsibility p {
    margin: 0;

    font-size: 15px;
    line-height: 1.65;
}

.ijracse-copyright-authorship-note {
    margin-top: 17px;
    padding: 18px 22px;

    color: var(--ijracse-copyright-text);
    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-left: 4px solid var(--ijracse-copyright-primary);
    border-radius: 8px;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   JOURNAL RIGHTS
   ========================================================= */

.ijracse-copyright-journal-card {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 18px;

    padding: 26px 28px;

    background: var(--ijracse-copyright-primary-soft);

    border: 1px solid var(--ijracse-copyright-border);
    border-left: 4px solid var(--ijracse-copyright-primary);

    border-radius: 10px;
}

.ijracse-copyright-journal-icon {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-copyright-primary);

    border-radius: 50%;

    font-size: 21px;
    font-weight: bold;
}

.ijracse-copyright-journal-card p {
    margin: 0 0 13px;

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-copyright-journal-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LICENSE CARD
   ========================================================= */

.ijracse-copyright-license-card {
    display: grid;
    grid-template-columns: 105px 1fr;
    gap: 25px;
    align-items: center;

    padding: 30px;

    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 12px;

    box-shadow: 0 7px 22px rgba(1, 35, 84, 0.06);
}

.ijracse-copyright-license-badge {
    width: 95px;
    height: 95px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-copyright-primary);

    border-radius: 12px;

    text-align: center;

    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.ijracse-copyright-license-card h3 {
    margin: 0 0 10px;

    color: var(--ijracse-copyright-primary);

    font-size: 20px;
    line-height: 1.45;
}

.ijracse-copyright-license-card p {
    margin: 0 0 12px;

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-copyright-license-note {
    padding-top: 10px;

    color: var(--ijracse-copyright-muted);

    border-top: 1px solid var(--ijracse-copyright-border);

    font-size: 14px !important;
}


/* =========================================================
   SHARE CARD
   ========================================================= */

.ijracse-copyright-share-card {
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 20px;

    padding: 28px 30px;

    background: var(--ijracse-copyright-primary-light);

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 10px;
}

.ijracse-copyright-share-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-copyright-primary);

    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 50%;

    font-size: 23px;
    font-weight: bold;
}

.ijracse-copyright-share-card h3 {
    margin: 0 0 7px;

    color: var(--ijracse-copyright-primary);

    font-size: 21px;
}

.ijracse-copyright-share-card p {
    margin: 0 0 12px;

    font-size: 15px;
    line-height: 1.75;
}

.ijracse-copyright-share-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LICENSE CONDITIONS
   ========================================================= */

.ijracse-copyright-conditions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.ijracse-copyright-condition {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 16px;

    padding: 24px;

    background: #ffffff;

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 10px;
}

.ijracse-copyright-condition-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijracse-copyright-primary);

    background: var(--ijracse-copyright-primary-light);

    border-radius: 8px;

    font-size: 13px;
    font-weight: bold;
}

.ijracse-copyright-condition h3 {
    margin: 0 0 7px;

    color: var(--ijracse-copyright-primary);

    font-size: 18px;
}

.ijracse-copyright-condition p {
    margin: 0;

    font-size: 14.5px;
    line-height: 1.7;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.ijracse-copyright-disclaimer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ijracse-copyright-disclaimer-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
    align-items: start;

    padding: 19px 21px;

    background: var(--ijracse-copyright-primary-soft);

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 8px;
}

.ijracse-copyright-disclaimer-item>span {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: var(--ijracse-copyright-primary);

    border-radius: 50%;

    font-size: 11px;
    font-weight: bold;
}

.ijracse-copyright-disclaimer-item p {
    margin: 2px 0 0;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   CLOSING
   ========================================================= */

.ijracse-copyright-closing {
    position: relative;
    overflow: hidden;

    margin-top: 10px;
    padding: 38px 40px;

    text-align: center;

    background: var(--ijracse-copyright-primary-light);

    border: 1px solid var(--ijracse-copyright-border);
    border-radius: 12px;
}

.ijracse-copyright-closing::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -80px;
    bottom: -110px;

    border: 1px solid rgba(1, 35, 84, 0.08);
    border-radius: 50%;
}

.ijracse-copyright-closing span {
    display: block;

    margin-bottom: 6px;

    color: var(--ijracse-copyright-muted);

    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-copyright-closing h2 {
    position: relative;
    z-index: 1;

    margin: 0 0 8px;

    color: var(--ijracse-copyright-primary);

    font-size: 25px;
}

.ijracse-copyright-closing p {
    position: relative;
    z-index: 1;

    max-width: 720px;

    margin: 0 auto;

    color: var(--ijracse-copyright-muted);

    font-size: 15px;
}


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

@media (max-width: 900px) {

    .ijracse-copyright-page {
        padding: 20px 18px 50px;
    }

    .ijracse-copyright-hero {
        padding: 45px 38px;
    }

    .ijracse-copyright-hero h1 {
        font-size: 34px;
    }

    .ijracse-copyright-rights-grid,
    .ijracse-copyright-responsibilities,
    .ijracse-copyright-conditions {
        grid-template-columns: 1fr;
    }

    .ijracse-copyright-wide-card {
        grid-column: auto;
    }

}


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

@media (max-width: 600px) {

    .ijracse-copyright-page {
        padding: 15px 12px 40px;
    }

    .ijracse-copyright-hero {
        margin-bottom: 28px;
        padding: 35px 25px;

        border-radius: 11px;
    }

    .ijracse-copyright-hero h1 {
        font-size: 29px;
    }

    .ijracse-copyright-hero p {
        font-size: 15px;
    }

    .ijracse-copyright-label {
        font-size: 10px;
    }

    .ijracse-copyright-intro {
        padding: 0 3px;
        margin-bottom: 35px;
    }

    .ijracse-copyright-intro p {
        font-size: 15px;
        line-height: 1.75;
    }

    .ijracse-copyright-section {
        margin-bottom: 38px;
    }

    .ijracse-copyright-heading {
        gap: 12px;
        margin-bottom: 17px;
    }

    .ijracse-copyright-number {
        flex-basis: 43px;

        width: 43px;
        height: 43px;

        font-size: 14px;
    }

    .ijracse-copyright-heading h2 {
        font-size: 22px;
    }

    .ijracse-copyright-kicker {
        font-size: 9px;
    }

    .ijracse-copyright-ownership-card {
        grid-template-columns: 1fr;
        gap: 17px;

        padding: 22px 20px;
    }

    .ijracse-copyright-ownership-icon {
        width: 55px;
        height: 55px;

        font-size: 26px;
    }

    .ijracse-copyright-ownership-card h3 {
        font-size: 19px;
    }

    .ijracse-copyright-ownership-card p {
        font-size: 15px;
    }

    .ijracse-copyright-right-card {
        padding: 21px 19px;
    }

    .ijracse-copyright-right-card h3 {
        font-size: 18px;
    }

    .ijracse-copyright-right-card p {
        font-size: 14px;
    }

    .ijracse-copyright-responsibility {
        padding: 15px;
    }

    .ijracse-copyright-responsibility p {
        font-size: 14px;
    }

    .ijracse-copyright-authorship-note {
        padding: 16px 17px;

        font-size: 14px;
    }

    .ijracse-copyright-journal-card {
        grid-template-columns: 1fr;
        gap: 13px;

        padding: 22px 20px;
    }

    .ijracse-copyright-journal-card p {
        font-size: 14px;
    }

    .ijracse-copyright-license-card {
        grid-template-columns: 1fr;
        gap: 18px;

        padding: 22px 20px;
    }

    .ijracse-copyright-license-badge {
        width: 82px;
        height: 82px;

        font-size: 13px;
    }

    .ijracse-copyright-license-card h3 {
        font-size: 18px;
    }

    .ijracse-copyright-license-card p {
        font-size: 14px;
    }

    .ijracse-copyright-share-card {
        grid-template-columns: 1fr;
        gap: 13px;

        padding: 22px 20px;
    }

    .ijracse-copyright-share-icon {
        width: 45px;
        height: 45px;
    }

    .ijracse-copyright-share-card h3 {
        font-size: 19px;
    }

    .ijracse-copyright-share-card p {
        font-size: 14px;
    }

    .ijracse-copyright-condition {
        grid-template-columns: 45px 1fr;
        gap: 13px;

        padding: 20px 17px;
    }

    .ijracse-copyright-condition-icon {
        width: 40px;
        height: 40px;

        font-size: 11px;
    }

    .ijracse-copyright-condition h3 {
        font-size: 17px;
    }

    .ijracse-copyright-condition p {
        font-size: 14px;
    }

    .ijracse-copyright-disclaimer-item {
        grid-template-columns: 36px 1fr;
        gap: 11px;

        padding: 16px;
    }

    .ijracse-copyright-disclaimer-item>span {
        width: 29px;
        height: 29px;
    }

    .ijracse-copyright-disclaimer-item p {
        font-size: 14px;
    }

    .ijracse-copyright-closing {
        padding: 30px 20px;
    }

    .ijracse-copyright-closing h2 {
        font-size: 22px;
    }

    .ijracse-copyright-closing p {
        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .ijracse-copyright-hero {
        padding: 30px 20px;
    }

    .ijracse-copyright-hero h1 {
        font-size: 26px;
    }

    .ijracse-copyright-heading h2 {
        font-size: 20px;
    }

    .ijracse-copyright-ownership-card,
    .ijracse-copyright-license-card {
        padding: 18px 16px;
    }

}






/* =========== IJRACSE - COMPACT HOMEPAGE HERO =========== */
.ijracse-home-hero {
    --ijracse-primary: #012354;
    --ijracse-primary-dark: #001a3d;
    --ijracse-blue: #1f4f7a;
    --ijracse-light: #eef4f9;
    --ijracse-text: #344054;
    --ijracse-white: #ffffff;
    position: relative;
    width: 100%;
    margin: 0 auto 35px;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(120deg, #012354 0%, #073a68 55%, #0b527f 100%);
    color: var(--ijracse-white);
}

/* =========== INNER CONTAINER =========== */
.ijracse-home-hero-inner {
    position: relative;
    max-width: 1120px;
    min-height: 390px;
    margin: 0 auto;
    padding: 48px 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    align-items: center;
    gap: 45px;
}

/* =========== BACKGROUND DECORATION =========== */
.ijracse-home-hero::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: -220px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.ijracse-home-hero::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: -150px;
    bottom: -170px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

/* =========== HERO CONTENT =========== */
.ijracse-home-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

/* =========== LABEL =========== */
.ijracse-home-hero-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 12px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

/* =========== HEADING =========== */
.ijracse-home-hero h1 {
    max-width: 720px;
    margin: 0 0 15px;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
}

/* =========== QUOTE =========== */
.ijracse-home-quote {
    max-width: 690px;
    margin: 0 0 15px;
    padding-left: 15px;
    border-left: 3px solid rgba(255, 255, 255, 0.65);
    color: rgba(255, 255, 255, 0.92);
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    line-height: 1.55;
    font-style: italic;
}

/* =========== DESCRIPTION =========== */
.ijracse-home-hero-description {
    max-width: 700px;
    margin: 0 0 20px;
    color: rgba(255, 255, 255, 0.82);
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    line-height: 1.65;
}

/* =============== BUTTONS =============== */
.ijracse-home-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ijracse-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 17px;
    border-radius: 6px;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

/* Primary */
.ijracse-home-btn-primary {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #012354 !important;
}

.ijracse-home-btn-primary:hover {
    background: #eef4f9;
    transform: translateY(-2px);
}

/* Outline */
.ijracse-home-btn-outline {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #ffffff !important;
}

.ijracse-home-btn-outline:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.75);
    transform: translateY(-2px);
}

/* ====================== RIGHT SIDE ================== */
.ijracse-home-hero-side {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
}

/* ================= JOURNAL BADGE =============== */
.ijracse-home-hero-badge {
    width: 175px;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.025), 0 0 0 24px rgba(255, 255, 255, 0.015);
}

.ijracse-home-hero-badge strong {
    display: block;
    margin-bottom: 7px;
    color: #ffffff;
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    letter-spacing: 1px;
}

.ijracse-home-hero-badge span {
    max-width: 115px;
    color: rgba(255, 255, 255, 0.72);
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    line-height: 1.4;
}

/* ===================== DECORATIVE CODE ================= */
.ijracse-home-hero-decoration {
    position: absolute;
    right: -5px;
    bottom: 5px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

.ijracse-code-line {
    color: rgba(255, 255, 255, 0.35);
    font-family: "Courier New", monospace;
    font-size: 10px;
    letter-spacing: 0.5px;
}

/* =========== TABLET ========= */
@media (max-width: 900px) {
    .ijracse-home-hero-inner {
        grid-template-columns: 1fr;
        gap: 25px;
        min-height: auto;
        padding: 42px 28px;
    }

    .ijracse-home-hero-content {
        max-width: 100%;
    }

    .ijracse-home-hero-side {
        display: none;
    }

    .ijracse-home-hero h1 {
        font-size: 32px;
    }
}

/* =============== MOBILE ============= */
@media (max-width: 600px) {
    .ijracse-home-hero {
        margin-bottom: 25px;
    }

    .ijracse-home-hero-inner {
        padding: 32px 20px 35px;
    }

    .ijracse-home-hero-label {
        margin-bottom: 9px;
        font-size: 10px;
    }

    .ijracse-home-hero h1 {
        margin-bottom: 12px;
        font-size: 27px;
        line-height: 1.25;
    }

    .ijracse-home-quote {
        margin-bottom: 13px;
        padding-left: 12px;
        font-size: 15px;
        line-height: 1.5;
    }

    .ijracse-home-hero-description {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 1.6;
    }

    .ijracse-home-hero-actions {
        gap: 8px;
    }

    .ijracse-home-btn {
        min-height: 38px;
        padding: 7px 13px;
        font-size: 13px;
    }
}

/* ============== SMALL MOBILE ================= */
@media (max-width: 400px) {
    .ijracse-home-hero-inner {
        padding: 28px 16px 30px;
    }

    .ijracse-home-hero h1 {
        font-size: 24px;
    }

    .ijracse-home-quote {
        font-size: 14px;
    }

    .ijracse-home-hero-description {
        font-size: 13.5px;
    }

    .ijracse-home-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ijracse-home-btn {
        width: 100%;
    }
}
/* =========================================================
   IJRACSE HOMEPAGE - AFTER HERO CONTENT
   ========================================================= */

.ijracse-home-content {
    max-width: 1120px;
    margin: 0 auto;
    padding: 10px 20px 50px;
    color: #344054;
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;
    box-sizing: border-box;
}

.ijracse-home-content *,
.ijracse-home-content *::before,
.ijracse-home-content *::after {
    box-sizing: border-box;
}


/* =========================================================
   COMMON SECTION TITLE
   ========================================================= */

.ijracse-section-title {
    margin-bottom: 22px;
}

.ijracse-section-title span {
    display: block;
    margin-bottom: 5px;
    color: #012354;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.ijracse-section-title h2 {
    margin: 0;
    color: #012354;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijracse-intro-section {
    padding: 25px 0 35px;
}

.ijracse-intro-text {
    max-width: 1000px;
}

.ijracse-intro-text p {
    margin: 0 0 15px;
    color: #475467;
    font-size: 16px;
    line-height: 1.75;
}

.ijracse-intro-text p:last-child {
    margin-bottom: 0;
}

.ijracse-intro-text strong {
    color: #012354;
}


/* =========================================================
   WHY PUBLISH
   ========================================================= */

.ijracse-feature-section {
    padding: 30px 0 35px;
    border-top: 1px solid #e6ebf0;
}

.ijracse-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.ijracse-feature-item {
    position: relative;
    padding: 20px;
    background: #f7f9fc;
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.ijracse-feature-item:hover {
    border-color: #b9c9d8;
    transform: translateY(-2px);
}

.ijracse-feature-item strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    background: #012354;
    color: #ffffff;
    border-radius: 5px;
    font-size: 11px;
}

.ijracse-feature-item h3 {
    margin: 0 0 6px;
    color: #012354;
    font-size: 18px;
    line-height: 1.35;
}

.ijracse-feature-item p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   AUTHOR BENEFITS
   ========================================================= */

.ijracse-benefits-section {
    padding: 30px 0 35px;
    border-top: 1px solid #e6ebf0;
}

.ijracse-benefits-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 25px;
}

.ijracse-benefits-list div {
    padding: 11px 0;
    color: #475467;
    font-size: 15px;
    border-bottom: 1px solid #edf0f3;
}

.ijracse-benefits-list div::first-letter {
    color: #012354;
}


/* =========================================================
   JOURNAL AT A GLANCE
   ========================================================= */

.ijracse-glance-section {
    padding: 30px 0 35px;
    border-top: 1px solid #e6ebf0;
}

.ijracse-glance-table {
    width: 100%;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    overflow: hidden;
}

.ijracse-glance-row {
    display: grid;
    grid-template-columns: 230px 1fr;
    border-bottom: 1px solid #dfe6ed;
}

.ijracse-glance-row:last-child {
    border-bottom: none;
}

.ijracse-glance-row > div {
    padding: 13px 16px;
    font-size: 15px;
}

.ijracse-glance-label {
    background: #f5f8fb;
    color: #012354;
    font-weight: bold;
    border-right: 1px solid #dfe6ed;
}


/* =========================================================
   OUR COMMITMENT
   ========================================================= */

.ijracse-commitment-section {
    padding: 30px 0 35px;
    border-top: 1px solid #e6ebf0;
}

.ijracse-commitment-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.ijracse-commitment-grid span {
    padding: 9px 14px;
    background: #f5f8fb;
    border: 1px solid #dfe6ed;
    border-radius: 5px;
    color: #344054;
    font-size: 14px;
}


/* =========================================================
   FINAL COMMUNITY SECTION
   ========================================================= */

.ijracse-community-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 10px;
    padding: 28px 30px;
    background: #012354;
    border-radius: 8px;
}

.ijracse-community-section > div {
    max-width: 760px;
}

.ijracse-community-section span {
    display: block;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.ijracse-community-section h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.3;
}

.ijracse-community-section p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    line-height: 1.65;
}

.ijracse-community-section a {
    flex: 0 0 auto;
    display: inline-block;
    padding: 11px 17px;
    background: #ffffff;
    color: #012354;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.ijracse-community-section a:hover {
    background: #edf3f8;
}


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

@media (max-width: 900px) {

    .ijracse-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ijracse-benefits-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .ijracse-community-section {
        align-items: flex-start;
        flex-direction: column;
    }

}


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

@media (max-width: 650px) {

    .ijracse-home-content {
        padding: 5px 14px 35px;
    }

    .ijracse-section-title {
        margin-bottom: 17px;
    }

    .ijracse-section-title span {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .ijracse-section-title h2 {
        font-size: 23px;
    }

    .ijracse-intro-section {
        padding: 20px 0 28px;
    }

    .ijracse-intro-text p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 13px;
    }

    .ijracse-feature-section,
    .ijracse-benefits-section,
    .ijracse-glance-section,
    .ijracse-commitment-section {
        padding: 25px 0 30px;
    }

    .ijracse-feature-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ijracse-feature-item {
        padding: 17px;
    }

    .ijracse-feature-item h3 {
        font-size: 17px;
    }

    .ijracse-feature-item p {
        font-size: 14px;
    }

    .ijracse-benefits-list {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .ijracse-benefits-list div {
        font-size: 14px;
        padding: 9px 0;
    }

    .ijracse-glance-table {
        border-radius: 6px;
    }

    .ijracse-glance-row {
        grid-template-columns: 1fr;
    }

    .ijracse-glance-row > div {
        padding: 10px 13px;
        font-size: 14px;
    }

    .ijracse-glance-label {
        border-right: none;
        border-bottom: 1px solid #dfe6ed;
    }

    .ijracse-commitment-grid {
        gap: 7px;
    }

    .ijracse-commitment-grid span {
        padding: 7px 11px;
        font-size: 13px;
    }

    .ijracse-community-section {
        margin-top: 5px;
        padding: 22px 20px;
        gap: 18px;
    }

    .ijracse-community-section h2 {
        font-size: 21px;
    }

    .ijracse-community-section p {
        font-size: 14px;
    }

    .ijracse-community-section a {
        width: 100%;
        text-align: center;
    }

}


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

@media (max-width: 400px) {

    .ijracse-home-content {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ijracse-section-title h2 {
        font-size: 21px;
    }

}


/* =========================================================
   IJRACSE - ABOUT JOURNAL PAGE
   ========================================================= */

.ijracse-about-page {
    --ijracse-primary: #012354;
    --ijracse-primary-light: #edf3f8;
    --ijracse-soft: #f7f9fb;
    --ijracse-border: #dfe6ed;
    --ijracse-text: #344054;
    --ijracse-muted: #667085;
    --ijracse-white: #ffffff;

    max-width: 1120px;
    margin: 0 auto;
    padding: 10px 20px 50px;

    color: var(--ijracse-text);
    font-family: "Times New Roman", Times, serif;
    line-height: 1.7;

    box-sizing: border-box;
}

.ijracse-about-page *,
.ijracse-about-page *::before,
.ijracse-about-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ijracse-about-hero {
    position: relative;
    overflow: hidden;

    margin-bottom: 35px;
    padding: 38px 42px;

    background: var(--ijracse-primary);
    border-radius: 8px;

    color: #ffffff;
}

.ijracse-about-hero::after {
    content: "";
    position: absolute;

    width: 190px;
    height: 190px;

    right: -70px;
    top: -80px;

    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
}

.ijracse-about-hero-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.ijracse-about-label {
    display: inline-block;

    margin-bottom: 7px;
    padding: 4px 10px;

    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 3px;

    color: rgba(255,255,255,0.85);

    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.4px;
}

.ijracse-about-hero h1 {
    margin: 0 0 7px;

    color: #ffffff;

    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
}

.ijracse-about-hero p {
    margin: 0;

    max-width: 700px;

    color: rgba(255,255,255,0.85);

    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   COMMON SECTION
   ========================================================= */

.ijracse-about-section {
    padding: 30px 0;

    border-bottom: 1px solid #e7ebef;
}

.ijracse-about-heading {
    display: flex;
    align-items: center;

    gap: 13px;
    margin-bottom: 20px;
}

.ijracse-about-heading > span {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    background: var(--ijracse-primary);
    color: #ffffff;

    border-radius: 5px;

    font-size: 12px;
    font-weight: bold;
}

.ijracse-about-heading small {
    display: block;

    margin-bottom: 1px;

    color: var(--ijracse-primary);

    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.2px;
}

.ijracse-about-heading h2 {
    margin: 0;

    color: var(--ijracse-primary);

    font-size: 25px;
    line-height: 1.3;
}


/* =========================================================
   ABOUT TEXT
   ========================================================= */

.ijracse-about-text {
    max-width: 1000px;
}

.ijracse-about-text p {
    margin: 0 0 13px;

    color: var(--ijracse-text);

    font-size: 15.5px;
    line-height: 1.75;
}

.ijracse-about-text p:last-child {
    margin-bottom: 0;
}

.ijracse-about-text strong {
    color: var(--ijracse-primary);
}


/* =========================================================
   WHAT WE PUBLISH
   ========================================================= */

.ijracse-about-list-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;
}

.ijracse-about-list-item {
    display: flex;
    align-items: center;

    gap: 12px;

    padding: 13px 15px;

    background: var(--ijracse-soft);
    border: 1px solid var(--ijracse-border);
    border-radius: 5px;
}

.ijracse-about-list-item b {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    background: var(--ijracse-primary);
    color: #ffffff;

    border-radius: 4px;

    font-size: 10px;
}

.ijracse-about-list-item span {
    color: var(--ijracse-text);

    font-size: 14px;
    font-weight: bold;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.ijracse-about-feature-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;
}

.ijracse-about-feature-grid > div {
    padding: 17px;

    background: #ffffff;
    border: 1px solid var(--ijracse-border);
    border-radius: 5px;
}

.ijracse-about-feature-grid strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ijracse-primary);

    font-size: 16px;
}

.ijracse-about-feature-grid p {
    margin: 0;

    color: var(--ijracse-muted);

    font-size: 13.5px;
    line-height: 1.55;
}


/* =========================================================
   AIM & SCOPE
   ========================================================= */

.ijracse-aim-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;
}

.ijracse-aim-card {
    padding: 20px;

    background: var(--ijracse-soft);

    border: 1px solid var(--ijracse-border);
    border-radius: 6px;
}

.ijracse-aim-card h3 {
    margin: 0 0 10px;

    color: var(--ijracse-primary);

    font-size: 19px;
}

.ijracse-aim-card p {
    margin: 0 0 10px;

    color: var(--ijracse-text);

    font-size: 14.5px;
}

.ijracse-aim-card p:last-child {
    margin-bottom: 0;
}

.ijracse-aim-card ul {
    margin: 0;
    padding-left: 19px;
}

.ijracse-aim-card li {
    margin-bottom: 5px;

    color: var(--ijracse-text);

    font-size: 14px;
}


/* =========================================================
   VISION & MISSION
   ========================================================= */

.ijracse-vision-mission {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;
}

.ijracse-vision-card,
.ijracse-mission-card {
    padding: 22px;

    border-radius: 6px;
}

.ijracse-vision-card {
    background: var(--ijracse-primary);
    color: #ffffff;
}

.ijracse-mission-card {
    background: var(--ijracse-soft);

    border: 1px solid var(--ijracse-border);
}

.ijracse-vision-card > span,
.ijracse-mission-card > span {
    display: block;

    margin-bottom: 7px;

    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.ijracse-vision-card > span {
    color: rgba(255,255,255,0.7);
}

.ijracse-mission-card > span {
    color: var(--ijracse-primary);
}

.ijracse-vision-card h3,
.ijracse-mission-card h3 {
    margin: 0 0 8px;

    font-size: 20px;
}

.ijracse-vision-card h3 {
    color: #ffffff;
}

.ijracse-mission-card h3 {
    color: var(--ijracse-primary);
}

.ijracse-vision-card p {
    margin: 0;

    color: rgba(255,255,255,0.85);

    font-size: 14.5px;
}

.ijracse-mission-card ul {
    margin: 0;
    padding-left: 18px;
}

.ijracse-mission-card li {
    margin-bottom: 4px;

    color: var(--ijracse-text);

    font-size: 14px;
}


/* =========================================================
   SUBJECT AREAS
   ========================================================= */

.ijracse-subject-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 12px;
}

.ijracse-subject-card {
    padding: 19px;

    background: #ffffff;

    border: 1px solid var(--ijracse-border);
    border-radius: 6px;

    transition: 0.2s ease;
}

.ijracse-subject-card:hover {
    border-color: #b8c7d5;
    transform: translateY(-2px);
}

.ijracse-subject-card h3 {
    margin: 0 0 10px;

    color: var(--ijracse-primary);

    font-size: 17px;
    line-height: 1.35;
}

.ijracse-subject-card ul {
    margin: 0;
    padding-left: 18px;
}

.ijracse-subject-card li {
    margin-bottom: 4px;

    color: var(--ijracse-muted);

    font-size: 13.5px;
    line-height: 1.5;
}


/* =========================================================
   CLOSING
   ========================================================= */

.ijracse-about-closing {
    margin-top: 30px;
    padding: 25px 28px;

    background: var(--ijracse-primary-light);

    border-left: 4px solid var(--ijracse-primary);
    border-radius: 0 6px 6px 0;
}

.ijracse-about-closing h2 {
    margin: 0 0 8px;

    color: var(--ijracse-primary);

    font-size: 22px;
}

.ijracse-about-closing p {
    margin: 0 0 9px;

    color: var(--ijracse-text);

    font-size: 14.5px;
    line-height: 1.7;
}

.ijracse-about-closing p:last-child {
    margin-bottom: 0;
}


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

@media (max-width: 900px) {

    .ijracse-about-list-grid,
    .ijracse-about-feature-grid,
    .ijracse-subject-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 650px) {

    .ijracse-about-page {
        padding: 5px 12px 35px;
    }

    .ijracse-about-hero {
        margin-bottom: 25px;
        padding: 30px 24px;
        border-radius: 7px;
    }

    .ijracse-about-hero h1 {
        font-size: 28px;
    }

    .ijracse-about-hero p {
        font-size: 15px;
    }

    .ijracse-about-section {
        padding: 24px 0;
    }

    .ijracse-about-heading {
        margin-bottom: 16px;
    }

    .ijracse-about-heading > span {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .ijracse-about-heading h2 {
        font-size: 22px;
    }

    .ijracse-about-text p {
        font-size: 15px;
        line-height: 1.7;
    }

    .ijracse-about-list-grid,
    .ijracse-about-feature-grid,
    .ijracse-aim-grid,
    .ijracse-vision-mission,
    .ijracse-subject-grid {
        grid-template-columns: 1fr;
    }

    .ijracse-about-feature-grid > div {
        padding: 15px;
    }

    .ijracse-aim-card,
    .ijracse-vision-card,
    .ijracse-mission-card {
        padding: 18px;
    }

    .ijracse-subject-card {
        padding: 17px;
    }

    .ijracse-about-closing {
        margin-top: 24px;
        padding: 20px;
    }

    .ijracse-about-closing h2 {
        font-size: 20px;
    }

}


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

@media (max-width: 400px) {

    .ijracse-about-page {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ijracse-about-hero {
        padding: 26px 20px;
    }

    .ijracse-about-hero h1 {
        font-size: 26px;
    }

    .ijracse-about-heading h2 {
        font-size: 20px;
    }

}




.pkp_structure_sidebar .homepage_image {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.5rem;
    margin-top: 15px;
}

.pkp_structure_sidebar .homepage_image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}



/* =========================================
   IJRACSE - ARCHIVES PAGE
   Simple OJS Journal Style
   ========================================= */

.page_issue_archive {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_issue_archive .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_issue_archive .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_issue_archive .cmp_breadcrumbs li {
    font-size: 14px;
}

.page_issue_archive .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_issue_archive .cmp_breadcrumbs a:hover {
    text-decoration: underline;
}

.page_issue_archive .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_issue_archive .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.page_issue_archive > h1 {
    margin: 0 0 25px;
    padding-bottom: 12px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}


/* =========================================
   ISSUE LIST
   ========================================= */

.page_issue_archive .issues_archive {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* =========================================
   EACH ISSUE
   ========================================= */

.page_issue_archive .issues_archive > li {
    margin: 0;
    padding: 0;
}

.page_issue_archive .obj_issue_summary {
    margin-bottom: 16px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
}


/* =========================================
   ISSUE TITLE
   ========================================= */

.page_issue_archive .obj_issue_summary h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.page_issue_archive .obj_issue_summary h2 .title {
    color: #012354;
    text-decoration: none;
}

.page_issue_archive .obj_issue_summary h2 .title:hover {
    color: #1f5d8f;
    text-decoration: underline;
}


/* =========================================
   VOLUME / ISSUE NUMBER
   ========================================= */

.page_issue_archive .obj_issue_summary .series {
    margin-top: 6px;
    color: #667085;
    font-size: 15px;
    font-weight: normal;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.page_issue_archive .obj_issue_summary .description {
    margin-top: 8px;
    color: #667085;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================================
   HOVER
   ========================================= */

.page_issue_archive .obj_issue_summary {
    transition: border-color 0.2s ease;
}

.page_issue_archive .obj_issue_summary:hover {
    border-left-color: #1f5d8f;
}


/* =========================================
   PAGINATION
   ========================================= */

.page_issue_archive .cmp_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dce3ea;
}

.page_issue_archive .cmp_pagination .current {
    padding: 7px 12px;
    color: #667085;
    font-size: 14px;
}

.page_issue_archive .cmp_pagination a {
    display: inline-block;
    padding: 7px 14px;
    color: #012354;
    background: #ffffff;
    border: 1px solid #dce3ea;
    font-size: 14px;
    text-decoration: none;
}

.page_issue_archive .cmp_pagination a:hover {
    color: #ffffff;
    background: #012354;
    border-color: #012354;
}


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

@media (max-width: 768px) {

    .page_issue_archive > h1 {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .page_issue_archive .obj_issue_summary {
        padding: 16px;
        margin-bottom: 14px;
    }

    .page_issue_archive .obj_issue_summary h2 {
        font-size: 17px;
    }

    .page_issue_archive .obj_issue_summary .series {
        font-size: 14px;
    }
}


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

@media (max-width: 600px) {

    .page_issue_archive .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_issue_archive .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_issue_archive > h1 {
        margin-bottom: 18px;
        padding-bottom: 9px;
        font-size: 24px;
    }

    .page_issue_archive .obj_issue_summary {
        margin-bottom: 12px;
        padding: 14px 15px;
        border-left-width: 3px;
    }

    .page_issue_archive .obj_issue_summary h2 {
        font-size: 16px;
        line-height: 1.45;
    }

    .page_issue_archive .obj_issue_summary .series {
        margin-top: 5px;
        font-size: 14px;
    }

    .page_issue_archive .obj_issue_summary .description {
        font-size: 13px;
    }

    .page_issue_archive .cmp_pagination {
        margin-top: 22px;
        padding-top: 15px;
    }
}
/* =========================================
   IJRACSE - CURRENT ISSUE
   ========================================= */

.current_issue {
    margin: 35px 0;
    padding: 28px 30px;
    background: #ffffff;
    border: 1px solid #dce5ee;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(1, 35, 84, 0.05);
}

/* Section Heading */
.current_issue > h2 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    color: #012354;
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}

/* Issue Title */
.current_issue_title {
    margin: 18px 0 16px;
    color: #344054;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

/* Issue Content */
.obj_issue_toc {
    margin-top: 10px;
}

/* Published Information */
.obj_issue_toc .heading {
    padding: 14px 18px;
    background: #f3f7fb;
    border-left: 4px solid #012354;
    border-radius: 5px;
}

/* Published Label */
.obj_issue_toc .published {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #667085;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
}

/* Published Text */
.obj_issue_toc .published .label {
    font-weight: 700;
    color: #012354;
}

/* Published Date */
.obj_issue_toc .published .value {
    color: #344054;
}

/* View All Issues */
.current_issue .read_more {
    display: inline-block;
    margin-top: 20px;
    padding: 9px 18px;
    background: #012354;
    color: #ffffff;
    border-radius: 5px;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

/* Hover */
.current_issue .read_more:hover {
    background: #1f3a5f;
    color: #ffffff;
    text-decoration: none;
}

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

@media (max-width: 650px) {

    .current_issue {
        margin: 25px 0;
        padding: 20px;
        border-radius: 8px;
    }

    .current_issue > h2 {
        font-size: 23px;
        margin-bottom: 12px;
    }

    .current_issue_title {
        font-size: 16px;
        line-height: 1.5;
    }

    .obj_issue_toc .heading {
        padding: 12px 15px;
    }

    .obj_issue_toc .published {
        display: block;
        font-size: 14px;
    }

    .obj_issue_toc .published .label {
        margin-right: 5px;
    }

    .current_issue .read_more {
        margin-top: 16px;
        padding: 8px 15px;
        font-size: 14px;
    }
}




/* =========================================
   IJRACSE - INDIVIDUAL ISSUE PAGE
   Simple OJS Journal Style
   ========================================= */

.page_issue {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_issue .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_issue .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_issue .cmp_breadcrumbs li {
    font-size: 14px;
    line-height: 1.5;
}

.page_issue .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_issue .cmp_breadcrumbs a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}

.page_issue .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_issue .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   ISSUE PAGE TITLE
   ========================================= */

.page_issue > h1 {
    margin: 0 0 25px;
    padding: 0 0 14px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 2px solid #012354;
}


/* =========================================
   ISSUE TABLE OF CONTENTS
   ========================================= */

.page_issue .obj_issue_toc {
    margin: 0;
    padding: 0;
}


/* =========================================
   ISSUE HEADING AREA
   ========================================= */

.page_issue .obj_issue_toc .heading {
    margin: 0 0 25px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
}


/* =========================================
   PUBLISHED DATE
   ========================================= */

.page_issue .obj_issue_toc .published {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.page_issue .obj_issue_toc .published .label {
    color: #012354;
    font-size: 16px;
    font-weight: 600;
}

.page_issue .obj_issue_toc .published .value {
    color: #667085;
    font-size: 15px;
}


/* =========================================
   ISSUE SECTIONS
   ========================================= */

.page_issue .obj_issue_toc .sections {
    margin: 0;
    padding: 0;
}


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

.page_issue .obj_issue_toc .sections h2 {
    margin: 25px 0 15px;
    padding-bottom: 10px;
    color: #012354;
    font-size: 21px;
    font-weight: 600;
    border-bottom: 1px solid #dce3ea;
}


/* =========================================
   ARTICLE ITEMS
   ========================================= */

.page_issue .obj_issue_toc .sections .obj_article_summary {
    margin-bottom: 15px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease,
                transform 0.2s ease;
}

.page_issue .obj_issue_toc .sections .obj_article_summary:hover {
    border-left-color: #1f5d8f;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}


/* =========================================
   ARTICLE TITLE
   ========================================= */

.page_issue .obj_issue_toc .obj_article_summary .title {
    margin: 0;
    padding: 0;
    color: #012354;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.page_issue .obj_issue_toc .obj_article_summary .title a {
    color: #012354;
    text-decoration: none;
}

.page_issue .obj_issue_toc .obj_article_summary .title a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}


/* =========================================
   ARTICLE AUTHORS
   ========================================= */

.page_issue .obj_issue_toc .obj_article_summary .authors {
    margin-top: 7px;
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================
   ARTICLE DOI / META
   ========================================= */

.page_issue .obj_issue_toc .obj_article_summary .meta {
    margin-top: 8px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.page_issue .obj_issue_toc .obj_article_summary .meta a {
    color: #012354;
    text-decoration: none;
}

.page_issue .obj_issue_toc .obj_article_summary .meta a:hover {
    text-decoration: underline;
}


/* =========================================
   EMPTY SECTIONS
   ========================================= */

.page_issue .obj_issue_toc .sections:empty {
    display: none;
}


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

.page_issue a {
    transition: color 0.2s ease;
}


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

@media (max-width: 768px) {

    .page_issue > h1 {
        margin-bottom: 20px;
        font-size: 27px;
    }

    .page_issue .obj_issue_toc .heading {
        padding: 16px;
        margin-bottom: 20px;
    }

    .page_issue .obj_issue_toc .published .label {
        font-size: 15px;
    }

    .page_issue .obj_issue_toc .published .value {
        font-size: 14px;
    }

    .page_issue .obj_issue_toc .sections h2 {
        font-size: 19px;
    }

    .page_issue .obj_issue_toc .sections .obj_article_summary {
        padding: 16px;
    }

    .page_issue .obj_issue_toc .obj_article_summary .title {
        font-size: 17px;
    }
}


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

@media (max-width: 600px) {

    .page_issue .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_issue .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_issue .cmp_breadcrumbs .separator {
        margin: 0 5px;
    }

    .page_issue > h1 {
        margin-bottom: 18px;
        padding-bottom: 10px;
        font-size: 24px;
        line-height: 1.35;
    }

    .page_issue .obj_issue_toc .heading {
        margin-bottom: 18px;
        padding: 14px 15px;
        border-left-width: 3px;
    }

    .page_issue .obj_issue_toc .published {
        display: block;
    }

    .page_issue .obj_issue_toc .published .label {
        display: block;
        margin-bottom: 4px;
        font-size: 15px;
    }

    .page_issue .obj_issue_toc .published .value {
        display: block;
        font-size: 14px;
    }

    .page_issue .obj_issue_toc .sections h2 {
        margin: 20px 0 12px;
        padding-bottom: 8px;
        font-size: 18px;
    }

    .page_issue .obj_issue_toc .sections .obj_article_summary {
        margin-bottom: 12px;
        padding: 14px 15px;
        border-left-width: 3px;
    }

    .page_issue .obj_issue_toc .obj_article_summary .title {
        font-size: 16px;
        line-height: 1.45;
    }

    .page_issue .obj_issue_toc .obj_article_summary .authors {
        font-size: 13px;
    }

    .page_issue .obj_issue_toc .obj_article_summary .meta {
        font-size: 12px;
    }
}


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

@media (max-width: 400px) {

    .page_issue > h1 {
        font-size: 22px;
    }

    .page_issue .obj_issue_toc .heading {
        padding: 13px 14px;
    }

    .page_issue .obj_issue_toc .published .label {
        font-size: 14px;
    }

    .page_issue .obj_issue_toc .published .value {
        font-size: 13px;
    }
}


/* =========================================
   IJRACSE - CONTACT PAGE
   Simple OJS Journal Style
   ========================================= */

.page_contact {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_contact .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_contact .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_contact .cmp_breadcrumbs li {
    font-size: 14px;
    line-height: 1.5;
}

.page_contact .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_contact .cmp_breadcrumbs a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}

.page_contact .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_contact .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.page_contact > h1 {
    margin: 0 0 25px;
    padding-bottom: 12px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}


/* =========================================
   CONTACT SECTION
   ========================================= */

.page_contact .contact_section {
    margin: 0;
    padding: 0;
}


/* =========================================
   ADDRESS
   ========================================= */

.page_contact .contact_section > .address {
    margin-bottom: 25px;
    padding: 20px 22px;
    color: #344054;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   CONTACT CARDS CONTAINER
   ========================================= */

.page_contact .contact_section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}


/* Keep address full width */
.page_contact .contact_section > .address {
    grid-column: 1 / -1;
}


/* =========================================
   CONTACT CARD
   ========================================= */

.page_contact .contact_section .contact {
    position: relative;
    margin: 0;
    padding: 22px 24px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-top: 4px solid #012354;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease,
                transform 0.2s ease;
}

.page_contact .contact_section .contact:hover {
    border-top-color: #1f5d8f;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}


/* =========================================
   CONTACT CARD HEADING
   ========================================= */

.page_contact .contact_section .contact h3 {
    margin: 0 0 18px;
    padding-bottom: 10px;
    color: #012354;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid #dce3ea;
}


/* =========================================
   CONTACT NAME
   ========================================= */

.page_contact .contact_section .contact .name {
    margin-bottom: 7px;
    color: #012354;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}


/* =========================================
   AFFILIATION
   ========================================= */

.page_contact .contact_section .contact .affiliation {
    margin-bottom: 12px;
    color: #667085;
    font-size: 15px;
    line-height: 1.6;
}


/* =========================================
   EMAIL
   ========================================= */

.page_contact .contact_section .contact .email {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.5;
    word-break: break-word;
}

.page_contact .contact_section .contact .email a {
    color: #012354;
    text-decoration: none;
}

.page_contact .contact_section .contact .email a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}


/* =========================================
   OPTIONAL EMAIL ICON
   ========================================= */

.page_contact .contact_section .contact .email::before {
    content: "✉";
    display: inline-block;
    margin-right: 8px;
    color: #012354;
    font-size: 15px;
}


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

@media (max-width: 768px) {

    .page_contact > h1 {
        margin-bottom: 20px;
        font-size: 27px;
    }

    .page_contact .contact_section {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .page_contact .contact_section > .address {
        margin-bottom: 4px;
        padding: 17px 18px;
        font-size: 15px;
    }

    .page_contact .contact_section .contact {
        padding: 19px 20px;
    }

    .page_contact .contact_section .contact h3 {
        font-size: 19px;
    }

    .page_contact .contact_section .contact .name {
        font-size: 17px;
    }

    .page_contact .contact_section .contact .affiliation {
        font-size: 14px;
    }

    .page_contact .contact_section .contact .email {
        font-size: 14px;
    }
}


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

@media (max-width: 600px) {

    .page_contact .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_contact .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_contact .cmp_breadcrumbs .separator {
        margin: 0 5px;
    }

    .page_contact > h1 {
        margin-bottom: 18px;
        padding-bottom: 9px;
        font-size: 24px;
    }

    .page_contact .contact_section {
        gap: 12px;
    }

    .page_contact .contact_section > .address {
        margin-bottom: 2px;
        padding: 14px 15px;
        border-left-width: 3px;
        font-size: 14px;
        line-height: 1.6;
    }

    .page_contact .contact_section .contact {
        padding: 16px 15px;
        border-top-width: 3px;
    }

    .page_contact .contact_section .contact h3 {
        margin-bottom: 14px;
        padding-bottom: 8px;
        font-size: 18px;
    }

    .page_contact .contact_section .contact .name {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .page_contact .contact_section .contact .affiliation {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.5;
    }

    .page_contact .contact_section .contact .email {
        margin-top: 8px;
        font-size: 13px;
    }

    .page_contact .contact_section .contact .email::before {
        margin-right: 6px;
    }
}


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

@media (max-width: 400px) {

    .page_contact > h1 {
        font-size: 22px;
    }

    .page_contact .contact_section > .address {
        padding: 13px 14px;
        font-size: 13px;
    }

    .page_contact .contact_section .contact {
        padding: 15px 14px;
    }

    .page_contact .contact_section .contact h3 {
        font-size: 17px;
    }

    .page_contact .contact_section .contact .name {
        font-size: 15px;
    }

    .page_contact .contact_section .contact .email {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .page_contact .contact {
        float: none;
        width: 100%;
    }
}
/* =========================================
   IJRACSE - EDITORIAL TEAM PAGE
   Simple OJS Journal Style
   ========================================= */

.page_editorial_team {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
    line-height: 1.6;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_editorial_team .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_editorial_team .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_editorial_team .cmp_breadcrumbs li {
    font-size: 14px;
    line-height: 1.5;
}

.page_editorial_team .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_editorial_team .cmp_breadcrumbs a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}

.page_editorial_team .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_editorial_team .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.page_editorial_team > h1 {
    margin: 0 0 30px;
    padding-bottom: 12px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}


/* =========================================
   OJS EDIT LINK
   ========================================= */

.page_editorial_team .cmp_edit_link {
    display: inline-block;
    margin-bottom: 25px;
    padding: 5px 10px;
    color: #012354;
    background: #f4f7fa;
    border: 1px solid #dce3ea;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
}

.page_editorial_team .cmp_edit_link:hover {
    color: #ffffff;
    background: #012354;
    border-color: #012354;
}


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

.page_editorial_team > h2 {
    position: relative;
    margin: 30px 0 18px;
    padding: 0 0 10px;
    color: #012354 !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid #dce3ea;
}

.page_editorial_team > h2:first-of-type {
    margin-top: 0;
}


/* =========================================
   EDITOR-IN-CHIEF
   ========================================= */

.page_editorial_team > p {
    margin: 0 0 25px;
    padding: 20px 22px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
    color: #667085;
    font-size: 15px;
    line-height: 1.7;
}


/* Editor name */
.page_editorial_team > p strong {
    color: #012354;
    font-size: 19px;
    font-weight: 600;
}


/* =========================================
   GENERAL LIST RESET
   ========================================= */

.page_editorial_team > ul {
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}


/* =========================================
   ASSOCIATE EDITORS
   ========================================= */

.page_editorial_team > ul > li {
    position: relative;
    margin: 0 0 12px;
    padding: 17px 20px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-left: 4px solid #012354;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease,
                transform 0.2s ease;
}

.page_editorial_team > ul > li:hover {
    border-left-color: #1f5d8f;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.page_editorial_team > ul > li strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #012354;
    font-size: 17px;
    font-weight: 600;
}


/* =========================================
   BOARD / ADVISORY BOXES
   ========================================= */

/*
 * Your HTML currently contains inline styles:
 *
 * border: 1px solid #1f3a5f;
 * padding: 15px;
 * border-radius: 6px;
 * background-color: #f9fbfd;
 *
 * The rules below override them to match
 * the IJRACSE design.
 */

.page_editorial_team > div[style*="border"] {
    margin: 0 0 28px;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dce3ea !important;
    border-radius: 0 !important;
    overflow: hidden;
}


/* =========================================
   NESTED UL RESET
   ========================================= */

/*
 * The supplied HTML contains UL > UL > LI.
 * These rules make the nested lists behave
 * like normal editorial member cards.
 */

.page_editorial_team > div[style*="border"] > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.page_editorial_team > div[style*="border"] > ul > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}


/* =========================================
   BOARD MEMBER CARD
   ========================================= */

.page_editorial_team > div[style*="border"] li {
    position: relative;
    margin: 0 !important;
    padding: 17px 20px;
    color: #667085;
    background: #ffffff;
    border-bottom: 1px solid #e7ecf1;
    font-size: 15px;
    line-height: 1.65;
    list-style: none;
    transition: background 0.2s ease,
                padding-left 0.2s ease;
}


/* Remove final border */
.page_editorial_team > div[style*="border"] li:last-child {
    border-bottom: none;
}


/* Hover */
.page_editorial_team > div[style*="border"] li:hover {
    background: #f8fafc;
    padding-left: 24px;
}


/* =========================================
   BOARD MEMBER NAME
   ========================================= */

.page_editorial_team > div[style*="border"] li strong {
    display: inline-block;
    margin-bottom: 2px;
    color: #012354;
    font-size: 17px;
    font-weight: 600;
}


/* =========================================
   REMOVE EXTRA BR SPACING
   ========================================= */

.page_editorial_team > div[style*="border"] > br {
    display: none;
}


/* =========================================
   SECOND-LEVEL HEADING SPACING
   ========================================= */

.page_editorial_team > h2 + div[style*="border"] {
    margin-top: 0;
}


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

.page_editorial_team a {
    transition: color 0.2s ease;
}


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

@media (max-width: 768px) {

    .page_editorial_team > h1 {
        margin-bottom: 25px;
        font-size: 27px;
    }

    .page_editorial_team > h2 {
        margin-top: 25px;
        font-size: 20px;
    }

    .page_editorial_team > p {
        padding: 17px 18px;
        border-left-width: 3px;
        font-size: 14px;
    }

    .page_editorial_team > p strong {
        font-size: 18px;
    }

    .page_editorial_team > ul > li {
        padding: 15px 17px;
        border-left-width: 3px;
        font-size: 14px;
    }

    .page_editorial_team > ul > li strong {
        font-size: 16px;
    }

    .page_editorial_team > div[style*="border"] li {
        padding: 15px 17px;
        font-size: 14px;
    }

    .page_editorial_team > div[style*="border"] li strong {
        font-size: 16px;
    }
}


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

@media (max-width: 600px) {

    .page_editorial_team .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_editorial_team .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_editorial_team .cmp_breadcrumbs .separator {
        margin: 0 5px;
    }

    .page_editorial_team > h1 {
        margin-bottom: 20px;
        padding-bottom: 9px;
        font-size: 24px;
    }

    .page_editorial_team .cmp_edit_link {
        margin-bottom: 20px;
        font-size: 12px;
    }

    .page_editorial_team > h2 {
        margin: 22px 0 13px;
        padding-bottom: 8px;
        font-size: 18px;
    }

    .page_editorial_team > p {
        margin-bottom: 20px;
        padding: 14px 15px;
        border-left-width: 3px;
        font-size: 13px;
        line-height: 1.6;
    }

    .page_editorial_team > p strong {
        font-size: 17px;
    }

    .page_editorial_team > ul {
        margin-bottom: 20px;
    }

    .page_editorial_team > ul > li {
        margin-bottom: 10px;
        padding: 14px 15px;
        border-left-width: 3px;
        font-size: 13px;
        line-height: 1.6;
    }

    .page_editorial_team > ul > li strong {
        font-size: 15px;
    }

    .page_editorial_team > div[style*="border"] {
        margin-bottom: 20px;
    }

    .page_editorial_team > div[style*="border"] li {
        padding: 14px 15px;
        font-size: 13px;
        line-height: 1.6;
    }

    .page_editorial_team > div[style*="border"] li:hover {
        padding-left: 18px;
    }

    .page_editorial_team > div[style*="border"] li strong {
        font-size: 15px;
    }
}


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

@media (max-width: 400px) {

    .page_editorial_team > h1 {
        font-size: 22px;
    }

    .page_editorial_team > h2 {
        font-size: 17px;
    }

    .page_editorial_team > p {
        padding: 13px 14px;
    }

    .page_editorial_team > ul > li {
        padding: 13px 14px;
    }

    .page_editorial_team > div[style*="border"] li {
        padding: 13px 14px;
    }
}
/* =========================================
   IJRACSE - LOGIN PAGE
   Simple OJS Journal Style
   ========================================= */

.page_login {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_login .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_login .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_login .cmp_breadcrumbs li {
    font-size: 14px;
}

.page_login .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_login .cmp_breadcrumbs a:hover {
    text-decoration: underline;
}

.page_login .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_login .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.page_login > h1 {
    margin: 0 0 30px;
    padding-bottom: 12px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}


/* =========================================
   LOGIN FORM
   ========================================= */

.page_login .cmp_form.login {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #dce3ea;
}


/* =========================================
   FIELDSET
   ========================================= */

.page_login .cmp_form.login .fields {
    margin: 0;
    padding: 0;
    border: 0;
}

.page_login .cmp_form.login .fields legend {
    display: none;
}


/* =========================================
   USERNAME & PASSWORD
   ========================================= */

.page_login .username,
.page_login .password {
    margin-bottom: 18px;
}

.page_login .username label,
.page_login .password label {
    display: block;
}


/* =========================================
   FIELD LABEL
   ========================================= */

.page_login .username .label,
.page_login .password .label {
    display: block;
    margin-bottom: 6px;
    color: #344054;
    font-size: 15px;
    font-weight: 600;
}


/* Required */
.page_login .required {
    color: #012354;
}


/* =========================================
   INPUT FIELDS
   ========================================= */

.page_login .username input,
.page_login .password input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    box-sizing: border-box;
    color: #344054;
    background: #ffffff;
    border: 1px solid #cfd8e3;
    border-radius: 3px;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    outline: none;
}

.page_login .username input:focus,
.page_login .password input:focus {
    border-color: #012354;
    box-shadow: 0 0 0 2px rgba(1, 35, 84, 0.08);
}


/* =========================================
   FORGOT PASSWORD
   ========================================= */

.page_login .password a {
    display: inline-block;
    margin-top: 7px;
    color: #012354;
    font-size: 14px;
    text-decoration: none;
}

.page_login .password a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}


/* =========================================
   REMEMBER ME
   ========================================= */

.page_login .remember {
    margin: 5px 0 22px;
}

.page_login .remember label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.page_login .remember input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: #012354;
}

.page_login .remember .label {
    color: #667085;
    font-size: 14px;
}


/* =========================================
   BUTTON AREA
   ========================================= */

.page_login .buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* =========================================
   LOGIN BUTTON
   ========================================= */

.page_login .buttons .submit {
    padding: 9px 25px;
    color: #ffffff;
    background: #012354;
    border: 1px solid #012354;
    border-radius: 3px;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s ease,
                border-color 0.2s ease;
}

.page_login .buttons .submit:hover {
    background: #1f5d8f;
    border-color: #1f5d8f;
}


/* =========================================
   REGISTER LINK
   ========================================= */

.page_login .buttons .register {
    display: inline-block;
    padding: 9px 20px;
    color: #012354;
    background: #ffffff;
    border: 1px solid #cfd8e3;
    border-radius: 3px;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.2s ease,
                color 0.2s ease,
                border-color 0.2s ease;
}

.page_login .buttons .register:hover {
    color: #ffffff;
    background: #012354;
    border-color: #012354;
}


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

@media (max-width: 768px) {

    .page_login > h1 {
        margin-bottom: 25px;
        font-size: 27px;
    }

    .page_login .cmp_form.login {
        max-width: 480px;
        padding: 22px;
    }
}


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

@media (max-width: 600px) {

    .page_login .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_login .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_login .cmp_breadcrumbs .separator {
        margin: 0 5px;
    }

    .page_login > h1 {
        margin-bottom: 20px;
        padding-bottom: 9px;
        font-size: 24px;
    }

    .page_login .cmp_form.login {
        max-width: 100%;
        padding: 17px 15px;
    }

    .page_login .username,
    .page_login .password {
        margin-bottom: 16px;
    }

    .page_login .username .label,
    .page_login .password .label {
        font-size: 14px;
    }

    .page_login .username input,
    .page_login .password input {
        height: 40px;
        font-size: 14px;
    }

    .page_login .password a {
        font-size: 13px;
    }

    .page_login .remember {
        margin-bottom: 20px;
    }

    .page_login .remember .label {
        font-size: 13px;
    }

    .page_login .buttons {
        width: 100%;
        gap: 10px;
    }

    .page_login .buttons .submit,
    .page_login .buttons .register {
        flex: 1;
        text-align: center;
        box-sizing: border-box;
        font-size: 14px;
    }
}


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

@media (max-width: 400px) {

    .page_login > h1 {
        font-size: 22px;
    }

    .page_login .cmp_form.login {
        padding: 15px 13px;
    }

    .page_login .buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .page_login .buttons .submit,
    .page_login .buttons .register {
        width: 100%;
    }
}
/* =========================================
   IJRACSE - REGISTER PAGE
   Simple OJS Journal Style
   ========================================= */

.page_register {
    max-width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #344054;
}


/* =========================================
   BREADCRUMBS
   ========================================= */

.page_register .cmp_breadcrumbs {
    margin-bottom: 20px;
}

.page_register .cmp_breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page_register .cmp_breadcrumbs li {
    font-size: 14px;
}

.page_register .cmp_breadcrumbs a {
    color: #012354;
    text-decoration: none;
}

.page_register .cmp_breadcrumbs a:hover {
    text-decoration: underline;
}

.page_register .cmp_breadcrumbs .separator {
    margin: 0 8px;
    color: #98a2b3;
}

.page_register .cmp_breadcrumbs .current {
    color: #667085;
}


/* =========================================
   PAGE TITLE
   ========================================= */

.page_register > h1 {
    margin: 0 0 30px;
    padding-bottom: 12px;
    color: #012354;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 2px solid #012354;
}


/* =========================================
   REGISTER FORM
   ========================================= */

.page_register .cmp_form.register {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}


/* =========================================
   FIELDSETS
   ========================================= */

.page_register .cmp_form.register fieldset {
    margin: 0 0 22px;
    padding: 22px 24px;
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 3px;
}

.page_register .cmp_form.register fieldset legend {
    padding: 0 8px;
    color: #012354;
    font-size: 19px;
    font-weight: 600;
}


/* =========================================
   FIELD GROUP
   ========================================= */

.page_register .cmp_form.register .fields {
    margin: 0;
    padding: 0;
}


/* =========================================
   PROFILE FIELDS
   ========================================= */

.page_register .identity .fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 18px;
}


/* Full width affiliation */

.page_register .identity .affiliation {
    grid-column: 1 / -1;
}


/* Country full width */

.page_register .identity .country {
    grid-column: 1 / -1;
}


/* =========================================
   LOGIN FIELDS
   ========================================= */

.page_register .login .fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 18px;
}


/* =========================================
   FIELD LABELS
   ========================================= */

.page_register .cmp_form.register .fields > div > label {
    display: block;
}

.page_register .cmp_form.register .label {
    display: block;
    margin-bottom: 6px;
    color: #344054;
    font-size: 15px;
    font-weight: 600;
}


/* Required indicator */

.page_register .required {
    color: #012354;
}


/* =========================================
   INPUTS
   ========================================= */

.page_register .cmp_form.register input[type="text"],
.page_register .cmp_form.register input[type="email"],
.page_register .cmp_form.register input[type="password"],
.page_register .cmp_form.register select {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    box-sizing: border-box;

    color: #344054;
    background: #ffffff;

    border: 1px solid #cfd8e3;
    border-radius: 3px;

    font-family: "Times New Roman", Times, serif;
    font-size: 15px;

    outline: none;
}


/* Select */

.page_register .cmp_form.register select {
    cursor: pointer;
}


/* Focus */

.page_register .cmp_form.register input[type="text"]:focus,
.page_register .cmp_form.register input[type="email"]:focus,
.page_register .cmp_form.register input[type="password"]:focus,
.page_register .cmp_form.register select:focus {
    border-color: #012354;
    box-shadow: 0 0 0 2px rgba(1, 35, 84, 0.08);
}


/* =========================================
   CONSENT SECTION
   ========================================= */

.page_register .cmp_form.register fieldset.consent {
    padding: 18px 24px;
}

.page_register .consent .fields {
    margin-bottom: 14px;
}

.page_register .consent .fields:last-child {
    margin-bottom: 0;
}

.page_register .consent .optin label {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: #667085;
    font-size: 14px;
    line-height: 1.6;

    cursor: pointer;
}


/* Consent checkbox */

.page_register .consent input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    margin: 3px 0 0;
    accent-color: #012354;
}


/* Consent links */

.page_register .consent a {
    color: #012354;
    text-decoration: none;
}

.page_register .consent a:hover {
    color: #1f5d8f;
    text-decoration: underline;
}


/* =========================================
   REVIEWER SECTION
   ========================================= */

.page_register .cmp_form.register fieldset.reviewer {
    padding: 18px 24px;
}

.page_register .reviewer .fields {
    display: block;
}

.page_register .reviewer .optin {
    margin-bottom: 16px;
}

.page_register .reviewer .optin label {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: #667085;
    font-size: 14px;
    line-height: 1.6;

    cursor: pointer;
}

.page_register .reviewer input[type="checkbox"] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    margin: 3px 0 0;
    accent-color: #012354;
}


/* Reviewing interests */

.page_register .reviewer_interests {
    margin-top: 10px;
}

.page_register .reviewer_interests .label {
    display: block;
    margin-bottom: 6px;
}

.page_register .reviewer_interests input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    box-sizing: border-box;

    color: #344054;
    background: #ffffff;
    border: 1px solid #cfd8e3;
    border-radius: 3px;

    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    outline: none;
}

.page_register .reviewer_interests input:focus {
    border-color: #012354;
    box-shadow: 0 0 0 2px rgba(1, 35, 84, 0.08);
}


/* =========================================
   BUTTON AREA
   ========================================= */

.page_register .buttons {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 8px;
}


/* =========================================
   REGISTER BUTTON
   ========================================= */

.page_register .buttons .submit {
    padding: 10px 26px;

    color: #ffffff;
    background: #012354;

    border: 1px solid #012354;
    border-radius: 3px;

    font-family: "Times New Roman", Times, serif;
    font-size: 15px;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.page_register .buttons .submit:hover {
    background: #1f5d8f;
    border-color: #1f5d8f;
}


/* =========================================
   LOGIN LINK
   ========================================= */

.page_register .buttons .login {
    display: inline-block;
    padding: 10px 22px;

    color: #012354;
    background: #ffffff;

    border: 1px solid #cfd8e3;
    border-radius: 3px;

    font-size: 15px;
    text-decoration: none;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

.page_register .buttons .login:hover {
    color: #ffffff;
    background: #012354;
    border-color: #012354;
}


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

@media (max-width: 768px) {

    .page_register > h1 {
        margin-bottom: 25px;
        font-size: 27px;
    }

    .page_register .cmp_form.register {
        max-width: 100%;
    }

    .page_register .cmp_form.register fieldset {
        padding: 20px;
        margin-bottom: 18px;
    }

    .page_register .cmp_form.register fieldset legend {
        font-size: 18px;
    }

    .page_register .identity .fields,
    .page_register .login .fields {
        column-gap: 16px;
        row-gap: 16px;
    }
}


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

@media (max-width: 600px) {

    .page_register .cmp_breadcrumbs {
        margin-bottom: 15px;
    }

    .page_register .cmp_breadcrumbs li {
        font-size: 13px;
    }

    .page_register .cmp_breadcrumbs .separator {
        margin: 0 5px;
    }

    .page_register > h1 {
        margin-bottom: 20px;
        padding-bottom: 9px;
        font-size: 24px;
    }

    /* Stack all profile fields */

    .page_register .identity .fields,
    .page_register .login .fields {
        display: block;
    }

    .page_register .identity .fields > div,
    .page_register .login .fields > div {
        margin-bottom: 16px;
    }

    .page_register .identity .fields > div:last-child,
    .page_register .login .fields > div:last-child {
        margin-bottom: 0;
    }

    /* Fieldset */

    .page_register .cmp_form.register fieldset {
        margin-bottom: 16px;
        padding: 17px 15px;
    }

    .page_register .cmp_form.register fieldset legend {
        font-size: 17px;
    }

    /* Labels */

    .page_register .cmp_form.register .label {
        font-size: 14px;
    }

    /* Inputs */

    .page_register .cmp_form.register input[type="text"],
    .page_register .cmp_form.register input[type="email"],
    .page_register .cmp_form.register input[type="password"],
    .page_register .cmp_form.register select,
    .page_register .reviewer_interests input {
        height: 40px;
        font-size: 14px;
    }

    /* Consent */

    .page_register .consent .optin label,
    .page_register .reviewer .optin label {
        font-size: 13px;
        line-height: 1.55;
    }

    /* Buttons */

    .page_register .buttons {
        width: 100%;
        gap: 10px;
    }

    .page_register .buttons .submit,
    .page_register .buttons .login {
        flex: 1;
        text-align: center;
        box-sizing: border-box;
        font-size: 14px;
    }
}


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

@media (max-width: 400px) {

    .page_register > h1 {
        font-size: 22px;
    }

    .page_register .cmp_form.register fieldset {
        padding: 15px 13px;
    }

    .page_register .buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .page_register .buttons .submit,
    .page_register .buttons .login {
        width: 100%;
    }
}