/* ============================================================
   NIGERIAN JOURNAL OF TECHNICAL EDUCATION (NJTE)
   NATIONAL BOARD FOR TECHNICAL EDUCATION (NBTE)

   Professional OJS 3.3 Theme
   Inspired by clean modern academic journal layouts
   ============================================================ */


/* ============================================================
   1. THEME VARIABLES
   ============================================================ */

:root {

    /* NBTE Institutional Colours */
    --njte-primary: #08783E;
    --njte-primary-dark: #05582E;
    --njte-primary-deep: #034322;
    --njte-primary-light: #EAF6EF;

    /* Accent */
    --njte-gold: #D7A62A;
    --njte-gold-light: #F1C75B;

    /* General */
    --njte-white: #FFFFFF;
    --njte-background: #F5F7F6;
    --njte-light: #F8FAF9;

    --njte-text: #26352D;
    --njte-muted: #66756D;

    --njte-border: #DDE6E1;

    --njte-shadow:
        0 6px 22px rgba(4, 70, 37, .08);

    --njte-shadow-hover:
        0 12px 30px rgba(4, 70, 37, .15);

    --njte-radius: 8px;
}


/* ============================================================
   2. GLOBAL
   ============================================================ */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--njte-background);
    color: var(--njte-text);

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

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

* {
    box-sizing: border-box;
}

a {
    color: var(--njte-primary);
    text-decoration: none;

    transition:
        color .25s ease,
        background .25s ease,
        border .25s ease;
}

a:hover,
a:focus {
    color: var(--njte-primary-dark);
}

img {
    max-width: 100%;
    height: auto;
}


/* OJS main wrapper */

.pkp_structure_page {
    background: #FFFFFF;
}


/* ============================================================
   3. TOP HEADER
   ============================================================ */

.pkp_head_wrapper {

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-deep) 0%,
            var(--njte-primary) 70%,
            #0A9250 100%
        );

    border-bottom:
        4px solid var(--njte-gold);
}


/* ============================================================
   4. JOURNAL LOGO + JOURNAL NAME
   ============================================================ */

.pkp_site_name_wrapper {

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-deep),
            var(--njte-primary)
        );

    padding: 18px 28px;
}


.pkp_site_name {

    max-width: 1300px;
    margin: 0 auto;

    display: flex !important;

    align-items: center;

    gap: 22px;
}


.pkp_site_name > a {

    display: flex !important;

    align-items: center;

    text-decoration: none;
}


/* Journal logo */

.pkp_site_name img {

    max-height: 95px;

    width: auto;

    object-fit: contain;
}


/* Add journal name beside logo */

.pkp_site_name::after {

    content:
        "Nigerian Journal of Technical Education";

    display: block;

    color: #FFFFFF;

    font-size:
        clamp(25px, 3vw, 42px);

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: .3px;
}


/* ============================================================
   5. MAIN NAVIGATION
   ============================================================ */

.pkp_navigation_primary_wrapper {

    background: #FFFFFF;

    border-bottom:
        1px solid var(--njte-border);

    box-shadow:
        0 3px 12px rgba(0,0,0,.07);
}


.pkp_navigation_primary {

    max-width: 1300px;

    margin: 0 auto;
}


/* Main menu links */

.pkp_navigation_primary > li > a {

    color:
        var(--njte-primary-deep);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: .3px;

    text-transform: uppercase;

    padding-top: 18px;

    padding-bottom: 18px;

    border-bottom:
        3px solid transparent;
}


.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {

    color:
        var(--njte-primary);

    border-bottom-color:
        var(--njte-gold);
}


/* ============================================================
   6. DROPDOWN MENU
   ============================================================ */

.pkp_navigation_primary ul {

    background: #FFFFFF;

    border: none;

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

    border-radius:
        0 0 6px 6px;

    box-shadow:
        0 10px 28px rgba(0,0,0,.14);
}


.pkp_navigation_primary ul a {

    color:
        var(--njte-text);

    padding:
        11px 18px;
}


.pkp_navigation_primary ul a:hover {

    background:
        var(--njte-primary-light);

    color:
        var(--njte-primary);
}


/* ============================================================
   7. USER NAVIGATION
   REGISTER / LOGIN
   ============================================================ */

.pkp_navigation_user > li > a {

    color: #FFFFFF;

    font-weight: 600;
}


.pkp_navigation_user > li > a:hover {

    color:
        var(--njte-gold-light);
}


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

.pkp_search_desktop {

    color: #FFFFFF;
}


.pkp_search_desktop:hover {

    color:
        var(--njte-gold-light);
}


/* ============================================================
   9. MAIN CONTENT
   ============================================================ */

.pkp_structure_content {

    max-width: 1300px;

    margin:
        30px auto 50px;
}


.pkp_structure_main {

    padding: 30px;
}


/* ============================================================
   10. GENERAL PAGE HEADINGS
   ============================================================ */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {

    color:
        var(--njte-primary-dark);
}


.pkp_structure_main > h1 {

    position: relative;

    font-size: 32px;

    line-height: 1.3;

    font-weight: 700;

    margin-bottom: 30px;

    padding-bottom: 14px;
}


.pkp_structure_main > h1::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 75px;

    height: 4px;

    background:
        var(--njte-gold);

    border-radius: 10px;
}


/* ============================================================
   11. HOMEPAGE ABOUT JOURNAL
   ============================================================ */

.homepage_about,
.additional_content {

    background: #FFFFFF;

    padding: 30px;

    margin-bottom: 35px;

    border:
        1px solid var(--njte-border);

    border-radius:
        var(--njte-radius);

    box-shadow:
        var(--njte-shadow);
}


.homepage_about h2,
.additional_content h2 {

    color:
        var(--njte-primary-dark);

    font-size: 27px;

    font-weight: 700;

    border-left:
        5px solid var(--njte-gold);

    padding-left: 14px;
}


.homepage_about p,
.additional_content p {

    color:
        var(--njte-text);

    line-height: 1.9;
}


/* ============================================================
   12. ANNOUNCEMENTS
   ============================================================ */

.cmp_announcements {

    margin:
        40px 0;
}


.cmp_announcements > h2 {

    margin: 0;

    padding:
        14px 20px;

    background:
        var(--njte-primary);

    color:
        #FFFFFF !important;

    border-left:
        6px solid var(--njte-gold);

    font-size: 24px;
}


.cmp_announcements
.obj_announcement_summary {

    background: #FFFFFF;

    padding: 22px;

    border:
        1px solid var(--njte-border);

    border-top: none;

    transition: .25s;
}


.cmp_announcements
.obj_announcement_summary:hover {

    background:
        var(--njte-light);
}


.obj_announcement_summary
.title a {

    color:
        var(--njte-primary-dark);

    font-size: 18px;

    font-weight: 700;
}


.obj_announcement_summary
.title a:hover {

    color:
        var(--njte-primary);
}


.obj_announcement_summary
.date {

    color:
        var(--njte-muted);

    font-size: 13px;

    font-weight: 600;
}


/* ============================================================
   13. CURRENT ISSUE
   ============================================================ */

.current_issue {

    margin-top: 45px;
}


.current_issue > h2 {

    margin-bottom: 25px;

    padding:
        15px 22px;

    background:
        var(--njte-primary);

    color:
        #FFFFFF !important;

    border-left:
        6px solid var(--njte-gold);

    font-size: 25px;
}


.current_issue
.current_issue_title {

    color:
        var(--njte-primary-dark);

    font-size: 23px;

    line-height: 1.4;

    font-weight: 700;

    margin-bottom: 12px;
}


/* Issue cover */

.current_issue .cover {

    background: #FFFFFF;

    padding: 8px;

    border:
        1px solid var(--njte-border);

    box-shadow:
        var(--njte-shadow);
}


.current_issue .cover img {

    display: block;

    width: 100%;
}


/* ============================================================
   14. ISSUE DESCRIPTION
   ============================================================ */

.description {

    color:
        var(--njte-text);

    line-height: 1.85;
}


/* ============================================================
   15. ARTICLE SECTION HEADINGS
   ============================================================ */

.section > h2,
.section > h3 {

    background:
        var(--njte-primary-light);

    color:
        var(--njte-primary-dark) !important;

    padding:
        12px 18px;

    border-left:
        5px solid var(--njte-gold);

    border-radius:
        3px;

    font-weight: 700;
}


/* ============================================================
   16. ARTICLE LISTING CARDS
   ============================================================ */

.obj_article_summary {

    background: #FFFFFF;

    border:
        1px solid var(--njte-border);

    border-left:
        4px solid var(--njte-primary);

    border-radius: 6px;

    padding:
        22px !important;

    margin-bottom:
        18px !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border .25s ease;
}


.obj_article_summary:hover {

    transform:
        translateY(-3px);

    border-left-color:
        var(--njte-gold);

    box-shadow:
        var(--njte-shadow-hover);
}


/* Article title */

.obj_article_summary
.title {

    margin-bottom: 8px;
}


.obj_article_summary
.title a {

    color:
        var(--njte-primary-dark);

    font-size: 18px;

    line-height: 1.45;

    font-weight: 700;
}


.obj_article_summary
.title a:hover {

    color:
        var(--njte-primary);
}


/* Author names */

.obj_article_summary
.authors {

    color:
        var(--njte-muted);

    font-size: 14px;

    line-height: 1.6;

    margin:
        8px 0;
}


/* Pages */

.obj_article_summary
.pages {

    color:
        #78857F;

    font-size: 13px;
}


/* ============================================================
   17. PDF BUTTONS
   ============================================================ */

.obj_galley_link {

    display: inline-block;

    background:
        var(--njte-primary) !important;

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

    border-radius: 4px;

    color:
        #FFFFFF !important;

    padding:
        8px 17px !important;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .4px;

    text-transform: uppercase;

    transition: .25s;
}


.obj_galley_link:hover {

    background:
        var(--njte-gold) !important;

    border-color:
        var(--njte-gold) !important;

    color:
        var(--njte-primary-deep) !important;
}


/* ============================================================
   18. ARCHIVE / ISSUES PAGE
   ============================================================ */

.obj_issue_summary {

    background: #FFFFFF;

    border:
        1px solid var(--njte-border);

    border-radius: 8px;

    padding: 22px;

    margin-bottom: 22px;

    box-shadow:
        0 3px 13px rgba(0,0,0,.05);

    transition: .25s;
}


.obj_issue_summary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        var(--njte-shadow-hover);
}


.obj_issue_summary
.title {

    color:
        var(--njte-primary);

    font-weight: 700;
}


.obj_issue_summary
.title a {

    color:
        var(--njte-primary-dark);
}


/* ============================================================
   19. ARTICLE DETAIL PAGE
   ============================================================ */

.obj_article_details
.page_title {

    color:
        var(--njte-primary-dark);

    font-size: 30px;

    line-height: 1.4;

    font-weight: 700;
}


.obj_article_details
.authors {

    color:
        var(--njte-muted);

    margin:
        15px 0 25px;
}


/* Abstract */

.obj_article_details
.abstract {

    background:
        #F7FAF8;

    padding: 25px;

    border-left:
        5px solid var(--njte-primary);

    border-radius: 5px;

    margin-top: 25px;
}


.obj_article_details
.abstract h2 {

    color:
        var(--njte-primary-dark);
}


/* Keywords */

.obj_article_details
.keywords {

    background:
        var(--njte-primary-light);

    padding: 15px 20px;

    border-radius: 5px;
}


/* ============================================================
   20. DOI / CITATION AREA
   ============================================================ */

.obj_article_details
.item.doi {

    background:
        var(--njte-primary-light);

    padding: 12px 16px;

    border-left:
        4px solid var(--njte-primary);
}


.obj_article_details
.item.citation {

    border-top:
        1px solid var(--njte-border);

    margin-top: 25px;

    padding-top: 20px;
}


/* ============================================================
   21. SIDEBAR
   ============================================================ */

.pkp_structure_sidebar {

    padding-top: 30px;
}


.pkp_block {

    background: #FFFFFF;

    margin-bottom: 22px;

    border:
        1px solid var(--njte-border);

    border-radius: 7px;

    overflow: hidden;

    box-shadow:
        0 3px 13px rgba(0,0,0,.05);
}


.pkp_block .title {

    display: block;

    background:
        var(--njte-primary);

    color:
        #FFFFFF !important;

    padding:
        12px 17px;

    font-size: 16px;

    font-weight: 700;

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


.pkp_block .content {

    padding: 17px;
}


.pkp_block a {

    color:
        var(--njte-primary-dark);
}


.pkp_block a:hover {

    color:
        var(--njte-primary);
}


/* ============================================================
   22. INFORMATION BLOCK
   ============================================================ */

.block_information ul {

    list-style: none;

    margin: 0;

    padding: 0;
}


.block_information li {

    border-bottom:
        1px solid var(--njte-border);
}


.block_information li:last-child {

    border-bottom: none;
}


.block_information a {

    display: block;

    padding:
        9px 4px;
}


/* ============================================================
   23. FORMS
   ============================================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="search"],
textarea,
select {

    border:
        1px solid #CBD7D0;

    border-radius: 4px;

    background: #FFFFFF;

    padding:
        10px 12px;

    color:
        var(--njte-text);

    transition: .25s;
}


input:focus,
textarea:focus,
select:focus {

    outline: none;

    border-color:
        var(--njte-primary);

    box-shadow:
        0 0 0 3px
        rgba(8,120,62,.13);
}


/* ============================================================
   24. BUTTONS
   ============================================================ */

.cmp_button,
button,
input[type="submit"],
input[type="button"] {

    background:
        var(--njte-primary);

    border:
        1px solid
        var(--njte-primary);

    border-radius: 4px;

    color:
        #FFFFFF;

    padding:
        10px 20px;

    font-weight: 700;

    transition: .25s;
}


.cmp_button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {

    background:
        var(--njte-primary-dark);

    border-color:
        var(--njte-primary-dark);

    color: #FFFFFF;
}


/* ============================================================
   25. BREADCRUMB
   ============================================================ */

.cmp_breadcrumbs {

    color:
        var(--njte-muted);

    font-size: 13px;
}


.cmp_breadcrumbs a {

    color:
        var(--njte-primary);
}


/* ============================================================
   26. EDITORIAL TEAM
   Existing card-nbte design
   ============================================================ */

.card-nbte {

    background: #FFFFFF;

    border:
        1px solid var(--njte-border);

    border-top:
        5px solid var(--njte-primary);

    border-radius: 8px;

    overflow: hidden;

    margin-bottom: 25px;

    box-shadow:
        var(--njte-shadow);

    transition: .3s ease;
}


.card-nbte:hover {

    transform:
        translateY(-5px);

    box-shadow:
        var(--njte-shadow-hover);
}


/* Editorial image */

.card-nbte
.profile-user-img {

    width: 145px;

    height: 145px;

    object-fit: cover;

    object-position: center top;

    border-radius: 50%;

    border:
        5px solid #FFFFFF;

    box-shadow:
        0 4px 15px rgba(0,0,0,.18);

    margin-top: 20px;
}


.card-nbte
.profile-username {

    color:
        var(--njte-primary-dark);

    font-size: 20px;

    font-weight: 700;

    margin-top: 15px;
}


.card-nbte
.text-muted {

    color:
        var(--njte-primary) !important;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: .5px;
}


.card-nbte hr {

    border: none;

    border-top:
        1px solid var(--njte-border);
}


/* ============================================================
   27. CUSTOM EDITORIAL BOARD
   ============================================================ */

.editorial-section {

    padding:
        50px 15px;
}


.editorial-title {

    text-align: center;

    margin-bottom: 40px;
}


.editorial-title h2 {

    color:
        var(--njte-primary-dark) !important;

    font-size: 36px;

    margin-bottom: 5px;
}


.editorial-title p {

    color:
        var(--njte-muted);
}


.editorial-grid {

    max-width: 1300px;

    margin: auto;

    display: grid;

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

    gap: 25px;
}


.editor-card {

    background: #FFFFFF;

    border:
        1px solid var(--njte-border);

    border-radius: 9px;

    overflow: hidden;

    box-shadow:
        var(--njte-shadow);

    transition: .3s;
}


.editor-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        var(--njte-shadow-hover);
}


.editor-header {

    padding:
        28px 20px 20px;

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-dark),
            var(--njte-primary)
        );

    text-align: center;
}


.editor-avatar {

    width: 140px;

    height: 140px;

    margin:
        0 auto 16px;
}


.editor-avatar img {

    width: 140px;

    height: 140px;

    object-fit: cover;

    object-position:
        center top;

    border-radius: 50%;

    border:
        5px solid #FFFFFF;

    box-shadow:
        0 5px 16px rgba(0,0,0,.25);
}


.editor-header h3 {

    color:
        #FFFFFF !important;

    font-size: 20px;

    line-height: 1.4;

    margin:
        8px 0;
}


.editor-role {

    color:
        var(--njte-gold-light);

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;
}


.editor-body {

    padding: 20px;
}


.editor-body p {

    color:
        var(--njte-text);

    margin:
        7px 0;
}


.editor-body strong {

    color:
        var(--njte-primary-dark);
}


.badge-country {

    display: inline-block;

    background:
        var(--njte-primary-light);

    color:
        var(--njte-primary-dark);

    padding:
        5px 12px;

    border-radius: 20px;

    margin-top: 8px;

    font-size: 12px;

    font-weight: 700;
}


/* ============================================================
   28. CALL FOR PAPERS HIGHLIGHT
   ============================================================ */

.njte-call-for-papers {

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-deep),
            var(--njte-primary)
        );

    color: #FFFFFF;

    padding:
        45px;

    margin:
        40px 0;

    border-radius:
        var(--njte-radius);

    border-bottom:
        5px solid var(--njte-gold);

    box-shadow:
        var(--njte-shadow-hover);
}


.njte-call-for-papers h2 {

    color:
        #FFFFFF !important;

    font-size: 30px;
}


.njte-call-for-papers p {

    color:
        #F0FFF6 !important;
}


.njte-call-for-papers a {

    display: inline-block;

    background:
        var(--njte-gold);

    color:
        var(--njte-primary-deep) !important;

    padding:
        11px 24px;

    margin-top: 15px;

    border-radius: 4px;

    font-weight: 700;
}


.njte-call-for-papers a:hover {

    background: #FFFFFF;
}


/* ============================================================
   29. TABLES
   ============================================================ */

table {

    width: 100%;

    border-collapse: collapse;

    background: #FFFFFF;
}


table th {

    background:
        var(--njte-primary);

    color: #FFFFFF;

    padding:
        12px 14px;

    text-align: left;
}


table td {

    padding:
        12px 14px;

    border:
        1px solid var(--njte-border);
}


table tr:nth-child(even) {

    background:
        #F8FAF9;
}


/* ============================================================
   30. PAGINATION
   ============================================================ */

.cmp_pagination {

    margin-top: 30px;
}


.cmp_pagination a {

    color:
        var(--njte-primary);
}


.cmp_pagination .current {

    background:
        var(--njte-primary);

    color: #FFFFFF;

    padding:
        5px 10px;

    border-radius: 4px;
}


/* ============================================================
   31. FOOTER
   ============================================================ */

.pkp_structure_footer_wrapper {

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-deep),
            var(--njte-primary-dark)
        ) !important;

    border-top:
        5px solid var(--njte-gold);

    color:
        #FFFFFF !important;
}


.pkp_structure_footer {

    max-width: 1300px;

    margin: auto;

    padding:
        35px 25px;
}


/* Force all footer text visible */

.pkp_structure_footer,
.pkp_structure_footer p,
.pkp_structure_footer span,
.pkp_structure_footer div,
.pkp_structure_footer li {

    color:
        #FFFFFF !important;
}


.pkp_structure_footer a {

    color:
        var(--njte-gold-light) !important;
}


.pkp_structure_footer a:hover {

    color:
        #FFFFFF !important;
}


/* Your custom footer */

.footer,
.njte-footer {

    background:
        linear-gradient(
            135deg,
            var(--njte-primary-deep),
            var(--njte-primary)
        );

    color:
        #FFFFFF;

    border-top:
        5px solid var(--njte-gold);
}


.footer-container {

    width: 90%;

    max-width: 1300px;

    margin: auto;

    display: grid;

    grid-template-columns:
        2fr 1fr 1fr;

    gap: 40px;

    padding:
        45px 0;
}


.footer h3,
.footer h4,
.njte-footer h3,
.njte-footer h4 {

    color:
        var(--njte-gold-light) !important;
}


.footer p,
.footer span,
.footer li,
.njte-footer p,
.njte-footer span,
.njte-footer li {

    color:
        #FFFFFF !important;
}


.footer a,
.njte-footer a {

    color:
        #FFFFFF !important;
}


.footer a:hover,
.njte-footer a:hover {

    color:
        var(--njte-gold-light) !important;
}


/* Copyright */

.footer-bottom {

    background:
        #02351B !important;

    padding:
        22px;

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

    text-align: center;
}


.footer-bottom,
.footer-bottom p,
.footer-bottom span,
.footer-bottom strong {

    color:
        #FFFFFF !important;
}


/* ============================================================
   32. CUSTOM FOOTER COPYRIGHT
   ============================================================ */

.footer-bottom::selection {

    background:
        var(--njte-gold);

    color:
        var(--njte-primary-deep);
}


/* ============================================================
   33. RESPONSIVE TABLET
   ============================================================ */

@media (max-width: 992px) {

    .editorial-grid {

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


    .footer-container {

        grid-template-columns:
            1fr 1fr;
    }


    .pkp_structure_main {

        padding: 25px;
    }
}


/* ============================================================
   34. RESPONSIVE MOBILE
   ============================================================ */

@media (max-width: 768px) {

    .pkp_site_name_wrapper {

        padding:
            15px;
    }


    .pkp_site_name {

        flex-direction:
            column;

        gap: 10px;

        text-align:
            center;
    }


    .pkp_site_name img {

        max-height:
            75px;
    }


    .pkp_site_name::after {

        font-size:
            24px;

        text-align:
            center;
    }


    .pkp_structure_main {

        padding:
            18px;
    }


    .pkp_structure_content {

        margin-top:
            15px;
    }


    .editorial-grid {

        grid-template-columns:
            1fr;
    }


    .footer-container {

        grid-template-columns:
            1fr;

        text-align:
            center;
    }


    .current_issue > h2,
    .cmp_announcements > h2 {

        font-size:
            20px;
    }


    .obj_article_summary {

        padding:
            17px !important;
    }


    .obj_article_summary
    .title a {

        font-size:
            16px;
    }


    .njte-call-for-papers {

        padding:
            30px 22px;
    }


    .njte-call-for-papers h2 {

        font-size:
            25px;
    }
}


/* ============================================================
   35. VERY SMALL MOBILE
   ============================================================ */

@media (max-width: 480px) {

    body {

        font-size:
            15px;
    }


    .pkp_site_name::after {

        font-size:
            21px;
    }


    .pkp_structure_main > h1 {

        font-size:
            26px;
    }


    .editor-avatar,
    .editor-avatar img {

        width:
            120px;

        height:
            120px;
    }
}