/**
 * Master Stylesheet for Naukri Sathi (SarkariJobFind 1:1 Replica)
 * 100% Compatible with Astra Theme & Elementor
 */

:root {
    --sjf-top-banner: #0AD0F4;
    --sjf-nav-bg: #000000;
    --sjf-nav-link: #FEFF04;
    --sjf-link-color: #0645ad;
    --sjf-link-hover: #d71313;
    --sjf-border-color: #000000;
}

/* ==========================================================================
   1. GLOBAL RESETS & ASTRA CONTAINER OVERRIDES
   ========================================================================== */
html, body {
    overflow-x: hidden !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ast-container,
.site-content,
#primary,
.entry-content {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fix any Elementor section spacing */
.elementor-section {
    padding: 0 !important;
    margin: 0 !important;
}

/* ==========================================================================
   2. HEADER CYAN BANNER (DESKTOP & MOBILE)
   ========================================================================== */
.sjf-cyan-banner {
    background-color: #0AD0F4 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 10px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.sjf-banner-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sjf-brand-link-flex {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    text-decoration: none !important;
}

.sjf-logo-circle-wrap {
    flex-shrink: 0 !important;
}

.sjf-header-logo-svg {
    width: 74px !important;
    height: 74px !important;
    display: block !important;
}

.sjf-brand-text-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

.sjf-brand-title {
    font-family: Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.5px !important;
}

.sjf-brand-sub {
    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.5px !important;
    margin-top: 3px !important;
}

/* ==========================================================================
   3. NAVIGATION BARS: DESKTOP & MOBILE
   ========================================================================== */
/* Desktop Black Nav Bar */
.sjf-main-navbar.sjf-desktop-nav {
    background-color: #000000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
}

.sjf-nav-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.sjf-menu-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

.sjf-menu-list li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

.sjf-menu-list li a {
    color: #FEFF04 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 10px 12px !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.sjf-menu-list li a:hover {
    color: #ffffff !important;
}

/* Mobile Black Touch Bar */
.sjf-mobile-navbar.sjf-mobile-nav {
    background-color: #000000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 38px !important;
    line-height: 38px !important;
}

.sjf-mobile-nav-bar {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sjf-mobile-touch-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.sjf-mobile-touch-menu li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    flex: 1 1 auto !important;
    text-align: center !important;
}

.sjf-mobile-touch-menu li a {
    color: #FEFF04 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 8px 3px !important;
    white-space: nowrap !important;
    display: block !important;
    line-height: 1 !important;
}

.sjf-mobile-touch-menu li a:hover {
    color: #ffffff !important;
}

/* ==========================================================================
   4. SEARCH BAR
   ========================================================================== */
.sjf-header-search-wrap {
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.sjf-search-form,
.sjf-search-form.sjf-search-pill {
    display: flex !important;
    align-items: center !important;
    max-width: 500px !important;
    width: 95% !important;
    margin: 0 auto !important;
    border: 1.5px solid #777777 !important;
    border-radius: 25px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

.sjf-search-input {
    flex: 1 1 auto !important;
    border: none !important;
    outline: none !important;
    padding: 10px 16px !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    background: transparent !important;
}

.sjf-search-btn {
    background-color: #6c757d !important;
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sjf-search-btn:hover {
    background-color: #545b62 !important;
}

/* ==========================================================================
   5. TICKER (DESKTOP ONLY)
   ========================================================================== */
.sjf-welcome-yellow-strip {
    background-color: #FFFF55 !important;
    border-top: 1px solid #d5d5d5 !important;
    border-bottom: 1px solid #d5d5d5 !important;
    padding: 6px 12px !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    box-sizing: border-box !important;
}

.sjf-welcome-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.sjf-badge-live {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1.5px solid #000000 !important;
    border-radius: 12px !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    letter-spacing: 0.5px !important;
}

.sjf-welcome-text {
    font-family: Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

.sjf-btn-search-tools {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   6. TOP 8 COLORED HIGHLIGHT BOXES (.sjf-top-box)
   ========================================================================== */
.sjf-top-box {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    box-sizing: border-box !important;
}

.sjf-top-box-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.sjf-top-box-item a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.sjf-top-box-item a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.sjf-top-box-item:nth-child(1) { background: #ff0033 !important; }
.sjf-top-box-item:nth-child(2) { background: #990000 !important; }
.sjf-top-box-item:nth-child(3) { background: #299b20 !important; }
.sjf-top-box-item:nth-child(4) { background: #f000e8 !important; }
.sjf-top-box-item:nth-child(5) { background: #0808a8 !important; }
.sjf-top-box-item:nth-child(6) { background: #c800c8 !important; }
.sjf-top-box-item:nth-child(7) { background: #ff9000 !important; }
.sjf-top-box-item:nth-child(8) { background: #0505a8 !important; }

/* ==========================================================================
   7. THE 12 CATEGORY BOXES: BASE CONTAINER RULES
   ========================================================================== */
.elementor-element-sjf_sec_12_boxes {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-sjf_sec_12_boxes > .elementor-container,
.elementor-section.elementor-element-sjf_sec_12_boxes > .elementor-container {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.elementor-element-sjf_sec_12_boxes .elementor-column,
.elementor-element-sjf_col_12_boxes {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.elementor-element-sjf_sec_12_boxes .elementor-widget-sjf_section_box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Card Outer Box */
.sjf-section-box {
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    margin: 0 0 10px 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

/* Card Header */
.sjf-box-header {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.sjf-box-header span {
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

/* Card List */
.sjf-box-list {
    list-style: disc !important;
    padding: 8px 12px 8px 24px !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
}

.sjf-box-item {
    padding: 5px 0 !important;
    margin: 0 !important;
    border-bottom: 1px dotted #e0e0e0 !important;
    line-height: 1.4 !important;
}

.sjf-box-link {
    font-family: Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #0645ad !important;
    text-decoration: underline !important;
    line-height: 1.4 !important;
}

.sjf-box-link:hover {
    color: #d71313 !important;
}

.sjf-badge-new .sjf-new-gif {
    height: 12px !important;
    width: auto !important;
    vertical-align: middle !important;
    margin-left: 3px !important;
}

.sjf-badge-out {
    font-family: Arial, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #ff0000 !important;
    margin-left: 3px !important;
}

.sjf-badge-last-date {
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    background: #ffffff !important;
    border: 1px solid #d5d5d5 !important;
    padding: 0 2px !important;
    margin-left: 3px !important;
}

.sjf-box-footer {
    text-align: right !important;
    padding: 5px 8px !important;
    background: #ffffff !important;
}

.sjf-view-more-btn {
    background-color: #00008B !important;
    color: #ffffff !important;
    padding: 4px 10px !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 2px !important;
    display: inline-block !important;
    line-height: normal !important;
}

/* ==========================================================================
   8. DESKTOP MEDIA QUERIES (min-width: 769px)
   ========================================================================== */
@media only screen and (min-width: 769px) {
    /* Hide mobile nav */
    .elementor-section:has(.sjf-mobile-nav),
    .sjf-mobile-nav {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 3 Equal Columns on Desktop */
    .elementor-element-sjf_sec_12_boxes .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto 20px auto !important;
        box-sizing: border-box !important;
    }

    /* Desktop Columns Order:
       Col 1: New Update (1), Outsourcing (4), Other Online Form (7), Syllabus (10)
       Col 2: Admit Card (2), Results (5), Admission Form (8), Scholarships (11)
       Col 3: Top Online Form (3), Answer Key (6), Certificate (9), Important (12)
    */
    .elementor-widget-sjf_section_box:has(.sjf-box-all) { order: 1 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-admit-card) { order: 2 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-top-online-form) { order: 3 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-offline-form) { order: 4 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-result) { order: 5 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-answer-key) { order: 6 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-other-online-form) { order: 7 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-admission-form) { order: 8 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-certificate) { order: 9 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-syllabus) { order: 10 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-scholarship) { order: 11 !important; }
    .elementor-widget-sjf_section_box:has(.sjf-box-important) { order: 12 !important; }
}

/* ==========================================================================
   9. MOBILE MEDIA QUERIES (max-width: 768px)
   ========================================================================== */
@media only screen and (max-width: 768px) {
    /* Hide desktop nav and ticker on mobile (just like SarkariJobFind) */
    .elementor-section:has(.sjf-desktop-nav),
    .sjf-desktop-nav,
    .elementor-section:has(.sjf-welcome-yellow-strip),
    .sjf-welcome-yellow-strip {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Show mobile nav */
    .elementor-section:has(.sjf-mobile-nav) {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Header Cyan Banner on Mobile */
    .sjf-cyan-banner {
        padding: 8px 6px !important;
    }

    .sjf-brand-link-flex {
        gap: 10px !important;
    }

    .sjf-header-logo-svg {
        width: 58px !important;
        height: 58px !important;
    }

    .sjf-brand-title {
        font-size: 20px !important;
        margin: 0 !important;
    }

    .sjf-brand-sub {
        font-size: 14px !important;
        margin-top: 2px !important;
    }

    /* Top Highlight Boxes on Mobile: 3 columns micro-grid */
    .sjf-top-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 14px auto !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 3px !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    .sjf-top-box-item {
        min-height: 55px !important;
        padding: 5px 4px !important;
        border-radius: 4px !important;
    }

    .sjf-top-box-item a {
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    .sjf-top-box-item:nth-child(n+7) {
        display: none !important;
    }

    /* 2-COLUMN FULL-WIDTH MOBILE GRID FOR THE 12 BOXES */
    .elementor-element-sjf_sec_12_boxes {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-element-sjf_sec_12_boxes > .elementor-container,
    .elementor-section.elementor-element-sjf_sec_12_boxes > .elementor-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .elementor-element-sjf_sec_12_boxes .elementor-column,
    .elementor-element-sjf_col_12_boxes {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .elementor-element-sjf_sec_12_boxes .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 3px !important;
        box-sizing: border-box !important;
    }

    .elementor-widget-sjf_section_box {
        order: initial !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .sjf-section-box {
        margin: 0 0 5px 0 !important;
        border: 1px solid #000000 !important;
        border-radius: 4px !important;
    }

    .sjf-box-header {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 4px !important;
    }

    .sjf-box-header span {
        font-size: 15.5px !important;
        line-height: 1.15 !important;
    }

    .sjf-box-list {
        padding: 4px 4px 6px 16px !important;
        margin: 0 !important;
    }

    .sjf-box-item {
        padding: 3px 0 !important;
        line-height: 1.25 !important;
    }

    .sjf-box-link {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .sjf-badge-new .sjf-new-gif {
        height: 11px !important;
    }

    .sjf-badge-out {
        font-size: 9.5px !important;
    }

    .sjf-badge-last-date {
        font-size: 8.5px !important;
    }

    .sjf-box-footer {
        padding: 3px 6px 4px 6px !important;
    }

    .sjf-view-more-btn {
        padding: 2.5px 7px !important;
        font-size: 10.5px !important;
    }
}

/* Extra small devices (max-width: 375px) */
@media only screen and (max-width: 375px) {
    .sjf-mobile-touch-menu li a {
        font-size: 11px !important;
        padding: 6px 1px !important;
    }
    .sjf-brand-title {
        font-size: 18px !important;
    }
    .sjf-brand-sub {
        font-size: 12.5px !important;
    }
    .sjf-header-logo-svg {
        width: 50px !important;
        height: 50px !important;
    }
    .sjf-box-link {
        font-size: 10px !important;
    }
    .sjf-box-header span {
        font-size: 14px !important;
    }
}


/* ==========================================================================
   CATEGORY & ARCHIVE PAGES (SARKARIJOBFIND 1:1 REPLICA)
   ========================================================================== */
.sjf-category-page {
    width: 100% !important;
    margin: 0 auto 20px auto !important;
}

.sjf-category-heading {
    margin-bottom: 12px !important;
    width: 100% !important;
}

.sjf-category-heading h1 {
    margin: 0 !important;
    padding: 10px 14px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #1717a8, #d71945) !important;
    text-align: center !important;
    border-radius: 4px !important;
    font-family: Arial, sans-serif !important;
}

.sjf-cat-icon {
    display: inline-block !important;
    margin: 0 4px !important;
    font-size: 20px !important;
    vertical-align: middle !important;
}

.sjf-cat-underline {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
}

.sjf-category-heading-line {
    height: 3px !important;
    margin-top: 3px !important;
    background: #1717a8 !important;
    border-radius: 2px !important;
    width: 100% !important;
}

.sjf-category-post-list {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

.sjf-category-post {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 11px 12px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-left: 4px solid #1717a8 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease, border-color .2s ease !important;
}

.sjf-category-post:hover {
    background: #f7f9ff !important;
    border-color: #1717a8 !important;
    transform: translateX(2px) !important;
}

.sjf-category-post-left {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.sjf-category-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 8px !important;
    background: #1717a8 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.sjf-category-post-title {
    color: #0645ad !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    font-family: Arial, sans-serif !important;
}

.sjf-category-post:hover .sjf-category-post-title {
    color: #d71313 !important;
}

.sjf-category-post-date {
    flex-shrink: 0 !important;
    color: #777777 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    font-family: Arial, sans-serif !important;
}

.sjf-category-badge {
    display: inline-block !important;
    margin-left: 6px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    font-family: Arial, sans-serif !important;
}

.sjf-category-badge-new {
    background: #198754 !important;
    border: 1px solid #146c43 !important;
}

.sjf-category-pagination {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 20px !important;
}

.sjf-category-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    color: #0645ad !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.sjf-category-pagination .page-numbers.current,
.sjf-category-pagination .page-numbers:hover {
    background: #1717a8 !important;
    color: #ffffff !important;
    border-color: #1717a8 !important;
}

.sjf-sidebar-widget {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

.sjf-sidebar-widget .sjf-widget-header {
    background: #1877f2 !important;
    padding: 10px 14px !important;
    text-align: center !important;
}

.sjf-sidebar-widget .sjf-widget-header span {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.sjf-sidebar-widget .sjf-widget-list {
    list-style: none !important;
    padding: 6px 12px !important;
    margin: 0 !important;
}

.sjf-sidebar-widget .sjf-widget-list li {
    padding: 8px 0 !important;
    border-bottom: 1px dotted #e0e0e0 !important;
}

.sjf-sidebar-widget .sjf-widget-list li:last-child {
    border-bottom: none !important;
}

.sjf-sidebar-widget .sjf-widget-list li a {
    color: #000000 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.sjf-sidebar-widget .sjf-widget-list li a:hover {
    color: #d71313 !important;
}

@media only screen and (max-width: 768px) {
    .sjf-category-heading h1 {
        padding: 8px 10px !important;
        font-size: 18px !important;
    }

    .sjf-category-post {
        display: block !important;
        padding: 9px 8px !important;
        margin-bottom: 6px !important;
        border-left-width: 3px !important;
    }

    .sjf-category-post-left {
        width: 100% !important;
        display: flex !important;
        align-items: flex-start !important;
    }

    .sjf-category-arrow {
        width: 18px !important;
        height: 18px !important;
        margin-right: 6px !important;
        font-size: 16px !important;
        margin-top: 1px !important;
    }

    .sjf-category-post-title {
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    }

    .sjf-category-badge {
        font-size: 8.5px !important;
        padding: 1px 4px !important;
        margin-left: 4px !important;
    }

    .sjf-category-post-date {
        margin-top: 4px !important;
        margin-left: 24px !important;
        font-size: 10px !important;
        display: block !important;
    }

    .sjf-category-pagination {
        margin-top: 15px !important;
    }

    .sjf-category-pagination .page-numbers {
        min-width: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
    }

    .elementor-element-sjf_col_cat_sidebar,
    .elementor-element-sjf_col_b0c7b26,
    .sjf-archive-sidebar {
        display: none !important;
    }

    .elementor-element-sjf_col_cat_main,
    .elementor-element-sjf_col_5646646,
    .sjf-archive-main {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}
/* ==========================================================================
   SarkariJobFind Single Post 1:1 Authentic Styling
   ========================================================================== */
.sjf-single-job-wrapper {
    font-family: serif, 'Times New Roman', Times, Georgia !important;
    line-height: 1.4 !important;
    color: #000 !important;
}

.sjf-single-job-wrapper h2.sjf-single-top-heading {
    font-family: serif, 'Times New Roman', Times !important;
    margin: 6px 0 10px 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    color: #111 !important;
}

.sjf-single-job-wrapper p.sjf-single-about {
    font-family: serif, 'Times New Roman', Times !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin: 6px 0 14px 0 !important;
}

.sjf-single-promo-bar {
    border: 1px solid teal !important;
    border-radius: 2px !important;
    background: #ECFFFE !important;
    display: flex !important;
    align-items: center !important;
    padding: 4px 8px !important;
    justify-content: space-between !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

.sjf-single-promo-bar .sjf-promo-btn {
    text-decoration: none !important;
    background: #083F89 !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
    font-weight: bold !important;
    font-size: 0.85rem !important;
    transition: background 0.2s ease !important;
}

.sjf-single-promo-bar .sjf-promo-btn:hover {
    background: #052654 !important;
    color: #fff !important;
}

.sjf-master-table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.sjf-master-table,
.entry-content table:not(.elementor-table) {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 2px solid #000 !important;
    margin-bottom: 20px !important;
    font-family: serif, 'Times New Roman', Times !important;
}

.sjf-master-table > tbody > tr > td,
.sjf-master-table > tr > td,
.entry-content table:not(.elementor-table) > tbody > tr > td,
.entry-content table:not(.elementor-table) > tr > td {
    border: 2px solid #000 !important;
}

.sjf-master-table table,
.sjf-parsed-table-wrap table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #000 !important;
    margin-top: 6px !important;
}

.sjf-master-table table td,
.sjf-master-table table th,
.sjf-parsed-table-wrap table td,
.sjf-parsed-table-wrap table th {
    border: 1px solid #000 !important;
    padding: 6px !important;
}

.sjf-master-table ul,
.sjf-master-table ol {
    margin: 5px 0 !important;
}

.sjf-master-table a {
    color: #0000ff !important;
    text-decoration: none !important;
}

.sjf-master-table a:hover {
    text-decoration: underline !important;
}

@media (max-width: 600px) {
    .sjf-master-table {
        min-width: 480px !important;
        font-size: 13px !important;
    }
    .sjf-single-promo-bar {
        font-size: 13px !important;
        padding: 6px !important;
    }
    .sjf-single-promo-bar span span {
        font-size: 0.82rem !important;
    }
}